The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
|
|||||||
Fixed Sidebar On All Pages (left side) Details »»
|
|||||||||||||||||||||||||
This modification provides a fixed sidebar on the left side of your forums.
In IE7 and Firefox, the sidebar scrolls to remain stationary on the page. However, in IE6 it works as a normal sidebar and moves with the content. Installation instructions are in the attached text file. FAQ's I've got it installed, how do I edit it? In the header template you will find the main body of the column. This is in a tabular format consistant with all content in vBulletin. By default I have included one (1) heading and eight (8) content rows. To edit these locate the text Heading in the header template and replace it with whatever you wish to have it say. Repeat the process for the content. It's too wide, can I make it narrower? It's too narrow, can I make it wider? Yes this is possible. However, it requires a few changes to the code not just tot he table with in the header template. Start by changing the with in your header template, then in the additional CSS definitions change the 160 in the navigation section to the same as your width of your table, and the 165 in the content section to the width of your table plus 5. The top of the column overlaps my header. The top of my column is not in line with my navbar. In the additional CSS definitions find Code:
top:105px; Remember that the lower down the page your column sits, the less content you can place in it (see why do I need to watch the height of my content?). Why do I need to watch the length of my content? Because this sidebar stays in place when the forums scroll, it is important to pay attention to the length of the content. If you fill your side column with content based on your screen resolution, then anything at the bottom will be hidden from users with a smaller resolution. In total, the length of your column plus the top margin (default 105) should not exceed 580px. This is to allow for users with an 800x600 screen resolution. Can you release this as a plugin/product? No. Due to the additional CSS definitions requirements it is not possible to release this as a product or plugin. I have no intention of attempting this further in the near future. So you are not releasing it as a product. Does that mean that someone else can? Can I translate this modification? Can I redistribute this modification? Any ports of this modification to other versions or to be a product will be carried out by myself. No permission is given for ports, translations, or distributions. The only exception to this is translation for release at vBHacks-Germany.org Are there any plans for a right sided version? Yes. However, due to current time restraints (and current lack of internet access) this will not happen until later in the year. Please don't keep asking about it, when I have done it you will all know about it. This is released for 3.6.2 but I run 3.x.x. Can I still use it? This has been tested only on 3.6.2 but as it is a template modification, there is no reason why it shouldn't work on any site running vBulletin 3.x.x Thats all the boring stuff out of the way.  If you use this modification please click install. By clicking install you will be notified of any updates, bug fixes, and other important information relating to this release. If you like this modification, please click nominate for modification of the month. It might only be a little template mod, but I'm quite proud of this one. The attached screenshots are taking in FF 1.5.x and IE6. IE7 has been tested and displays the same as FF. I've left the top of the browser intact for identification between each one. A big thanks goes to [name]mikeylikesitz[/name] for his help testing in IE7  Finally, if someone could let me have a link to use as a live demo, it would be appreciated. Enjoy it, and have fun. Show Your Support
|
|||||||||||||||||||||||||
About Developer
Visit Web Site
Template Edits 
No support by the author.| Comments |
|
#32
10-21-2006, 04:33 PM
|
|||
|
|||
Hello and thank you for this hack
In my template header, I do not have a line <!--logo> This is what I have... Code:
<div align="center">
<center>
<table border="0" width="90%" background="http://mywebsite.com/forum/mywebsitestyle/misc/head_fllr.jpg" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" align="center"><img src="http://mywebsite.com/forum/mywebsitestyle/misc/header.jpg" width="790" height="130"></td>
</tr>
</table>
</center>
</div>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="90%" align="center">
<tr>
<td class="alt2" width="41" align="center"><a href="http://www.mywebsite.net/"><font size="1"><b>HOME</b></font></a></td>
<td class="alt1" width="59" align="center"><a href="http://www.mywebsite.net/forum/"><font size="1"><b>FORUMS</b></font></a></td>
<td class="alt2" width="65" align="center"><a href="http://www.mywebsite.net/gallery/"><font size="1"><b>GALLERY</b></font></a></td>
<td class="alt1" width="76" align="center"><a href="http://www.mywebsite.net/forum/forumdisplay.php?f=11"><font size="1"><b>TUTORIALS</b></font></a></td>
<td class="alt2" width="89" align="center"><a href="http://www.mywebsite.com/chat.htm"><font size="1"><b>CHAT/CROPS</b></font></a></td>
<td class="alt1" width="65" align="center"><a href="http://www.mywebsite.net/forum/local_links.php"><font size="1"><b>FREEBIES</b></font></a></td>
<td class="alt2" width="139" align="center"><a href="http://www.mywebsite.net/blog/"><font size="1"><b>DAILY
LAYOUT PICK</b></font></a></td>
<td class="alt2" width="48" align="center"><a href="http://www.mywebsite.net/forum/showthread.php?p=29200/"><font size="1"><b>STORE</b></font></a></td>
<td class="alt1" width="73" align="center"><a href="http://www.mywebsite.net/forum/calendar.php"><font size="1"><b>CALENDAR</b></font></a></td>
<td class="alt1" width="143" align="center"><a href="http://www.mywebsite.net/forum/forumdisplay.php?f=39"><font size="1"><b>GAMES
& CONTESTS</b></font></a></td>
</tr>
</table>
<center>
<div align="center">
<center>
<table border="0" cellspacing="0" cellpadding="0" width="90%">
<tr>
<td width="468" align="center">
<script language='JavaScript' type='text/javascript' src='http://www.mywebsite.net/ads/adx.js'></script>
<script language='JavaScript' type='text/javascript'>
<!--
if (!document.phpAds_used) document.phpAds_used = ',';
phpAds_random = new String (Math.random()); phpAds_random = phpAds_random.substring(2,11);
document.write ("<" + "script language='JavaScript' type='text/javascript' src='");
document.write ("http://www.mywebsite.net/ads/adjs.php?n=" + phpAds_random);
document.write ("&clientid=4");
document.write ("&exclude=" + document.phpAds_used);
if (document.referrer)
document.write ("&referer=" + escape(document.referrer));
document.write ("'><" + "/script>");
//-->
</script><noscript><a href='http://www.mywebsite.net/ads/adclick.php?n=ac25869b' target='_blank'><img src='http://www.mywebsite.net/ads/adview.php?clientid=4&n=ac25869b' border='0' alt=''></a></noscript>
</td>
<td width="234" align="center">
<p align="center">
<!--Start Google Adsense -->
<script type="text/javascript"><!--
google_ad_client = "pub-1385091252132549";
google_ad_width = 234;
google_ad_height = 60;
google_ad_format = "234x60_as";
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "3E4F27";
google_color_bg = "FFFFFF";
google_color_link = "3E4F27";
google_color_text = "000000";
google_color_url = "3E4F27";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- End Google Adsense-->
</td>
<td width="150" align="center"><script language='JavaScript' type='text/javascript' src='http://www.mywebsite.net/ads/adx.js'></script>
<script language='JavaScript' type='text/javascript'>
<!--
if (!document.phpAds_used) document.phpAds_used = ',';
phpAds_random = new String (Math.random()); phpAds_random = phpAds_random.substring(2,11);
document.write ("<" + "script language='JavaScript' type='text/javascript' src='");
document.write ("http://www.mywebsite.net/ads/adjs.php?n=" + phpAds_random);
document.write ("&clientid=2");
document.write ("&exclude=" + document.phpAds_used);
if (document.referrer)
document.write ("&referer=" + escape(document.referrer));
document.write ("'><" + "/script>");
//-->
</script><noscript><a href='http://www.mywebsite.net/ads/adclick.php?n=a24108a6' target='_blank'><img src='http://www.mywebsite.net/ads/adview.php?clientid=2&n=a24108a6' border='0' alt=''></a></noscript>
</td>
</tr>
</table>
</center>
</div>
<!-- START header image -->
<table align="center" border="0" width="90%" cellpadding="0" cellspacing="0" class="border">
<tr><td>
<!-- END header image -->
<!-- begin main inner table area-->
<!-- content table -->
<div class="page">
$spacer_open $_phpinclude_output
|
|
#33
10-21-2006, 05:20 PM
|
|||
|
|||
|
Quote:
Thanks
|
|
#34
10-21-2006, 05:24 PM
|
|||
|
|||
|
Quote:
Code:
<!-- START header image --> Code:
<!-- content table-->
|
|
#35
10-21-2006, 08:14 PM
|
|||
|
|||
|
I cannot write any link because I'm having problems with my provider right now.
This is my header template: Code:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin Random Logo In Header Script
var theImages = new Array() // do not change this
<!-- Edit the url images to match yours
theImages[0] = 'imagenes/logo1.gif' //blank
theImages[1] = 'imagenes/logo2.gif' //replace
theImages[2] = 'imagenes/logo3.gif' //replace
theImages[3] = 'imagenes/logo4.gif'
theImages[4] = 'imagenes/logo5.gif'
theImages[5] = 'imagenes/logo6.gif'
theImages[6] = 'imagenes/logo7.gif'
theImages[7] = 'imagenes/logo8.gif'
theImages[8] = 'imagenes/logo9.gif'
theImages[9] = 'imagenes/logo10.gif'
theImages[10] = 'imagenes/logo11.gif'
theImages[11] = 'imagenes/logo12.gif'
theImages[12] = 'imagenes/logo13.gif'
var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<td align="$stylevar[left]"><a href="index.php"><img src="'+theImages[whichImage]+'" border="0" alt="$vboptions[bbtitle]" /></a></div>');
}
// End -->
</script>
<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<SCRIPT LANGUAGE="JavaScript">
showImage();
</script>
<td align="$stylevar[right]">
</td>
</tr>
</table>
<!-- /logo -->
<!-- content table -->
$spacer_open
$_phpinclude_output
|
|
#38
10-27-2006, 09:26 PM
|
|||
|
|||
|
I really love this hack, BUT since it connaot be displayed below the navbar, I cannont use it.:hurt: Any suggestions on how to/where to find an identical hack, that works below the navbar.
|
|
#40
10-29-2006, 08:37 AM
|
|||
|
|||
|
Quote:
For Forumhome Only: Yes, see my profile Note: Only sidebars which are part of the main body of the text can be used below the navbar. The only other option to this is to move your navbar into your header, an∂ then modifiy the top padding of this column to stop it from overlapping. Basically though it is down to your comfort in modifiying templates in vBulletin.
|
 |
«
Previous Thread
|
Next Thread
»
|
|
All times are GMT. The time now is 11:17 PM.