vb.org Archive

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)

The Rocketeer 04-26-2012 10:00 PM
Advanced Footer Rework
 
1 Attachment(s)
We have actually had a number of small forum display enhancements and mini mods coded for us last year. This is One of them. I thought I'd have them released to the Community and have marked the code re-useable since as its not sure how much support can be provided, so feel free to use it as you like and improve it.

What does this do?

Advanced Footer Rework is a Simple Mod that changes your forums footer and adds 3 small blocks to look more like this.

https://vborg.vbsupport.ru/attachmen...1&d=1335512282


DEMO

Installation is very easy, and this should work with most versions of vBulletin 4.x. You simply replace the footer with the one below, add the bit of .css to your additional css and simply upload the 2 images inside the images.zip. Although its IMPORTANT and I do suggest you always backup before making any modifications. Please read all steps carefully.

To Install

1. Add this bit of code to your additional.css located Style Manager > CSS Templates > additional.css

Code:
/* Begin custom footer rework*/

.tgfooter {
    background:#dbe2ea;
    font:normal 11px Arial, Helvetica, sans-serif;
    color:#323232;
}
.tgfooter1 {
    height:41px;
    font:normal 11px Arial, Helvetica, sans-serif;
    color:#323232;
    line-height:35px;
    padding:0 17px;
}
.tgftime {
    float:left;
}
.tgflinks {
    margin:0;
    padding:0;
    list-style:none;
    float:right;
}
.tgflinks li {
    float:left;
    margin-left:12px;
    display:inline;
}
.tgfooter1 a {
    color:#182433;
    text-decoration:none;
}
.tgfooter1 a:hover {
    color:#417394;
    text-decoration:none;
}
.tgfooter2 {
    background:url(images/f2.png) repeat-x left top;
    height:241px;
}
.tgfooter2-in {
    background:url() no-repeat left top;
    height:241px;
}
.tgfooter2-in2 {
    background:url() no-repeat right top;
    height:223px;
    padding:18px 38px 0 23px;
}
.tgfooter2 a {
    color:#323232;
    text-decoration:none;
}
.tgfooter2 a:hover {
    color:#417394;
    text-decoration:none;
}
.tgfwl {
    float:left;
    width:236px;
}
.tgfwl h4, .tgfwm h4 {
    margin:0;
    padding:0 15px;
    background:url(images/header_footerBG.png) no-repeat left top;
    height:28px;
    font:normal 13px Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:28px;
}
.tgfwl ul {
    margin:0;
    padding:5px 2px 0 15px;
    list-style:none;
}
.tgfwl ul li {
    font:normal 11px Arial, Helvetica, sans-serif;
    color:#323232;
    line-height:100%;
    padding:9px 0;
    background:url(images/dotted.png) repeat-x left bottom;
}
.tgfwl ul li a {
    color:#323232;
    text-decoration:none;
}
.tgfwr {
    float:right;
    width:262px;
}
.tgfwr2 {
    padding-left:68px;
    padding-top:10px;
    color:#010000;
}

.tgfwr2 div select {
    margin-top:5px;
    width:170px;
}
.tgfwr2 a {
    color:#010000;
    text-decoration:none;
}
.tgfwr2 a:hover {
    color:#417394;
    text-decoration:none;
}
.tgfwm {
    width:236px;
    padding-right:26px;
    margin:0 auto;
}
.tgfwm p {
    font:normal 11px Arial, Helvetica, sans-serif;
    color:#323232;
    padding:10px 0 10px 15px;
}
.ttgfooter3 {
    padding:20px 17px;
    font:normal 11px Arial, Helvetica, sans-serif;
    color:#323232;
    text-align:center;
}

/* End custom footer rework*/


2. Replace your footer template with the one below, Remember to later edit the links, description and or image paths to suite your liking and point to your own forums

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">

        <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>

        <ul id="footer_links" class="footer_links">
                <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>
       
       
        <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>
<!-- closing div for body_wrapper -->

<div class="below_body">
<div id="footer_time" class="shade footer_time">{vb:rawphrase all_times_are_gmt_x_time_now_is_y}</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="footer_copyright" class="shade footer_copyright">
        <!-- Do not remove this copyright notice -->
        {vb:rawphrase powered_by_vbulletin}
        <!-- Do not remove this copyright notice -->       
</div>
<div id="footer_morecopyright" class="shade footer_morecopyright">
        <!-- 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}
        {vb:raw template_hook.footer_copyright}
</div>
{vb:raw ad_location.ad_footer_end}
<vb:if condition="$vboptions['enablefacebookconnect']">
        {vb:raw facebook_footer}
</vb:if>
</div>
</div>
3. Now Just Download the 'images.zip' attachment below and simply upload the image files to their respectable locations, eg. images folder root. Clear your cookies and cache and there...you are done. (Make sure you edit the links and footer image to match your own forums. ;))

The mod is free, You dont require to put any link backs or copyright or anything to our forum, you are welcome to use it as you like. :) Please Remember to Tag it for later, or if you install it then please do Mark As Installed :o


Mod Version and Updates
Version 1.01 April 27 2012 - First version, Tested on vBulletin 4.1.1 and Released

Boofo 04-27-2012 07:43 AM
It might be nice to have a text file included in the zip with the instructions and code for the footer. ;)

ProFifaLeagues 04-27-2012 10:49 AM
Great idea to release this one thank you!

Merenguista 04-27-2012 06:16 PM
I want to have two blocks as (Computer Help and Advice) the first in the right and the second in the left, and in the middle of them I want put footer_logo.jpg and Community Rules / Market Rules.

How can I do this? what should I change in the code?

The Rocketeer 04-28-2012 11:58 AM
Quote:
Originally Posted by Merenguista (Post 2324103)
I want to have two blocks as (Computer Help and Advice) the first in the right and the second in the left, and in the middle of them I want put footer_logo.jpg and Community Rules / Market Rules.

How can I do this? what should I change in the code?
Should be simple, I am not sure but you would probably have to move the codes around. You want to bring the logo to the center and make two blocks like the Computer Help and Advice Block on both sides and get rid of the about us Block, right?

try this..maybe it will work.. :up:

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">

        <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>

        <ul id="footer_links" class="footer_links">
                <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>
       
       
        <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>
<!-- closing div for body_wrapper -->

<div class="below_body">
<div id="footer_time" class="shade footer_time">{vb:rawphrase all_times_are_gmt_x_time_now_is_y}</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="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>
        </div>
</div><br />
<!-- TomorrowsGaming Custom Footer Rework Ends -->
<div id="footer_copyright" class="shade footer_copyright">
        <!-- Do not remove this copyright notice -->
        {vb:rawphrase powered_by_vbulletin}
        <!-- Do not remove this copyright notice -->       
</div>
<div id="footer_morecopyright" class="shade footer_morecopyright">
        <!-- 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}
        {vb:raw template_hook.footer_copyright}
</div>
{vb:raw ad_location.ad_footer_end}
<vb:if condition="$vboptions['enablefacebookconnect']">
        {vb:raw facebook_footer}
</vb:if>
</div>
</div>
The amount of nonsense loading and constant timeouts I am getting at vB.org recently it really gives a hard time for me to reply or even edit a post :(

Preech 04-29-2012 03:44 AM
Wow, I like how this footer looks.

victorvu 04-29-2012 05:52 AM
Hi Rocketeers:

I installed it and it works with vB pages, not with the customer pages. Do you know how to fix it for customer pages?

Overall, it looks great on my vB pages, just exactly you have it on your vB pages.

Installed, voted and nominated.

Victor:up:

The Rocketeer 04-30-2012 04:40 AM
@ victorvu, I am sorry victor, but I think Custom(?) Pages have a separate footer, so you might have to manually figure that out how to enter in there or call the footer. it works everywhere in our forum granted we dont really have any custom pages :p

The Rocketeer 04-30-2012 06:41 AM
1 Attachment(s)
Quick Update: Guys I forgot to include this for you

I will will update the package later. please also download this dotted.png image attached to this post and upload it to the images folder, it will add the dotted lines effect :up:

Savraj 04-30-2012 04:00 PM
Hi I inputted the code as stated, and images. However, I cannot see any difference..

Can someone please help?

Thanks in advance...

The Rocketeer 05-02-2012 09:55 AM
Quote:
Originally Posted by Savraj (Post 2324921)
Hi I inputted the code as stated, and images. However, I cannot see any difference..

Can someone please help?

Thanks in advance...
Why? i dont understand whats the problem? very little info..but have you refreshed your cache and saved the templates properly?:confused:

Savraj 05-10-2012 09:53 AM
Hi Rocketeer..

I basically, added the code. However, cannot see any change to my footer..

Did I install it incorrectly?

The Rocketeer 05-12-2012 09:47 AM
Quote:
Originally Posted by Savraj (Post 2327953)
Hi Rocketeer..

I basically, added the code. However, cannot see any change to my footer..

Did I install it incorrectly?

maybe you installed it wrong? because everyone else got it working.. you should reinstall. make sure you got the right template, go to additional.css then copy paste the #1. code. then save and find the template named footer and replace it with the #2. code. then upload the images. simple.. :)

GameOverViper 05-13-2012 04:58 PM
Say I want to remove the logo completely and make 4 columns of links, boxed in with an outline/header, and centered? Any help? I tried to swap the coding around, but I honestly don't know what I'm doing. I'd appreciate it a lot if you put something like this together for me :)

The Rocketeer 05-14-2012 12:45 AM
Quote:
Originally Posted by Americanbang (Post 2329042)
Say I want to remove the logo completely and make 4 columns of links, boxed in with an outline/header, and centered? Any help? I tried to swap the coding around, but I honestly don't know what I'm doing. I'd appreciate it a lot if you put something like this together for me :)
Should be doable, let me have a look. :) have you tried replacing the the image and text box of code with just the link side of the codes, that should produce all linked columns :o

