The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

tutorial: blog calander

2 posters

Go down

tutorial: blog calander Empty tutorial: blog calander

Post by _Twisted_Mods_ October 3rd 2014, 11:00 pm

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

tutorial: blog calander Blogs_zps22b2ab8b

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://2img.net/i/fa/empty.gif" style="width:1px;height:10px">
           <center><month>{topics_blog_box.row.FIRST_POST_DMY_VALUE1}</month></center>
            <img src="http://2img.net/i/fa/empty.gif" style="width:1px;height:5px">
           <center><day>{topics_blog_box.row.FIRST_POST_DMY_VALUE2}</day></center>
             <img src="http://2img.net/i/fa/empty.gif" style="width:1px;height:5px">
                <center><year>{topics_blog_box.row.FIRST_POST_DMY_VALUE0}</year></center>
              </div>




tutorial: blog calander Messages_zps84e5b850


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://2img.net/i/fa/empty.gif" style="width:1px;height:10px">
           <center><month>{postrow.displayed.POST_DATE_DMY_VALUE1}</month></center>
            <img src="http://2img.net/i/fa/empty.gif" style="width:1px;height:5px">
           <center><day>{postrow.displayed.POST_DATE_DMY_VALUE2}</day></center>
              <img src="http://2img.net/i/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 3rd 2014, 11:01 pm; edited 1 time in total (Reason for editing : missed a /)
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

Male Posts : 2083
Reputation : 336
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

tutorial: blog calander Empty Re: tutorial: blog calander

Post by SLGray October 3rd 2014, 11:44 pm


Please read the guidelines about submitting a tutorial.

Topic Locked


tutorial: blog calander Slgray10

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

Male Posts : 51572
Reputation : 3525
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top


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