vb.org Archive

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)

interfx 12-25-2009 09:39 PM

Can't get this to work correctly in VB4.0.0

Any solutions out there?

Charlie98902 12-25-2009 09:45 PM

It works but I am not sure the CSS code does. I plan on trying it on the test forum tomorrow and see.

Charlie98902 12-26-2009 02:15 PM

Tested the CSS one and it works for vb gold.

Prorockz 12-26-2009 02:19 PM

if i want to use flash file in there how can i use code then ?

for example file name is = images/banner in flash.swf

thanks

woffie 12-29-2009 07:20 PM

Does anyone know how I could use this code to make a Fluid 3 part header for the forum catagory headers and maybe the WOG header?

Charlie98902 12-29-2009 08:08 PM

I'll mark this as installed as I have been using it over the table divs.

zapiy 01-07-2010 11:46 PM

How can i get this to work for VB4?

Thanks

The Vegan Forum 01-08-2010 04:38 AM

I paid someone from this forum to create a 3-part fluid header for us, but the file we got isn't really editable - if we change some of the header parameters in Stylevars, unexpected things happen. I don't know if they used the solution descrived here though.

Beermonster 01-08-2010 05:40 AM

Quote:

Originally Posted by zapiy (Post 1950019)
How can i get this to work for VB4?

Thanks

It is for vb4 just follow the instructions

KissOfDeath 01-17-2010 10:59 AM

the problem i have is that my headerFill stays to the far left and headerL lays itself ontop of the left part of it, and theirs a massive gap between my headerR & my headerFill....

From reading through this post it seems this method no longer works since vbulletin was updated? and one have some new code?

speedimpulse 01-21-2010 03:36 AM

installed and working thank you!

Charlie98902 01-21-2010 09:41 AM

Quote:

Originally Posted by KissOfDeath (Post 1958056)
the problem i have is that my headerFill stays to the far left and headerL lays itself ontop of the left part of it, and theirs a massive gap between my headerR & my headerFill....

From reading through this post it seems this method no longer works since vbulletin was updated? and one have some new code?

It works as I am using it.

Live Demo - http://www.dvdnextcopysupportforum.com

KissOfDeath 01-22-2010 05:40 PM

Have no idea why it's not working for me, can you show me the 3 seperate images you are using?

here are the 3 i'm trying to use

http://www.devils-shadow.com/forums/...eader_left.gif

http://www.devils-shadow.com/forums/.../misc/logo.gif

http://www.devils-shadow.com/forums/...ader_right.gif

Charlie98902 01-22-2010 05:56 PM

I am using the default VB size. My image sizes are

left - 387x128

Middle - 31x128

Right - 387x128

kisanjong 01-24-2010 10:09 AM

looks good :)

any info on doing this for the postbit / threadbit headers ? Please :D

moonclamp 01-25-2010 11:12 AM

Quote:

Originally Posted by syrus.xl (Post 1917062)
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.

Quote:

Originally Posted by Loco.M (Post 1917870)
completely agree :up:

If it works in a browser, then why should anyone care?
What the end user sees is more important, so why worry if it doesn't cause an issue?

KissOfDeath 01-27-2010 10:00 PM

Still couldn't get this method to work so a did my own, because also looking at the css in this on it will show differently in different browsers and go out of line.....

Here's my code that i used to make it fit in all browsers,

Leave the vbulletin.css in it's original state

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:

<tr>
<td width="23%"><img src="images/andromeda/misc/header_left.gif" alt="" width="23%" height="100"/></td><td><a href="index.php"><img src="images/andromeda/misc/logo.gif" alt= "Free PSP ISO Downloads" width="54%" height="100" border="0"/></a></td><td align="right"><img src="images/andromeda/misc/header_right.gif" alt="" width="23%" height="100"/></td>
</tr>

Demo: http://www.devils-shadow.com/forums/forum.php

Putting your own image locations & sizes in the fields i've marked red

BTW doing it this way your pointing to the logo image directly so changing the "Titleimage" Stylevar will not change the logo

Charlie98902 01-27-2010 11:24 PM

Very nice.

idslamyou 02-04-2010 04:37 AM

I'm not sure what I'm doing wrong but I can't get this to work. I'm trying on 4.0.1. Made the changes to the header template and added the css to vbulletin.css. Uploaded the images to the images folder and nothing displays in the header. The stock VB logo is now gone, but that area is compressed and the menu bar is covering up the login box. I've triple checked everything and done the steps over to no avail.

Any ideas?

horussjr 03-12-2010 12:45 PM

doesnt work on 4.0.2 pl1. help

TheSupportForum 03-13-2010 10:04 AM

Quote:

Originally Posted by horussjr (Post 2002160)
doesnt work on 4.0.2 pl1. help

this does work on 4.0.2 pl1 perfectly
you need to ensure your stylevar is correctly setup for it

MR_Dammie 03-13-2010 12:01 PM

Is it possible to use this Mod and the VB4 banner manager togheter?

I installed it but both header banners wont display over images?

TheSupportForum 03-14-2010 01:42 PM

