The Arcive of Official vBulletin Modifications Site.

Advanced Footer Rework · **Version:** 4.1.11

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.

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

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

Boofo · #2 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 · #3 04-27-2012, 10:49 AM

Great idea to release this one thank you!

Merenguista · #4 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 · #5 04-28-2012, 11:58 AM

Quote:

Originally Posted by Merenguista

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 · #6 04-29-2012, 03:44 AM

Wow, I like how this footer looks.

victorvu · #7 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 · #8 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

The Rocketeer · #9 04-30-2012, 06:41 AM

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 · #10 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...

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05301 seconds Memory Usage 2,378KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (3)bbcode_code (1)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (10)post_thanks_box (6)post_thanks_box_bit (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (6)post_thanks_postbit (10)post_thanks_postbit_info (9)postbit (2)postbit_attachment (10)postbit_onlinestatus (10)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.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/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_postinfo_query fetch_postinfo fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

Благодарность от:
final kaoss

Благодарность от:
The Rocketeer

Благодарность от:
The Rocketeer

Благодарность от:
CrossWind

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!