Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Fluid 3 part header Details »
Fluid 3 part header
Mod Version: 1.01, by Beermonster (Contributor) Beermonster is offline
Developer Last Online: Sep 2016 I like it Show Printable Version Email this Page

vB Version: 4.0.0 Rating: (6 votes - 4.50 average) Installs: 68
Released: 18 Nov 2009 Last Update: Never Downloads: 4
Not Supported Template Edits  

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

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Replace with

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Add to vbulletin.css template

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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

Click image for larger version

Name:	pics_1.jpg
Views:	3837
Size:	39.2 KB
ID:	106363   Click image for larger version

Name:	pic_2.jpg
Views:	3813
Size:	50.9 KB
ID:	106364   Click image for larger version

Name:	sample.jpg
Views:	2507
Size:	18.0 KB
ID:	106366  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
  #76  
Old 14 Oct 2010, 17:24
joeman joeman is offline
 
Join Date: May 2010
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.
Reply With Quote
  #77  
Old 27 Oct 2010, 09:19
jeffcoast jeffcoast is offline
 
Join Date: May 2010
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


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

That code is just added to the regular header template, along with the default code.
Reply With Quote
  #78  
Old 29 Oct 2010, 08:22
Internetcafe Internetcafe is offline
 
Join Date: May 2008
Originally Posted by joeman View Post
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.
Working well on 4.0.8 .. DeereTalk
Reply With Quote
  #79  
Old 05 Nov 2010, 21:01
orangefive orangefive is offline
 
Join Date: Nov 2009
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
Reply With Quote
  #80  
Old 11 Nov 2010, 11:18
Baf_Jams Baf_Jams is offline
 
Join Date: Mar 2008
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 ?

Last edited by Baf_Jams; 11 Nov 2010 at 11:35.
Reply With Quote
  #81  
Old 11 Nov 2010, 15:10
abdyel26 abdyel26 is offline
 
Join Date: Jul 2009
[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
Reply With Quote
  #82  
Old 11 Nov 2010, 16:21
Baf_Jams Baf_Jams is offline
 
Join Date: Mar 2008
Originally Posted by abdyel26 View Post
[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
Cheers m8y
Reply With Quote
  #83  
Old 06 Apr 2011, 01:19
Charlie98902 Charlie98902 is offline
 
Join Date: Dec 2006
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.
Reply With Quote
  #84  
Old 18 May 2011, 11:12
crazymilk's Avatar
crazymilk crazymilk is offline
 
Join Date: Aug 2008
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

Last edited by crazymilk; 18 May 2011 at 12:47.
Reply With Quote
  #85  
Old 02 Jul 2011, 17:26
Bandit8007 Bandit8007 is offline
 
Join Date: Jan 2006
how to use repeat -x on the >>

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

on my own image then ....

gracias

Fixed!

Last edited by Bandit8007; 03 Jul 2011 at 10:19. Reason: fixed myself
Reply With Quote
  #86  
Old 11 Jul 2011, 01:54
setishock setishock is offline
 
Join Date: Feb 2008
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.
Reply With Quote
  #87  
Old 17 Sep 2012, 06:50
znightmare znightmare is offline
 
Join Date: Sep 2012
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?
Reply With Quote
  #88  
Old 20 Sep 2012, 14:42
dougdirac's Avatar
dougdirac dougdirac is offline
 
Join Date: Nov 2011
How do you make the left image a link?
Reply With Quote
  #89  
Old 13 Nov 2013, 05:34
K4GAP K4GAP is offline
 
Join Date: Mar 2008
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.
__________________

Reply With Quote
  #90  
Old 13 Nov 2013, 10:20
john7911 john7911 is offline
 
Join Date: Feb 2013
Thank you
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 06:22.

Layout Options | Width: Wide Color: