![]() |
Fixed Sidebar On All Pages (left side)
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 :D Finally, if someone could let me have a link to use as a live demo, it would be appreciated. Enjoy it, and have fun. :D |
reserved for if some kind person can do some screenshots in IE7 or other browsers
|
Mod nice .... i like it ...
*installed* |
is this to replace your sidecolumns hack ?
|
nope. this is just an alternative that i'd had a few requests for so i finally did it
|
V. nice work
|
Quote:
thanks peterska :) |
Anyone had time to toy with the code and phpAdsNew? This would work great for my site if it could work with phpAdsNew.
Thanks gang, Markl |
I don't see why it wouldn't. Just put the code in one of the content placeholders.
|
I completely integrated it into my clients site. he msged me back telling me it was out of alignment.
after all that time i realised it does not work on fixed width layouts if the user is using a different resolution. wouldent it be easier to use this as a fixed sidebar if it was in a table? |
The way it works in IE6 is available in tabular format in a modification by amykhar. You cannot get it to stay in one place on the screen as it does in firefox and IE7 using tables - believe me I tried for ages.
|
Quote:
If yes, I was not reffering to the "feature" of it staying in place as the rest of the page scrolls. I was implying that it floats a certian distance from the left side of the screen, the horizontal alignment does not work with sites that use a fixed width, since on 1024X768, its located 50px from the left side, a user in 1600X1200 rez will still have it 50 px from the left, meaning its out of location. I fixed it on my clients side by switching to tables, deleted the css, added in a new column, and aligned it to the top. yes it dosent "float" but i didnt need it to. |
Thanks! Works good!
peterska2 - If you've been to demonoid, they have something quite like this but for an ad and I was wondering if you happen to know how they do it. They have it so when you scroll a certain amount, then the ad will start scrolling down with you. |
Quote:
|
Yeah, I read that after I posted so I edited and I guess you had quoted me before I edit :( Sorry.
|
Question.... Your "left-side column on forum home only" fits beneath the breadcrumb and navbar. From what I can see of the screenshots above, this one is to the side of the breadcrumb/navbar.
How would one place it beneath? |
Quote:
|
Will this be on the forumhome only, or also on all pages on the forums?
I'm trying to find a hack that will be on every page. |
Quote:
|
Very nice! This is just what I was looking for. I've tried to make several tables in the same column (left of course) to write different kind of quick links but i'm not able to do it. I would be very pleased if someone could help me.
Thanks peterska2 for this useful code! |
sure, if you can post what you have so far in your header template making sure it's in tags and I'll give it a look over. If you want to provide details of anything else that you want to include apart from what you have there so far and how you want it laid out and I'll fix it up for you.
|
I just want to put some vertical space between links 1 and links 2 (see attachment).
I don't write any code because all I have is yours, well and Zerotolerance's shoutbox. Thanks! |
Ok, just pop this code where you want the gap to appear.
Code:
</table> |
:banana: :banana: :banana:
Thank you very much peterska2!!!! |
:) got it fully installed on http://www.ps3center.net/forums/ :) thanks peterska2
|
Looks good. Don't forget to click install ;)
|
Hi again,
Quote:
I've found the template called header but I can't find any width. The same happens in the additional CSS definitions, I'm not able to find that navigation section and content section. Thanks for your help, Victor |
how wide do you want it?
|
135 px
I've got installed a code to show a random image at header and I modified that but I didn't delete anything, just added. I can't understand why I cannot find the things to change :( |
installed on my two forums excellent code thank you
|
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"> |
Quote:
Thanks |
Quote:
Code:
<!-- START header image --> Code:
<!-- content table--> |
I cannot write any link because I'm having problems with my provider right now.
This is my header template: Code:
<SCRIPT LANGUAGE="JavaScript"> |
Have you followed the installation instructions in the attached file? You haven't got any code for the column in the code you have posted.
|
Solved! Thank you!
|
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.:confused:
|
Great job, works like a charm!
|
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. |
any idea how to put it on the right column ???
thanks |
All times are GMT. The time now is 06:05 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 | |
---|---|
|
|
![]() |
|
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|