Quote:

Originally Posted by MR_Dammie (Post 2002760)
Is it possible to use this Mod and the VB4 banner manager togheter?

I installed it but both header banners wont display over images?

this MOD does not interfer with it at all

MR_Dammie 03-14-2010 02:04 PM

hmmm strange, only think i changed was:

Height to 150 px
Left to 400 px
Right to 400 px

Maybe this is the problem??

iadventure 03-15-2010 06:26 AM

how do i make the images link to a url as well?

lebay 04-01-2010 03:16 PM

like I need...

sKippah 04-07-2010 04:23 PM

Ahh that what i was looking for ;)
Thx

lubbie 08-29-2010 10:08 AM

Hey guys. I was trying this too. But if i follow the instruction, with some modifications in width and high (im using a fixed Style), the login field will be underneath the Header.

Using vb 4.0.6

buurman 09-10-2010 08:57 AM

Absolutely great this solution!!!

With a little creativity I should be able to combine this with a rotating logo...
This way, only the left part will rotate..

Thanks for this!!

using v4.0.6

http://www.piepiep.nl

buurman 09-10-2010 08:58 AM

Quote:

Originally Posted by lubbie (Post 2091041)
Hey guys. I was trying this too. But if i follow the instruction, with some modifications in width and high (im using a fixed Style), the login field will be underneath the Header.

Using vb 4.0.6

Try using a smaller fill (less width), think this would fix it..
Check your width settings to be sure...

joeman 09-23-2010 10:46 PM

A friend and I have a forum using vb 4.0.6 and we are trying to do this mod on our header however the color of the header is off for some reason. Pictures are sized the same and opacity is equal for all 3 images, however the middle image is very dark and we can't figure out why.

I changed the header to one solid color just to make sure the image we were using before didnt have a problem. I included a screen shot so you can see what I mean.

Center image original file size is 2px wide.

Any advice on what to do?


https://vborg.vbsupport.ru/



Heres the code we are using:

#headerFill{
background-image: url(images/headercenter.png);
background-repeat: repeat-x;
height: 145px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
#headerL{
background-image: url(images/headerleft.png);
height: 145px;
background-repeat: no-repeat;
width: 800px;
float: left;

}
#headerR {
background-image: url(images/headerright.png);
background-repeat: no-repeat;
height: 145px;
width: 200px;
float: right;

}

We also put this code in place of the header code:

<div id="headerFill"><div id="headerL"></div><div id="headerR"></div></div>

joeman 09-27-2010 04:23 AM

Anyone have a suggestion on how to fix this?

Thanks

mattyphatty 09-27-2010 10:13 PM

I have the same problem, anyone know what the problem might be?

joeman 10-04-2010 09:34 PM

Quote:

Originally Posted by mattyphatty (Post 2103959)
I have the same problem, anyone know what the problem might be?


I guess it looks like I'm not the only one having this issue.

I still didn't hear from anybody on a fix for this yet. Did you ever solve your problem with this?

mattyphatty 10-06-2010 09:54 PM

Quote:

Originally Posted by joeman (Post 2102472)
A friend and I have a forum using vb 4.0.6 and we are trying to do this mod on our header however the color of the header is off for some reason. Pictures are sized the same and opacity is equal for all 3 images, however the middle image is very dark and we can't figure out why.

I changed the header to one solid color just to make sure the image we were using before didnt have a problem. I included a screen shot so you can see what I mean.

Center image original file size is 2px wide.

Any advice on what to do?


http://img816.imageshack.us/img816/7177/headerimage.png



Heres the code we are using:

#headerFill{
background-image: url(images/headercenter.png);
background-repeat: repeat-x;
height: 145px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
#headerL{
background-image: url(images/headerleft.png);
height: 145px;
background-repeat: no-repeat;
width: 800px;
float: left;

}
#headerR {
background-image: url(images/headerright.png);
background-repeat: no-repeat;
height: 145px;
width: 200px;
float: right;

}

We also put this code in place of the header code:

<div id="headerFill"><div id="headerL"></div><div id="headerR"></div></div>

Mine is doing this same thing. VB 4.0.6

joeman 10-14-2010 04:24 PM

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.

jeffcoast 10-27-2010 08:19 AM

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

Code:

<div style="position: absolute; top: 0px; right: 0px; padding: 2px; overflow: hidden; width: 1556px;" class="panelsurround">
<a href="http://www.amusementinsider.com" target="_blank">  <img src="images/tztot/towerghosts.gif"  width="1556" height="115"alt="Ghosts" border="0" title="Spooky!"></a></div>

That code is just added to the regular header template, along with the default code.

Internetcafe 10-29-2010 07:22 AM

Quote:

Originally Posted by joeman (Post 2110129)
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

orangefive 11-05-2010 08:01 PM

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 :)

Baf_Jams 11-11-2010 10:18 AM

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 ?


All times are GMT. The time now is 11:11 PM.

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.01236 seconds
  • Memory Usage 1,829KB
  • 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
  • (10)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
  • (40)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