 |
|
|
Mod Options |
Fluid 3 part header Details »
|
|||||||||||||||||||||
Not a difficult thing to do but I thought I would post it any way as some people seem to having trouble with getting their header image to have an align image right as you can't do it in stylevar.
This is fluid all you need to do is make 3 images, I named mine left, right and background (See attachment), you can be more creative  In your header template find
Replace with
Add to vbulletin.css template
Change sizes and paths in red to suit your own Thanks to hoof for the CSS update. Mark as installed for support Download Now Only licensed members can download files, Click Here for more information. Screenshots
Show Your Support
The following members like this post: eTiKeT™
|
|||||||||||||||||||||
About Developer
Visit Web Site
Not Supported 
Template Edits|
#76
14 Oct 2010, 18:24
|
|||
|
|||
|
Have any of you that have done this mod had success with getting it work properly?
If so can you post a link of this working on your site. Any of you that have suggestions what is wrong with the code above to create that darker area for the moving part of the header please chime in and help out if you can. It would be GREATLY appreciated to get ANY suggestions from ANYONE here at vbulletin.org. No members have liked this post.
|
|
#77
27 Oct 2010, 10:19
|
||||
|
||||
|
I used some of this to add a right image to the site I help out with, but am having an issue I need some help with.
We want the right image to go under the left image if the page size isn't wide enough to not have the images overlap. But no matter what I tried, it wouldn't work right. The right is always on top. http://www.amusementinsider.com/foru...php?styleid=17
That code is just added to the regular header template, along with the default code. No members have liked this post.
|
||||
|
#78
29 Oct 2010, 09:22
|
|||
|
|||
|
Originally Posted by joeman
Working well on 4.0.8 .. DeereTalk
No members have liked this post.
|
|
#79
05 Nov 2010, 22:01
|
|||
|
|||
|
Ive made it so that it only uses the left one, tried the others but didnt work. How do I make the image display the Website name on hover and if clicked on it goes to forum.php?
http://www.thewoollybacks.co.uk is the site. Thanks
No members have liked this post.
|
|
#80
11 Nov 2010, 12:18
|
|||
|
|||
|
Sorry to be a complete noob but i cant find vbulletin.css to add the above txt ?
I done everything else but after 2 hrs scratching around the admin cp cant find it ? been in style manager edit templates  just when i expand vbulletin cms templates theres a list as long as your arm ? No members have liked this post.
Last edited by Baf_Jams; 11 Nov 2010 at 12:35.
|
|
#81
11 Nov 2010, 16:10
|
|||
|
|||
|
[COLOR="Blue"]Sorry to be a complete noob but i cant find vbulletin.css to add the above txt ?
I done everything else but after 2 hrs scratching around the admin cp cant find it ? been in style manager edit templates Style & templates/style manager/ edit template/ scroll down css templates/scroll down again vbulletin.css No members have liked this post.
|
|
#82
11 Nov 2010, 17:21
|
|||
|
|||
|
Originally Posted by abdyel26
Cheers m8y
No members have liked this post.
|
|
#83
06 Apr 2011, 02:19
|
|||
|
|||
|
Anyone that upgraded to 4.1.3 you need to remove the last div on that line of code. If there is a small white line on the middle to the top left then scroll down in the header template and remove the hr code line.
No members have liked this post.
|
|
#84
18 May 2011, 12:12
|
||||
|
||||
|
I have looked in the vbulletin.css thats fine but which header template do I change the code in? Can someone help thanks in advance
No members have liked this post.
Last edited by crazymilk; 18 May 2011 at 13:47.
|
|
#85
02 Jul 2011, 18:26
|
||||
|
||||
|
how to use repeat -x on the >>
on my own image then .... gracias Fixed! No members have liked this post.
Last edited by Bandit8007; 03 Jul 2011 at 11:19. Reason: fixed myself
|
||||
|
#86
11 Jul 2011, 02:54
|
|||
|
|||
|
Problem with a floating header is making it look like the filler is a part of the total overall header. Not just something tossed in to fill in the blank spot.
It's time consuming and a pain in the gazootenblatz. But if you take the time to do it right, it's beautiful. If you just toss something up there, it looks like you just tossed something up there. The nuts and bolts of the code to make this work, while pretty cool, is just the begining. How you work the images and the filler, that's the magic... Take your time. Get creative.
__________________
Working on new projects and expanding our horizons. Come by and see what we're up to now.
No members have liked this post.
|
|
#87
17 Sep 2012, 07:50
|
|||
|
|||
|
Is there a way to do this so the logout, notifications, settings, and profile links stay under the banner instead of going inside the top part of the banner?
No members have liked this post.
|
|
#88
20 Sep 2012, 15:42
|
||||
|
||||
|
How do you make the left image a link?
__________________
Tesla Motors Club - Enthusiasts & Owners Forum No members have liked this post.
|
|
#89
13 Nov 2013, 06:34
|
|||
|
|||
|
I have used this on a couple of different sites I have built and or maintain.
For anyone that has that old vb looking header, they definitely need to check this out.
__________________
No members have liked this post.
|
|
#90
13 Nov 2013, 11:20
|
|||
|
|||
|
Thank you
No members have liked this post.
|
|
«
Previous Mod
|
Next Mod
»
| Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
| Mod Options | |
|
|
| New To Site? | Need Help? |
All times are GMT. The time now is 13:44.