vb.org Archive - Full width header and footer images

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)

- - Full width header and footer images - How? (https://vborg.vbsupport.ru/showthread.php?t=285809)

SimonB

07-21-2012 06:17 PM

Full width header and footer images - How?

Ok so I have two images, one of which is my logo, superimposed on a full width background image. The other is a full width footer.

How do I bring these two images into vbulletin?

I know how to modify the header and footer texts (assuming this text will be overlaid over the background image)

This is pretty much my last style question:erm:

--------------- Added [DATE]1342899213[/DATE] at [TIME]1342899213[/TIME] ---------------

Ok have the footer sorted (sort of but it's not the dimensions of the image)... getting there :)

SimonB

07-21-2012 07:10 PM

1 Attachment(s)

Ok so I managed to get the footer partially right but I need the Powered by vBulletin text to live within the footer.

See attachment

peugeot405

07-21-2012 07:24 PM

try changing the below body section.

look for:

Code:

<div class="below_body">

that section contains the time and the copyright part.

SimonB

07-21-2012 08:56 PM

Quote:

Originally Posted by peugeot405 (Post 2350240)

try changing the below body section.

look for:

Code:

<div class="below_body">

that section contains the time and the copyright part.

Thanks, that did the trick

peugeot405

07-21-2012 09:00 PM

glad i could help.

SimonB

07-22-2012 05:11 AM

Ok almost done, but how do I adjust the height of the header image?

peugeot405

07-22-2012 07:19 AM

Quote:

Originally Posted by SimonB (Post 2350344)

Ok almost done, but how do I adjust the height of the header image?

you need to adjust doc header height.

Code:

add this to additional css:



.doc_header {

    height: 150px;

}

if i may make 2 suggestions:

change the logo so it has a transparant background instead of white
make the advanced search link center under the search input box like i suggested here

SimonB

07-22-2012 07:34 AM

Thanks

Yeah the logo will change to transparent - just using that one as a placeholder.

Once I have all the placements right I will fine tune the details... like the background will change and become considerably lighter.

Thanks too, for the advanced search link tip ;)

Quote:

Originally Posted by peugeot405 (Post 2350364)

you need to adjust doc header height.

Code:

add this to additional css:



.doc_header {

    height: 150px;

}

if i may make 2 suggestions:

change the logo so it has a transparant background instead of white
make the advanced search link center under the search input box like i suggested here

peugeot405

07-22-2012 07:40 AM

glad i could help.

SimonB

07-22-2012 08:23 PM

1 Attachment(s)

Still not perfect - now I have an inconsistency between the logged in toplinks and than when logged out.

Logged In

https://vborg.vbsupport.ru/attachmen...1&d=1342992127

Logged Out

https://vborg.vbsupport.ru/attachmen...1&d=1342992128

peugeot405

07-22-2012 08:31 PM

Quote:

Originally Posted by SimonB (Post 2350542)

what do you mean with an inconsistency between the logged in toplinks and than when logged out SimonB?

SimonB

07-23-2012 07:08 AM

It's a style inconsistency I am referring to

Links with white background (round corners) when logged out and links with transparent backgrounds (or white squared off backgrounds when hovered) when logged in.

I need to spend more time with the toplinks section. I have been fiddling with the stylevars but I'm thinking I'l again have to delve into some css.

peugeot405

07-23-2012 11:52 AM

ok, and how do you want it to look? There's a lot of possibilities.

SimonB

07-23-2012 01:13 PM

Quote:

Originally Posted by peugeot405 (Post 2350703)

ok, and how do you want it to look? There's a lot of possibilities.

The logged in look must be the same as the not logged in look...

peugeot405

07-23-2012 01:38 PM

ok add this to additional css:

Code:

.toplinks ul.isuser {

    background: none repeat scroll 0 0 #FFFFFF;

    border-radius: 0 0 5px 5px;

}

fr8dude

08-08-2012 03:04 PM

I am new to vb and this tread has provided me with some info needed. However I have been unable to locate "additional css". Any help would be greatly appreciated.

peugeot405

08-08-2012 03:40 PM

you go to admin cp then select style manager choose edit templates on the left then scroll down until you see css templates, click it to expand, then you'll see additional css.

fr8dude

08-18-2012 10:54 PM

Thank you

peugeot405

08-20-2012 09:23 PM

glad i could help out.

All times are GMT. The time now is 08:04 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01160 seconds Memory Usage 1,753KB 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 (5)bbcode_code_printable (5)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (19)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 bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: