![]() |
|
|
Mod Options |
Fluid 3 part header Details »»
|
|||||||||||||||||||||||
|
Fluid 3 part header
Developer Last Online: May 2013
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™
|
|||||||||||||||||||||||
|
#16
|
|||
|
|||
|
No members have liked this post.
|
|
#17
|
||||
|
||||
|
No members have liked this post.
Last edited by Dr.osamA : 04 Apr 2011 at 00:09. |
|
#18
|
|||
|
|||
|
Looks good
No members have liked this post.
Last edited by MikesSite : 24 Nov 2009 at 12:46. |
|
#19
|
||||
|
||||
|
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.
__________________
No members have liked this post.
|
|
#20
|
|||
|
|||
|
Google doesn't penalise tables or reward tableless.
Google rewards content
__________________
No members have liked this post.
|
|
#21
|
|||
|
|||
|
Originally Posted by syrus.xl
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..
No members have liked this post.
|
|
#22
|
||||||||
|
||||||||
|
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
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:
You should now have a fluid banner ![]() No members have liked this post.
|
||||||||
|
#23
|
|||
|
|||
|
@ Hoof, Thankyou for that, Much appreciated!
No members have liked this post.
|
|
#24
|
||||
|
||||
|
sorry for the newb question but v4 has me bent over a barrel witch CSS and where?
No members have liked this post.
|
|
#25
|
||||||||
|
||||||||
|
Originally Posted by hoof
vb4 no longer using CSS it uses StyleVars
__________________
http://www.multihunters.co.uk - all your coding needs No members have liked this post.
|
||||||||
|
#26
|
|||
|
|||
|
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.
No members have liked this post.
|
|
#27
|
|||
|
|||
|
Originally Posted by hoof
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."
__________________
http://www.multihunters.co.uk - all your coding needs No members have liked this post.
|
|
#28
|
|||
|
|||
|
Admin panel>> Styles and Templates>>>>>Edit Templates>>>>>>>vbulletin.css Go there I believe.
No members have liked this post.
|
|
#30
|
||||
|
||||
|
Originally Posted by simonhind
That's because you're looking at main.css not vbulletin.css.. i think. 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 02:56.









