View Full Version : How to make the header background transparent?
hugoroger
11-16-2016, 01:44 AM
I was going to create a new thread but I have been searching for hours on how to do this for VB 4.2.3 but this code does not work.. i have tried dozens of other websites and codes.. nothing... any help?
MarkFL
11-16-2016, 02:18 AM
If you want to make the header background transparent in a particular style, then edit the Stylevar "header_background" in the "Header" section of the Stylevars.
If you wish to quickly apply this change to all of your styles, then add a plugin hooked at "parse_templates" with the code:
$template_hook['headinclude_css'] .= '<style>.above_body {background: transparent !important;}</style>';
In Omnibus
11-16-2016, 02:20 AM
Mark beat me to it ...
RichieBoy67
11-16-2016, 02:22 AM
Nice touch Mark! I was just going to add the css but you added the hook to change all themes at once. :)
hugoroger
11-16-2016, 04:09 PM
I already did that and now I see the white wrapper.. I need to remove that white wrapper.. this is what I have so far.. clashforum(dot)com(dot)br
MarkFL
11-16-2016, 04:21 PM
I already did that and now I see the white wrapper.. I need to remove that white wrapper.. this is what I have so far.. clashforum(dot)com(dot)br
If you want to remove the white wrapper from the body, then alter the plugin I posted to read:
$template_hook['headinclude_css'] .= '<style>body, .above_body {background: transparent !important;}</style>';
hugoroger
11-16-2016, 04:46 PM
I added that.. but nothing happened.. was it suppose to affect all existing styles?
your code is for the entire wrapper right?.. is there a way to edit the HEADER wrapper only? I am trying to get something like this one...
--------------- Added 1479322393 at 1479322393 ---------------
Im just trying to do the samething he did:
http://www.marchingbandforum.com/forums/
his thread: https://vborg.vbsupport.ru/showthread.php?t=312224
MarkFL
11-16-2016, 05:43 PM
What I change those elements using Firebug, I get what I think you are after. I would have to come to your site with admin access to see what's going on. If interested, send the login credentials to an admin account to me via PM.
hugoroger
11-16-2016, 05:46 PM
sure.. I dont mind.. will send them to you.. I left the plug in there
MarkFL
11-16-2016, 06:50 PM
Now I see I didn't grab all of the PHP code when I posted post #6. My apologies for the confusion...I have edited my post to make it complete. :)
hugoroger
11-16-2016, 06:58 PM
Now I see I didn't grab all of the PHP code when I posted post #6. My apologies for the confusion...I have edited my post to make it complete. :)
Thank you so much man!! Honestly I have tried to get this done in the past 2 to 3 days and it was not working. I had fire bug open as well and like crazy trying to edit/remove and change the divs but now thanks for that small bit of code man!! I gotta study more of this stuff! haha:up:
Much appreciated!
Hugo
--------------- Added 1479330221 at 1479330221 ---------------
I posted the link of this thread on a vbulletin thread I had opened about this that I was trying to do. Here is the thread for reference: http://www.vbulletin.com/forum/forum/vbulletin-4/vbulletin-4-questions-problems-and-troubleshooting/4359259-how-to-put-a-transparency-in-the-header-only-and-not-the-entire-body
:)
MarkFL
11-16-2016, 07:07 PM
Glad to help, Hugo! :D
Mattwhf
11-20-2016, 08:01 PM
If you want to make the header background transparent in a particular style, then edit the Stylevar "header_background" in the "Header" section of the Stylevars.
If you wish to quickly apply this change to all of your styles, then add a plugin hooked at "parse_templates" with the code:
$template_hook['headinclude_css'] .= '<style>.above_body {background: transparent !important;}</style>';
Cool method, Mark! but I would go with editing on template, using a hook in this case can increase handles for the forum.
MarkFL
11-20-2016, 08:24 PM
Cool method, Mark! but I would go with editing on template, using a hook in this case can increase handles for the forum.
If you've got a large number of styles and you want the change applied to all, this is easier to add.
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.