View Full Version : Extend Sidebar to top
soaringpine
12-22-2013, 02:24 AM
I am using vb 4.2.1 & am wondering how I can go about extending the sidebar all the way to the top like the following sites:
http://forum.xda-developers.com/
http://www.tidefans.com/forums/football/
Thanks for any help you can give me. Once I figure this out I am going to configure the everywhere sidebar mod.
bzcomputers
12-22-2013, 03:42 AM
Both those links show the sidebar ending beneath the header and navbar, which is the normal functioning of vBulletin.
soaringpine
12-22-2013, 03:47 PM
Both those links show the sidebar ending beneath the header and navbar, which is the normal functioning of vBulletin.
Doesn't work like that for me. All announcements and notices appear above the sidebar also and extend 100% from left to right.
I need the sidebar to extend all the way up underneath the navbar.
Max Taxable
12-22-2013, 04:30 PM
Link to site involved, please.
Announcements and notices do appear above the forumhome tables, in vBulletin, directly under the navbar.
The sidebar will always be even with the tables.
tbworld
12-22-2013, 05:04 PM
As @Max_Taxable suggested, we really need to see your current CSS, HTML in order to help. You will need to provide a site link, unless you are using the vbulletin default style.
ramesh_umk3
12-22-2013, 05:13 PM
Yep its css and little code alter i have done for one of my android community
look in forumhome and sidebar.css template everything is in there
Gud luck :)
soaringpine
12-22-2013, 08:07 PM
Thanks guys. I am using the default template. MY site is www.HornSports.com/forums but it is a registration required forum.
I'd like that sidebar to go all the way up top like http://www.tidefans.com/forums/football/
See their notices/announcements are not full width above the sidebar.
I appreciate all of the help!
Max Taxable
12-22-2013, 08:15 PM
Well, i am not going to register just to see what you're complaining about.
tbworld
12-22-2013, 08:28 PM
Registration required forum
Setup a test account if you would like help.
soaringpine
12-23-2013, 12:31 AM
Here you go:
username: testvb
password: vbtest
Appreciate the help.
soaringpine
01-28-2014, 03:45 PM
HI guys, circling back to see if anyone has any idea how I can accomplish this. ANother site that does this is - http://forum.xda-developers.com/index.php?tab=top
I very much appreciate any help/guidance.
Thank you
Max Taxable
01-28-2014, 03:52 PM
The sidebar does not go to the top, in that example either. It is even with the forumhome tables just like it should be.
In your first example of what you wanna be, there's no sidebar visible at all.
Look at where my pointer is, in the image below. That is the top of the forumhome tables and that is where the sidebar is supposed to be.
https://vborg.vbsupport.ru/external/2014/01/4.jpg
All the "air" you have above the sidebar is due to the massive welcome message you have there, that Div goes all the way across.
soaringpine
01-28-2014, 03:56 PM
Sorry - it butts up against the bottom of the navigation. That's what I am looking to do.
--------------- Added 1390928328 at 1390928328 ---------------
The sidebar is within the content_container div. Currently. Does it need to be outside of that div?
Max Taxable
01-28-2014, 03:59 PM
Sorry - it butts up against the bottom of the navigation. That's what I am looking to do.It does not. It stops even with the forumhome tables, next to it!
YOUR problem is, the massive welcome message Div and the social media icons Div you have. Your sidebar is exactly where it is supposed to be. The example you point to does not have this massive welcome message Div under the breadcrumb, or the social media icons Div, like you have.
See image in my edited post above.
soaringpine
01-28-2014, 04:08 PM
Max Taxable, thanks for the assistance. Can you tell me how I can accomplish my goal? Do I reduce the welcome message and social media divs?
Max Taxable
01-28-2014, 04:12 PM
Max Taxable, thanks for the assistance. Can you tell me how I can accomplish my goal? Do I reduce the welcome message and social media divs?Personally Soaringpine, I think the 'air" above the sidebar lets the page breathe. Your site looks really sharp. Use of white space is pagination 101 and in your case it serves as a great CVI (center of visual impact) that holds the eye and makes it want to look around more. I'd leave it. BUT, you want to get rid of your CVI, so....
It is unknown to me at this time how one would try to tie the sidebar to the breadcrumb instead of forumhome. If it could be done it might compress the Divs you have for the social media icons and the welcome message, but I don't know. I would need admin credentials in order to take a look around the settings and the scripts for this.
EXTRA: How much time do your users spend looking at the forum home page? It is hidden from guests, must be logged in to even see it, and I highly doubt anyone is sitting there looking at it. They're out in postbit and in the forums, reading and posting - where there is no sidebar.
A difference that makes no difference, is no difference.
tbworld
01-29-2014, 05:28 AM
A difference that makes no difference, is no difference.
Yeah, but that makes all the difference. :)
Max Taxable
01-29-2014, 03:30 PM
Soaringpine - I did some photoshopping.
THIS is what you want to see? You really sure, now that you can see how it looks?
https://vborg.vbsupport.ru/external/2014/01/3.jpg
Versus:
https://vborg.vbsupport.ru/external/2014/01/4.jpg
One more comment: Why do you even need the massive "Welcome" bit anyway? Only ones who can see it are logged in members, they know where they are and besides, it already says "Welcome" in the top right next to the person's username.
It's superfluous and gratuitous.
Then there's always:
https://vborg.vbsupport.ru/external/2014/01/5.jpg
Simply cutting out the "Welcome" bit and moving the social media icons to the little breadcrumb bar.
Seven Skins
01-29-2014, 06:50 PM
I haven't read this thread fully but is this what we are looking for?
http://www.sevenskins.com/forum/forum.php?styleid=35
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.