The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

tutorial: blog calander

View previous topic View next topic Go down

tutorial: blog calander

Post by _Twisted_Mods_ on October 4th 2014, 12:00 am

I Seen this asked by someone but the topics was locked so here it is



Goto Acp (Admin Control Panel) "Advanced Mode" - Display -Templates - General


topic_blog_box




Replace

Code:


<div class="blog_cal-border">
<div class="blog_cal-content">
<span class="blog_cal-{topics_blog_box.row.FIRST_POST_DMY_CLASS0}">{topics_blog_box.row.FIRST_POST_DMY_VALUE0}</span>
<span class="blog_cal-{topics_blog_box.row.FIRST_POST_DMY_CLASS1}">{topics_blog_box.row.FIRST_POST_DMY_VALUE1}</span>
<span class="blog_cal-{topics_blog_box.row.FIRST_POST_DMY_CLASS2}">{topics_blog_box.row.FIRST_POST_DMY_VALUE2}</span>
</div>
</div>

with
Code:


<style type="text/css">
month { color:White; }
month {font-size: large}
month {font-weight: bold}
day { color:Black; }
day {font-size: medium}
day {font-weight: bold}
year { color:Black; }
year {font-weight: bold}
</style>
<div class="blog_cal-content" style="background-image: url(http://i884.photobucket.com/albums/ac50/TwistedKilla/emptycalendar_zps3da7ac13.png); height: 75px; width: 75px; background-size:100%; margin-top:5px"">
<img src="http://illiweb.com/fa/empty.gif" style="width:1px;height:10px">
<center><month>{topics_blog_box.row.FIRST_POST_DMY_VALUE1}</month></center>
<img src="http://illiweb.com/fa/empty.gif" style="width:1px;height:5px">
<center><day>{topics_blog_box.row.FIRST_POST_DMY_VALUE2}</day></center>
<img src="http://illiweb.com/fa/empty.gif" style="width:1px;height:5px">
<center><year>{topics_blog_box.row.FIRST_POST_DMY_VALUE0}</year></center>
</div>







viewcomments_body



Replace

Code:

<div class="blog_cal-border" style="margin-top:5px">
<div class="blog_cal-content">
<span class="blog_cal-{postrow.displayed.POST_DATE_DMY_CLASS0}">{postrow.displayed.POST_DATE_DMY_VALUE0}</span>
<span class="blog_cal-{postrow.displayed.POST_DATE_DMY_CLASS1}">{postrow.displayed.POST_DATE_DMY_VALUE1}</span>
<span class="blog_cal-{postrow.displayed.POST_DATE_DMY_CLASS2}">{postrow.displayed.POST_DATE_DMY_VALUE2}</span>
</div>
</div>



With


Code:

<style type="text/css">
month { color:White; }
month {font-size: large}
month {font-weight: bold}
day { color:Black; }
day {font-size: medium}
day {font-weight: bold}
year { color:Black; }
year {font-weight: bold}
</style>
<div class="blog_calcontent" style="background-image: url(http://i884.photobucket.com/albums/ac50/TwistedKilla/emptycalendar_zps3da7ac13.png); height: 75px; width: 75px; background-size:100%;">
<img src="http://illiweb.com/fa/empty.gif" style="width:1px;height:10px">
<center><month>{postrow.displayed.POST_DATE_DMY_VALUE1}</month></center>
<img src="http://illiweb.com/fa/empty.gif" style="width:1px;height:5px">
<center><day>{postrow.displayed.POST_DATE_DMY_VALUE2}</day></center>
<img src="http://illiweb.com/fa/empty.gif" style="width:1px;height:5px">
<center><year>{postrow.displayed.POST_DATE_DMY_VALUE0}</year></center>
</div>


Last edited by thetwistedkilla on October 4th 2014, 12:01 am; edited 1 time in total (Reason for editing : missed a /)

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Re: tutorial: blog calander

Post by SLGray on October 4th 2014, 12:44 am


Please read the guidelines about submitting a tutorial.

Topic Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36748
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum