vb.org Archive
Page 1 of 9 1 23 Last »
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)
-   -   Forum Display Enhancements - Fluid 3 part header (https://vborg.vbsupport.ru/showthread.php?t=228319)

Beermonster 11-17-2009 10:00 PM
Fluid 3 part header
 
1 Attachment(s)
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
Code:
<div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>
Replace with
Code:
<div id="headerFill"><div id="headerL"></div><div id="headerR"></div></div>
Add to vbulletin.css template
Code:
#headerFill{
background-image: url(images/headerFill.jpg);
background-repeat: repeat-x;
height: 119px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
#headerL{
background-image: url(images/headerL.jpg);
height: 119px;
background-repeat: no-repeat;
width: 348px;
float: left;

}
#headerR {
background-image: url(images/headerR.jpg);
background-repeat: no-repeat;
height: 119px;
width: 332px;
float: right;

}
Change sizes and paths in red to suit your own

Thanks to hoof for the CSS update.

Mark as installed for support

Charlie98902 11-18-2009 06:17 PM
Tagged as this may allow me to use my jpg's I believe?

Kolbi 11-18-2009 06:41 PM
yes you can :)

Charlie98902 11-18-2009 06:55 PM
Yes sweet too as I didn;t need the left.jpg as in the code change the jpg to your name. :)

VonDoom 11-18-2009 06:57 PM
Thanks this is exactly what i needed. Marked Installed and rated Excellent

tafreeh 11-19-2009 03:30 AM
naaa aaaa aaa aaa aaa aaaiceee :) love you man

syrus.xl 11-19-2009 06:55 AM
Why are you using the Table tag with vBulletin 4.0? This will break strict xHTML compliancy, which is what version 4 is all about.

It should be coded as a div layout, not a table layout.

dengbej 11-19-2009 08:55 PM
good modification.thanks.

Magz 11-19-2009 09:33 PM
Maybe something im doing wrong here, but when i use this, the right image replaces the details in top right of forum

Quote:
Welcome, Magz. You have 0 unread messages; Total 22.
You last visited: Today at 20:11; You Have 4,062 Unread Posts
that bit gets hidden, any ideas?

Beermonster 11-20-2009 04:56 PM
Quote:
Originally Posted by Magz (Post 1917405)
Maybe something im doing wrong here, but when i use this, the right image replaces the details in top right of forum



that bit gets hidden, any ideas?
Are you using VB4?


All times are GMT. The time now is 01:01 AM.
Page 1 of 9 1 23 Last »
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01391 seconds
  • Memory Usage 1,735KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (3)bbcode_code_printable
  • (2)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete