vb.org Archive
Page 3 of 4 12 3 4
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)
-   -   Forum Display Enhancements - Advanced Footer Rework (https://vborg.vbsupport.ru/showthread.php?t=282099)

Angle4cor 05-16-2012 05:50 PM
I have posted my footer template before:

Code:
<vb:if condition="!empty($ad_location['ad_footer_start']) or !empty($ad_location['global_above_footer'])">
<div style="clear: {vb:stylevar left}">
  {vb:raw ad_location.ad_footer_start}
  {vb:raw ad_location.global_above_footer}
</div>
</vb:if>
<div id="footer" class="floatcontainer footer">
       
        <vb:if condition="$show['dst_correction']">
        <!-- auto DST correction code -->
                <form action="profile.php?do=dst" method="post" name="dstform">
                        <input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
                        <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
                        <input type="hidden" name="do" value="dst" />
                </form>
                <script type="text/javascript">
                <!--
                        var tzOffset = {vb:raw bbuserinfo.timezoneoffset} + {vb:raw bbuserinfo.dstonoff};
                        var utcOffset = new Date().getTimezoneOffset() / 60;
                        if (Math.abs(tzOffset + utcOffset) == 1)
                        {        // Dst offset is 1 so its changed
                                document.forms.dstform.submit();
                        }
                //-->
                </script>
                <!-- / auto DST correction code -->
        </vb:if>
       
        <script type="text/javascript">
        <!--
                // Main vBulletin Javascript Initialization
                vBulletin_init();
        //-->
        </script>
        {vb:raw template_hook.footer_javascript}
</div>
</div> <!-- closing div for body_wrapper -->
<div class="below_body">
{vb:raw ad_location.ad_footer_end}
<vb:if condition="$vboptions['enablefacebookconnect']">
        {vb:raw facebook_footer}
</vb:if>
</div>

<!-- Custom Content Wrap -->
                </div>
                </div>
                <div id="footerBar">
<div class="skinSelect">
        <form action="{vb:link forumhome|nosession}" method="get" id="footer_select" class="footer_select">

                <vb:if condition="$show['quickchooser']">
                        <select name="styleid" onchange="switch_id(this, 'style')">
                                <optgroup label="{vb:rawphrase quick_style_chooser}"><option class="hidden"></option></optgroup>
                                <vb:if condition="$quickchooserbits1">
                                        <vb:if condition="$quickchooserbits2">
                                        <optgroup label="&nbsp;{vb:rawphrase standard_styles}">
                                        </vb:if>                               
                                        {vb:raw quickchooserbits1}
                                        <vb:if condition="$quickchooserbits2">
                                        </optgroup>
                                        </vb:if>                                       
                                </vb:if>
                                <vb:if condition="$quickchooserbits2">
                                        <vb:if condition="$quickchooserbits1">
                                        <optgroup label="&nbsp;{vb:rawphrase mobile_styles}">
                                        </vb:if>
                                        {vb:raw quickchooserbits2}
                                        <vb:if condition="$quickchooserbits1">
                                        </optgroup>
                                        </vb:if>                                       
                                </vb:if>
                        </select>       
                </vb:if>
               
                <vb:if condition="$show['languagechooser']">
                        <select name="langid" onchange="switch_id(this, 'lang')">
                                <optgroup label="{vb:rawphrase quick_language_chooser}">
                                        {vb:raw languagechooserbits}
                                </optgroup>
                        </select>
                </vb:if>
        </form>
</div>
                        <a href="#header" class="backTop">Back to top</a>
                       
                </div>
                <div class="footerNav"><div class="footerNavWrap">


        <ul>
                <vb:if condition="$show['contactus']"><li><a href="{vb:raw vboptions.contactuslink}" rel="nofollow" accesskey="9">{vb:rawphrase contact_us}</a></li></vb:if>
                <vb:if condition="$vboptions['hometitle']"><li><a href="{vb:raw vboptions.homeurl}">{vb:raw vboptions.hometitle}</a></li></vb:if>
                <vb:if condition="$show['admincplink']"><li><a href="{vb:raw admincpdir}/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase admin}</a></li></vb:if>
                <vb:if condition="$show['modcplink']"><li><a href="{vb:raw modcpdir}/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase mod}</a></li></vb:if>
                <vb:if condition="$vboptions['archiveenabled']"><li><a href="archive/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase archive}</a></li></vb:if>
                {vb:raw template_hook.footer_links}
                <vb:if condition="$vboptions['privacyurl']"><li><a href="{vb:raw vboptions.privacyurl}">{vb:rawphrase privacy_statement}</a></li></vb:if>
                <vb:if condition="$vboptions['tosurl']"><li><a href="{vb:raw vboptions.tosurl}">{vb:rawphrase terms_of_service}</a></li></vb:if>
                <li><a href="{vb:raw relpath}#top" onclick="document.location.hash='top'; return false;">{vb:rawphrase top}</a></li>
        </ul>
                </div></div>
                <div id="footerMain">
                        <div class="copyright">
<div>
        <!-- Do not remove this copyright notice -->
        {vb:rawphrase powered_by_vbulletin}
        <!-- Do not remove this copyright notice -->       
</div>
<div>
        <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
        {vb:raw cronimage}
        <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
        {vb:raw vboptions.copyrighttext}
</div>
<div>{vb:rawphrase all_times_are_gmt_x_time_now_is_y}</div>
<div>Original Skins shared by crackiss</div>
                        </div>
                        <div class="footerLogo">
                                <a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}"><img src="{vb:stylevar imgdir_themedir}/footerLogo.gif" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a>
                        </div>
                <div style="clear:both;"></div>
                </div>
        </div>