GameOverViper 05-15-2012 06:31 PM
Quote:
Originally Posted by The Rocketeer (Post 2329150)
Should be doable, let me have a look. :) have you tried replacing the the image and text box of code with just the link side of the codes, that should produce all linked columns :o
I did, but they were all right next to each other. I'm not sure how to space them so they are evenly spaced across the footer.

Angle4cor 05-15-2012 10:04 PM
1 Attachment(s)
After adding this all my footer links disappeared. Do you know how to fix this? And how to change the background color to black and font color to grey (like I have had before)?

Thanks for this footer rework. Great idea!

Its my old footer template:

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 -->
Any help will be greatly appreciate. Thanks in advance!

The Rocketeer 05-16-2012 05:11 AM
Quote:
Originally Posted by Angle4cor (Post 2329708)
After adding this all my footer links disappeared. Do you know how to fix this? And how to change the background color to black and font color to grey (like I have had before)?

Thanks for this footer rework. Great idea!

Its my old footer template:

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 -->
Any help will be greatly appreciate. Thanks in advance!
you should be able can change the text, style, background colors from the additional.css code, to fix the lines upload the breadcrumb image i uploaded here -https://vborg.vbsupport.ru/showpost.php?p=2324796&postcount=9, that should probably do it. post a link to your forum, looks like you are using a custom style, so you might have to do the edits manually instead of just replacing the footer. That would explain why it looks kind of out of place and the links disappearing. For any links you had in the footer, well it you might have to revert the template or reinsert those links from the old template as this changed the entire footer template(stock or custom) :p

Angle4cor 05-16-2012 08:50 AM
Theres no image attached to this post - https://vborg.vbsupport.ru/showpost....96&postcount=9

I dont know, if I can post link to my forum, but - wrestlingforum.pl On the basic style is my original footer. Your footer rework is in Pro fluid style.

Yes, I'm using custom style. What I should do now?

The Rocketeer 05-16-2012 01:09 PM
Quote:
Originally Posted by Angle4cor (Post 2329813)
Theres no image attached to this post - https://vborg.vbsupport.ru/showpost....96&postcount=9

I dont know, if I can post link to my forum, but - wrestlingforum.pl On the basic style is my original footer. Your footer rework is in Pro fluid style.

Yes, I'm using custom style. What I should do now?
there is an attachment, but its so small that you cant see it. okay let me see if i can come up with instructions for custom styles and also include the other small image in the attachment. can you post your footer template so that i can get a better idea. should be do able :)

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.

thetechgenius 08-17-2014 06:26 PM
I would like to use this Footer Rework on my custom style, but it wont work without some heavy modifications to the CSS, and maybe to the code itself. Thats the downside of having a completely custom style.

Thank you anyway though!

My forum: https://thetechgenius.net

CoZmicShReddeR 08-20-2014 08:22 PM
Quote:
Originally Posted by thetechgenius (Post 2511723)
I would like to use this Footer Rework on my custom style, but it wont work without some heavy modifications to the CSS, and maybe to the code itself. Thats the downside of having a completely custom style.

Thank you anyway though!

My forum: https://thetechgenius.net
Try experimenting save the current footer replace it with a default footer?


All times are GMT. The time now is 12:14 PM.

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.02593 seconds
  • Memory Usage 2,166KB
  • 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
  • (10)bbcode_code_printable
  • (8)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (32)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
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete