Welcome Guest   | Login   
  Search  
  Index |  Recent Threads |  Register | 

Forums »  List all forums »  Forum: General Discussion »  Confirm delete Thread: CSS when embedding mini calendar

You are about to delete this thread. Are you sure you want to delete it? Please review this thread information below before you delete it. If you do want to delete this thread, please enter your current password to confirm.

WARNING: Delete thread will delete all the posts in it.

Please review this thread before you delete it:
Thread Topic CSS when embedding mini calendar
Thread Body I'm trying to get the mini calendar to embed into a site. This is the CSS code that was offered, but it won't show the actual calendar- just appears as the CSS text when I try to refresh the site. I'm using weebly for my website, and have used CSS before... Please let me know if you have any suggestions or if I can fix the code!

<!-- Important! You must include all of the following
text to make the mini calendar work correctly! -->

<!-- You can alter the following CSS to change the
appearance and size of the calendar for your site.
Additional calendar color settings are set under
Options->Colors from your localendar.com account. -->
<style type="text/css">
.localendar-close {
position: absolute;
top: 4px;
right: 4px;
margin:2px;
border: none;
}
.localendar-mini td, th {
width: 30px;
height: 30px;
text-align: center;
vertical-align: middle;
font-family: arial;
font-size: 16px;
}
.localendar-label,.localendar-time,.localendar-title {
font-family:arial;font-size:12px;
}
.localendar-label {
font-weight:bold;font-size:14px;
}
.localendar-hasEvents {
background:orange !important;
cursor: pointer;
}
.localendar-selected {
/* Uncomment to enable this feature
background-color: yellow;
*/
}
.localendar-monthName{
background-color:;
color: #FFFFFF;
/* Uncomment this to hide the Month name
display:none;
*/
}
.localendar-balloon{
text-align:left;
}
</style>
<script>
// Other settings you can customize for your site
var lcPopupColor="rgba(230, 230, 230, .9)"; /* Try other values like: rgb(230,230,230), #b0c4de, yellow, etc */
var lcPopupOutline="#333333";
var lcPopupCornerRadius=20; /* Set to 0 for square corners */
</script>
<script type="text/javascript" src='http://www.localendar.com/js/PublishedIncludeMini.js'></script>

<!-- Place this line where you would like the calendar to appear (in a <div>, table, etc) -->
<script type="text/javascript" src='http://www.localendar.com/public/AshleyGSR?include=Y&style=M5'></script>
Posts 2
Pending Posts 0
Your current password

Help! | Cobranding | Legal | Privacy Policy | About localendar.com | Contact Us

Powered by mvnForum and localendar.com