vb.org Archive - How to do these???

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

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

- - How to do these??? (https://vborg.vbsupport.ru/showthread.php?t=275316)

Leepish

12-10-2011 09:29 PM

How to do these???

Hi all, im running vb4. How can i do these template edits so it looks like the images ive attached.

Make the header small and petite like this:

https://vborg.vbsupport.ru/external/2011/12/23.png

Make forums appear inside a white container:

https://vborg.vbsupport.ru/external/2011/12/24.png

My forum atm is located www.ravesu.co.uk/forum

Lynne

12-11-2011 04:01 AM

What is the link to that site so we can see the html/css they used?

Leepish

12-11-2011 08:59 PM

Hi lynne,

Its http://www.orbforum.com/

im very jealous haha

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

Ive managed to do the body_wrap thing... but how do i make the header smaller and change the links and the log in boxes etc

Lynne

12-11-2011 10:36 PM

It's just an image. They have a background image for the gray/teal - http://www.orbforum.com/styles/oxyge...background.png - and then the image for the logo is just in a div inside of that div with the background - http://www.orbforum.com/styles/oxyge...go_spotify.png

Basically like this:
<div id="header_background">// this div has the background image
<div id="inner">
<div id="left">
<img src="logo_image.png" />
etc...
</div>

Leepish

12-11-2011 10:49 PM

Thanks Lynne,

So how would I make my header smaller? And put the log in boxes there rather than a drops own log in form

Lynne

12-11-2011 10:54 PM

Take a look at the page using firebug. You'll see they set the height of the header using CSS:

HTML Code:

div#header_background {

    background: url("styles/oxygen/images/layout/header_background.png") repeat scroll 0 0 transparent;

    height: 95px;

    position: relative;

    top: 0;

    width: 100%;

}

And you'll have to modify the template to move the search box there.

All times are GMT. The time now is 09:38 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01141 seconds Memory Usage 1,720KB 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 (1)bbcode_html_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (6)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: