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 (Coder/Designer) Beermonster is offline
Developer Last Online: May 2013 I like it Show Printable Version Email this Page

vB Version: 4.0.0 Rating: (24 votes - 4.21 average) Installs: 62
Released: 18 Nov 2009 Last Update: Never Downloads: 4
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:	3555
Size:	39.2 KB
ID:	106363Click image for larger version

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

Name:	sample.jpg
Views:	2304
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.
  #16  
Old 21 Nov 2009, 13:04
imported_pmay68 imported_pmay68 is offline
 
Join Date: Sep 2002
Originally Posted by Mastergumble View Post
So how it would be done ?
Yes, inquiring minds want to know..
Reply With Quote
  #17  
Old 22 Nov 2009, 04:25
Dr.osamA's Avatar
Dr.osamA Dr.osamA is offline
 
Join Date: Aug 2004
Location: Syrie
Real name: Dr.osama
I try to experience

Thank you
________
Gay Arab

Last edited by Dr.osamA : 04 Apr 2011 at 00:09.
Reply With Quote
  #18  
Old 23 Nov 2009, 20:23
MikesSite MikesSite is offline
 
Join Date: Jan 2009
Looks good

Last edited by MikesSite : 24 Nov 2009 at 12:46.
Reply With Quote
  #19  
Old 23 Nov 2009, 22:02
syrus.xl's Avatar
syrus.xl syrus.xl is offline
 
Join Date: Jun 2005
Originally Posted by Mastergumble View Post
So how it would be done ?
There is 5 serious errors in that coding, certain tags not closed, a div tag used within an 'a' tag.

It should be strict xHTML to comply with vBulletin 4.0, otherwise you are just breaking the correct coding. Google would probably penalize you, if that was in every page of your site's header code.

If it was done correctly it would require CSS to be defined and use all div's, not tables. Probably about 4-5 CSS rules is all that it requires, nothing major.
Reply With Quote
  #20  
Old 24 Nov 2009, 06:47
Beermonster Beermonster is offline
 
Join Date: Dec 2003
Real name: John
Google doesn't penalise tables or reward tableless.

Google rewards content
__________________
Reply With Quote
  #21  
Old 25 Nov 2009, 15:13
Big-Pete Big-Pete is offline
 
Join Date: May 2009
Originally Posted by syrus.xl View Post
There is 5 serious errors in that coding, certain tags not closed, a div tag used within an 'a' tag.

It should be strict xHTML to comply with vBulletin 4.0, otherwise you are just breaking the correct coding. Google would probably penalize you, if that was in every page of your site's header code.

If it was done correctly it would require CSS to be defined and use all div's, not tables. Probably about 4-5 CSS rules is all that it requires, nothing major.
Syrus, Would you be able to do this for us in css? This is exacty what i'd like to use when we change over the main site to vb4..
Reply With Quote
  #22  
Old 25 Nov 2009, 18:06
hoof hoof is offline
 
Join Date: May 2006
Real name: Hoofhearted
To do this just add some lines to your CSS and then call it out in the template you want it to display.

Example: for a 3 part image in the CSS add


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

You can name it however you like, I used headerFill, headerR, and headerL. Be sure to put the correct image height and width in. THe margin-right and left is to align the edges to your forum width...you may need to adjust it or remove it.

Then in your header template add the following:

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

You should now have a fluid banner
__________________
Reply With Quote
  #23  
Old 26 Nov 2009, 10:07
Big-Pete Big-Pete is offline
 
Join Date: May 2009
@ Hoof, Thankyou for that, Much appreciated!
Reply With Quote
  #24  
Old 27 Nov 2009, 13:08
VonDoom's Avatar
VonDoom VonDoom is offline
 
Join Date: Dec 2008
Originally Posted by hoof View Post
To do this just add some lines to your CSS and then call it out in the template you want it to display.
You should now have a fluid banner
sorry for the newb question but v4 has me bent over a barrel witch CSS and where?
__________________
Reply With Quote
  #25  
Old 27 Nov 2009, 13:39
TheSupportForum TheSupportForum is offline
 
Join Date: Jan 2007
Originally Posted by hoof View Post
To do this just add some lines to your CSS and then call it out in the template you want it to display.

Example: for a 3 part image in the CSS add


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

You can name it however you like, I used headerFill, headerR, and headerL. Be sure to put the correct image height and width in. THe margin-right and left is to align the edges to your forum width...you may need to adjust it or remove it.

Then in your header template add the following:

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

You should now have a fluid banner

vb4 no longer using CSS it uses StyleVars
__________________
http://www.multihunters.co.uk - all your coding needs
Reply With Quote
  #26  
Old 27 Nov 2009, 13:51
hoof hoof is offline
 
Join Date: May 2006
Real name: Hoofhearted
Originally Posted by simonhind View Post
vb4 no longer using CSS it uses StyleVars
vB4 no longer uses the "Additional CSS Definitions" section, it does use several CSS's in your template list. I use this in the "vbulletin.css" and it works great.
__________________
Reply With Quote
  #27  
Old 27 Nov 2009, 14:40
TheSupportForum TheSupportForum is offline
 
Join Date: Jan 2007
Originally Posted by hoof View Post
vB4 no longer uses the "Additional CSS Definitions" section, it does use several CSS's in your template list. I use this in the "vbulletin.css" and it works great.

i have attached a screenshot of the admincp with main css showing
as you may be aware it mentions

"This CSS file is obsolete and is available here for reference purposes only."
Attached Images
File Type: jpg untitled.JPG (50.9 KB, 100 views)
__________________
http://www.multihunters.co.uk - all your coding needs
Reply With Quote
  #28  
Old 27 Nov 2009, 15:16
Charlie98902 Charlie98902 is offline
 
Join Date: Dec 2006
Admin panel>> Styles and Templates>>>>>Edit Templates>>>>>>>vbulletin.css Go there I believe.
Reply With Quote
  #29  
Old 28 Nov 2009, 11:37
mr3oobqatar mr3oobqatar is offline
 
Join Date: May 2008
thanks
Reply With Quote
  #30  
Old 04 Dec 2009, 02:24
oddmud's Avatar
oddmud oddmud is offline
 
Join Date: Oct 2009
Originally Posted by simonhind View Post
i have attached a screenshot of the admincp with main css showing
as you may be aware it mentions

"This CSS file is obsolete and is available here for reference purposes only."

That's because you're looking at main.css not vbulletin.css.. i think.
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
Forum Jump


New To Site? Need Help?

All times are GMT. The time now is 02:56.

Layout Options | Width: Wide Color: