Go Back   vb.org Archive > vBulletin Modifications > vBulletin 4.x Modifications > vBulletin 4.x Template Modifications

Reply
 
Thread Tools
Advanced Footer Rework Details »»
Advanced Footer Rework
Version: 1.01, by The Rocketeer The Rocketeer is offline
Developer Last Online: Sep 2013 Show Printable Version Email this Page

Category: Forum Display Enhancements - Version: 4.1.11 Rating:
Released: 04-26-2012 Last Update: Never Installs: 38
Template Edits
Re-useable Code Translations  
No support by the author.

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

Download Now

File Type: zip images.zip (6.7 KB, 228 views)

Screenshots

File Type: jpg TG Advanced Footer rework.jpg (65.2 KB, 0 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Благодарность от:
final kaoss

Comments
  #32  
Old 08-17-2014, 06:26 PM
thetechgenius's Avatar
thetechgenius thetechgenius is offline
 
Join Date: Jun 2014
Posts: 258
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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
Reply With Quote
  #33  
Old 08-20-2014, 08:22 PM
CoZmicShReddeR's Avatar
CoZmicShReddeR CoZmicShReddeR is offline
 
Join Date: Sep 2006
Location: MI, USA
Posts: 338
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by thetechgenius View Post
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?
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 12:47 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.08180 seconds
  • Memory Usage 2,265KB
  • Queries Executed 18 (?)
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
  • (2)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
  • (3)post_thanks_box
  • (1)post_thanks_box_bit
  • (3)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit
  • (3)post_thanks_postbit_info
  • (2)postbit
  • (2)postbit_attachment
  • (3)postbit_onlinestatus
  • (3)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_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