<!-- Custom Content Wrap End -->
Thats correct or should I post something else?

Thanks for support. :)

The Rocketeer 05-17-2012 02:05 PM
Hey, Okay try this :) I think it should work and place it above the Back to Top and Style Changer box

Code:
<vb:if condition="!empty($ad_location['ad_footer_start']) or !empty($ad_location['global_above_footer'])">
<div style="clear: {vb:stylevar left}">
  {vb:raw ad_location.ad_footer_start}
  {vb:raw ad_location.global_above_footer}
</div>
</vb:if>
<div id="footer" class="floatcontainer footer">
       
        <vb:if condition="$show['dst_correction']">
        <!-- auto DST correction code -->
                <form action="profile.php?do=dst" method="post" name="dstform">
                        <input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
                        <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
                        <input type="hidden" name="do" value="dst" />
                </form>
                <script type="text/javascript">
                <!--
                        var tzOffset = {vb:raw bbuserinfo.timezoneoffset} + {vb:raw bbuserinfo.dstonoff};
                        var utcOffset = new Date().getTimezoneOffset() / 60;
                        if (Math.abs(tzOffset + utcOffset) == 1)
                        {        // Dst offset is 1 so its changed
                                document.forms.dstform.submit();
                        }
                //-->
                </script>
                <!-- / auto DST correction code -->
        </vb:if>
       
        <script type="text/javascript">
        <!--
                // Main vBulletin Javascript Initialization
                vBulletin_init();
        //-->
        </script>
        {vb:raw template_hook.footer_javascript}
</div>
</div> <!-- closing div for body_wrapper -->
<div class="below_body">
{vb:raw ad_location.ad_footer_end}
<vb:if condition="$vboptions['enablefacebookconnect']">
        {vb:raw facebook_footer}
</vb:if>
</div>

<!-- Custom Content Wrap -->
                </div>
                </div>
<!-- TomorrowsGaming Custom Footer Rework Begin -->
<div class="tgfooter2">
        <div class="tgfooter2-in">
                <div class="tgfooter2-in2">
                        <div class="tgfwl">
                                <h4>Computer Help and Advice</h4>
                                <ul>
                                        <li><a

href="http://tomorrowsgaming.com/buy-sell-trade/">Personal
                                        Computer Buying Advice</a> </li>
                                        <li><a

href="http://tomorrowsgaming.com/hardware-software/">
                                        Computer Troubleshooting</a></li>
                                        <li>
                                        <a

href="http://tomorrowsgaming.com/overclocking-cooling/">Overclocking
                                        and Cooling Help</a> </li>
                                        <li><a

href="http://tomorrowsgaming.com/modding-workshop/">Modding
                                        Workshop &amp; Electronics</a></li> </li>
                                        <li>
                                        <a

href="http://tomorrowsgaming.com/content/section/4-game-reviews.html">
                                        Game Reviews (PC, PS3, XBOX 360)</a></li>
                                </ul>
                        </div>
                        <div class="tgfwr">
                                <div>
                                        <img src="/images/footer_logo.jpg" border="0"

alt=""></div>
                                <div class="tgfwr2">
                                        <div>
                                                <a

href="http://tomorrowsgaming.com/misc.php?do=vsarules">
                                                Community Rules</a> |
                                                <a

href="http://tomorrowsgaming.com/misc.php?do=vsarules&cfrset=4">
                                                Market Rules</a></div>
                                        <div>
                                                <form

action="http://tomorrowsgaming.com/" method="get" id="footer_select"

class="footer_select">
                                                </form>
                                        </div>
                                </div>
                        </div>
                        <div class="tgfwm">
                                <h4>About TomorrowsGaming.Com</h4>
                                <p>TomorrowsGaming is a Bangladeshi Gaming, Computer & Technology Community; Uniting the Gamers and Computer Enthusiasts of Bangladesh Since 2005. We sponsored the Champions of the 2008 World Cyber Games Bangladesh (WCGBD), and occasionally hold tournaments and contests. You can Join various hardware, games and technology related discussions in our community and get your queries answered. We have a friendly user base offering a variety of advice and tech support as well as frequent news and reviews of hardware and games.</p>
                        </div>
                </div>
        </div>
</div><br />
<!-- TomorrowsGaming Custom Footer Rework Ends -->
                <div id="footerBar">
<div class="skinSelect">
        <form action="{vb:link forumhome|nosession}" method="get" id="footer_select" class="footer_select">

                <vb:if condition="$show['quickchooser']">
                        <select name="styleid" onchange="switch_id(this, 'style')">
                                <optgroup label="{vb:rawphrase quick_style_chooser}"><option class="hidden"></option></optgroup>
                                <vb:if condition="$quickchooserbits1">
                                        <vb:if condition="$quickchooserbits2">
                                        <optgroup label="&nbsp;{vb:rawphrase standard_styles}">
                                        </vb:if>                               
                                        {vb:raw quickchooserbits1}
                                        <vb:if condition="$quickchooserbits2">
                                        </optgroup>
                                        </vb:if>                                       
                                </vb:if>
                                <vb:if condition="$quickchooserbits2">
                                        <vb:if condition="$quickchooserbits1">
                                        <optgroup label="&nbsp;{vb:rawphrase mobile_styles}">
                                        </vb:if>
                                        {vb:raw quickchooserbits2}
                                        <vb:if condition="$quickchooserbits1">
                                        </optgroup>
                                        </vb:if>                                       
                                </vb:if>
                        </select>       
                </vb:if>
               
                <vb:if condition="$show['languagechooser']">
                        <select name="langid" onchange="switch_id(this, 'lang')">
                                <optgroup label="{vb:rawphrase quick_language_chooser}">
                                        {vb:raw languagechooserbits}
                                </optgroup>
                        </select>
                </vb:if>
        </form>
</div>
                        <a href="#header" class="backTop">Back to top</a>
                       
                </div>
                <div class="footerNav"><div class="footerNavWrap">


        <ul>
                <vb:if condition="$show['contactus']"><li><a href="{vb:raw vboptions.contactuslink}" rel="nofollow" accesskey="9">{vb:rawphrase contact_us}</a></li></vb:if>
                <vb:if condition="$vboptions['hometitle']"><li><a href="{vb:raw vboptions.homeurl}">{vb:raw vboptions.hometitle}</a></li></vb:if>
                <vb:if condition="$show['admincplink']"><li><a href="{vb:raw admincpdir}/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase admin}</a></li></vb:if>
                <vb:if condition="$show['modcplink']"><li><a href="{vb:raw modcpdir}/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase mod}</a></li></vb:if>
                <vb:if condition="$vboptions['archiveenabled']"><li><a href="archive/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase archive}</a></li></vb:if>
                {vb:raw template_hook.footer_links}
                <vb:if condition="$vboptions['privacyurl']"><li><a href="{vb:raw vboptions.privacyurl}">{vb:rawphrase privacy_statement}</a></li></vb:if>
                <vb:if condition="$vboptions['tosurl']"><li><a href="{vb:raw vboptions.tosurl}">{vb:rawphrase terms_of_service}</a></li></vb:if>
                <li><a href="{vb:raw relpath}#top" onclick="document.location.hash='top'; return false;">{vb:rawphrase top}</a></li>
        </ul>
                </div></div>
                <div id="footerMain">
                        <div class="copyright">
<div>
        <!-- Do not remove this copyright notice -->
        {vb:rawphrase powered_by_vbulletin}
        <!-- Do not remove this copyright notice -->       
</div>
<div>
        <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
        {vb:raw cronimage}
        <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
        {vb:raw vboptions.copyrighttext}
</div>
<div>{vb:rawphrase all_times_are_gmt_x_time_now_is_y}</div>
<div>Original Skins shared by crackiss</div>
                        </div>
                        <div class="footerLogo">
                                <a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}"><img src="{vb:stylevar imgdir_themedir}/footerLogo.gif" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a>
                        </div>
                <div style="clear:both;"></div>
                </div>
        </div>
<!-- Custom Content Wrap End -->


But if that doesn't work or look the way you wanted it to look

And for those of you who have a custom style and want to add this code to your custom style, here is the code itself.

Test the below code by adding it somewhere in your custom footer template. for example I wanted to add this above the style changer <vb:if condition="$show['quickchooser']"> so I added it above

Code:
<div id="footerBar">
<div class="skinSelect">
        <form action="{vb:link forumhome|nosession}" method="get" id="footer_select" class="footer_select">

                <vb:if condition="$show['quickchooser']">

And when you add this to your custom footer make sure that you add this when a tag </ and block of code ends and another begins, so thats where for example the final </div> has been placed and a new <div begins

Again, Here is the code, just play around with it and you will get a hang of it :)
Code:
<!-- TomorrowsGaming Custom Footer Rework Begin -->
<div class="tgfooter2">
        <div class="tgfooter2-in">
                <div class="tgfooter2-in2">
                        <div class="tgfwl">
                                <h4>Computer Help and Advice</h4>
                                <ul>
                                        <li><a

href="http://tomorrowsgaming.com/buy-sell-trade/">Personal
                                        Computer Buying Advice</a> </li>
                                        <li><a

href="http://tomorrowsgaming.com/hardware-software/">
                                        Computer Troubleshooting</a></li>
                                        <li>
                                        <a

href="http://tomorrowsgaming.com/overclocking-cooling/">Overclocking
                                        and Cooling Help</a> </li>
                                        <li><a

href="http://tomorrowsgaming.com/modding-workshop/">Modding
                                        Workshop &amp; Electronics</a></li> </li>
                                        <li>
                                        <a

href="http://tomorrowsgaming.com/content/section/4-game-reviews.html">
                                        Game Reviews (PC, PS3, XBOX 360)</a></li>
                                </ul>
                        </div>
                        <div class="tgfwr">
                                <div>
                                        <img src="/images/footer_logo.jpg" border="0"

alt=""></div>
                                <div class="tgfwr2">
                                        <div>
                                                <a

href="http://tomorrowsgaming.com/misc.php?do=vsarules">
                                                Community Rules</a> |
                                                <a

href="http://tomorrowsgaming.com/misc.php?do=vsarules&cfrset=4">
                                                Market Rules</a></div>
                                        <div>
                                                <form

action="http://tomorrowsgaming.com/" method="get" id="footer_select"

class="footer_select">
                                                </form>
                                        </div>
                                </div>
                        </div>
                        <div class="tgfwm">
                                <h4>About TomorrowsGaming.Com</h4>
                                <p>TomorrowsGaming is a Bangladeshi Gaming, Computer & Technology Community; Uniting the Gamers and Computer Enthusiasts of Bangladesh Since 2005. We sponsored the Champions of the 2008 World Cyber Games Bangladesh (WCGBD), and occasionally hold tournaments and contests. You can Join various hardware, games and technology related discussions in our community and get your queries answered. We have a friendly user base offering a variety of advice and tech support as well as frequent news and reviews of hardware and games.</p>
                        </div>
                </div>
        </div>
</div><br />
<!-- TomorrowsGaming Custom Footer Rework Ends -->

Angle4cor 05-17-2012 11:12 PM
1 Attachment(s)
Thank you very much for this post. Like you said, I have played a little bit with the codes and now it looks really cool! But I still have one problem with it - the background color. I cant change it to the old, black one. I found the code for my footer bg in additional.css:

Code:
#footerMain {
        background:#2a3034 url({vb:stylevar imgdir_themedir}/footerBG.gif) repeat-x top left;
        color:#c3c3c3;
        font-size:12px;
        line-height:20px;
        clear:both;
}
I tried to add this everywhere, but it never appears on footer. Maybe you know what to do with it?

Thanks!

The Rocketeer 05-18-2012 01:08 AM
I think its conflicting with your footermain background .css. play around with the additional.css background and you should be able to figure it out :) maybe try placing it between <div id="footerMain"> and <div class="copyright"> in the footer ?

GameOverViper 06-02-2012 08:17 PM
Have you put together a code yet to make 2 link menus and 1 About section?

ProFifaLeagues 07-26-2012 06:20 AM
Just tested for it working in 4.2 in case anyone wondered and yes A1 thanks

LgsOfChampions 07-30-2012 08:45 PM
also works with 4.2 p2

Mark_Zuckerberg 09-29-2012 08:16 PM
Hello mate as i was searching for a footer modification and came across with yours. i liked your stuff and also installed it done all the edits but in the code which you have pasted here have two image files (f2.png) and (dotted.png) which are getting loaded from images directory but you haven't attached any files nor any type of such files are in this directory by default .. due to this my site takes too much time to load...when i checked its page load its getting stuck on my domain.com/images/f2.png and domain.com/images/dotted.png can you please assist whats the matter and how can i resolve that waiting for your response

K4GAP 07-18-2014 09:25 AM
I know this guy ain't been around for awhile but I'm hoping someone can tell me how I can close up the spacing between the three areas of this footer. Or in other words, widen each of the three areas/columns.

K4GAP 08-11-2014 12:26 PM
1 Attachment(s)
I am using this on my site and have made changes to reflect my sites info. Looks nice I really like it.

The only thing I would like to do is add social icons to it. I have marked the area on the attachment image in red where I want to place the icons. But, I simply don't have the code skills to do such. I've played around with it and tried several different ways to no avail :( Thank goodness for keeping back ups :)

Would anyone like to assist me with this not only for my sake but to release as an update to the original? I really like this footer and with the addition of social icons I think a lot more folks will use it.


All times are GMT. The time now is 12:08 PM.
Page 3 of 4 12 3 4
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01337 seconds
  • Memory Usage 1,859KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (5)bbcode_code_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (3)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete