calendars - FORUM - Ning Creators Social Network2024-03-29T11:26:01Zhttps://creators.ning.com/forum/topics/feed/tag/calendarsAutomate with style your event calendars csshttps://creators.ning.com/forum/topics/automate-with-style-your-event-calendars2012-09-26T23:55:23.000Z2012-09-26T23:55:23.000ZGeorge H. Compton IVhttps://creators.ning.com/members/GeorgeHComptonIV<div><p>These codes will automatically cross out past days, put a border around the future days, color the present day and highlight the event days,<br> you can change the color lightblue to any color you would prefer.</p>
<p>the top piece of code on both sets of codes TD.future A{background-color: yellow !important;} is the event day<br> <br> This code Will only affect the event module's calendar not the event page calendar</p>
<p>.xg_module.module_events TD.future A{background-color: yellow !important;}<br> .xg_module.module_events TD.present {background-color: lightblue !important;}<br> .xg_module.module_events TD.future {border: 1px solid lightblue !important;}<br> .xg_module.module_events TD.past { background-image: url(<a href="http://api.ning.com:80/files/Jec9iT2">http://api.ning.com:80/files/Jec9iT2</a>*pOjTVTAzA0p2xmtfLnsmGueFWYFEkeio6Q8MMdngwhxyk2jC76tnPpQJVDYA4SPmJPeMIQ0GkDRaMI56lEhOyrQ9/XImage.jpg);<br> background-size:100% 100%; }<br> .module_events div.calendar div {position: relative; overflow: visible;}<br> <br> <br> This code will affect the calendars on the modules and the calendars on the event page</p>
<p>TD.future A{background-color: yellow !important;}<br> TD.present {background-color:lightblue !important;}<br> TD.future {border: 1px solid lightblue !important;}<br> TD.past { background-image: url(<a href="http://api.ning.com:80/files/Jec9iT2">http://api.ning.com:80/files/Jec9iT2</a>*pOjTVTAzA0p2xmtfLnsmGueFWYFEkeio6Q8MMdngwhxyk2jC76tnPpQJVDYA4SPmJPeMIQ0GkDRaMI56lEhOyrQ9/XImage.jpg);<br> background-size:100% 100%; }<br> div.calendar div {position: relative; overflow: visible;}<br> .module_events div.calendar div {position: relative; overflow: visible;}</p>
<p></p>
<p></p>
<p>before</p>
<p><a target="_self" href="http://storage.ning.com/topology/rest/1.0/file/get/552809?profile=original"><img class="align-left" src="http://storage.ning.com/topology/rest/1.0/file/get/552809?profile=original" width="254"></a></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p><br> after</p>
<p>modules</p>
<p><a target="_self" href="http://storage.ning.com/topology/rest/1.0/file/get/552823?profile=original"><img class="align-left" src="http://storage.ning.com/topology/rest/1.0/file/get/552823?profile=original" width="239"></a></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p>event page</p>
<p><a target="_self" href="http://storage.ning.com/topology/rest/1.0/file/get/552838?profile=original"><img class="align-left" src="http://storage.ning.com/topology/rest/1.0/file/get/552838?profile=original" width="220"></a></p></div>