Icy Phoenix :: View topic - [DOC] RC2 Extreme Header Banners And Variable Widths

Lopalong [ Sat 06 Jun, 2009 15:38 ]
Post subject: [DOC] RC2 Extreme Header Banners And Variable Widths

I'm using some image examples that belong to Jogge - The reason - I didn't want to have to do this twice.

In the .zip is a folder with everything one needs to add a flexible banner to the /templates/style/overall_header.tpl, The names and paths will not apply to you so you will have to change everything to suit.

Most importantly - in the style.css that you ARE going to change,

Find these complete elements and DELETE:

Code: [Hide] [Select]

#top_logo { Blah Blah

}

#logo-img { Blah Blah

}

Find:

/* main selectors */

BEFORE ADD:

Code: [Hide] [Select]

/* START This is all the modified header stuff. */

#logo-img {

	margin-top: 0px;

	margin-left: 0px;

}

.ohb_hr_content {

	height: 199px;

	margin-top: 35px;

}

.ohb_hr_l {

	background: url('images/p_white/ohb1.gif') top left no-repeat;

	padding-left: 57px;

}

.ohb_hr_c {

	background: url('images/p_white/ohb2.gif') top left repeat-x;

	text-align: left;

	color: #F1F1F1;

	height: 199px;

	margin: 0;

	white-space: nowrap;

	overflow: hidden;

}

.ohb_hr_r {

	background: url('images/p_white/ohb3.gif') top right no-repeat;

	padding-right: 203px;

}

/* Note: #global-wrapper and #wrapper also play an important part here, and are BOTH usually set to either 980px OR 98% */

/* END This is all the modified header stuff. */

Again:

Copy and Use the overall_header.tpl in the .zip to your templates/style
Copy the four images to your templates/style/images/colour(Style)
Change the additional .css paths above to suit your colour (Style)

Make your images - (any size you like) - Adjust the additional .css until everything fits.

Some Pics of the end results:

And the Files:

PS: .ohb_hr_content is where one adjusts the top margin to position the "Logo" vertically.

Jogge [ Sun 07 Jun, 2009 12:00 ]
Post subject: Re: [DOC] RC2 Extreme Header Banners And Variable Widths

I have install the fix Lopalong and it seems to work great.

Thanks for sharing this

Jogge

Lopalong [ Sun 07 Jun, 2009 12:08 ]
Post subject: Re: [DOC] RC2 Extreme Header Banners And Variable Widths

You're welcome,

It gives you another tool to work into your "what are very nice themes".

If you need any more help - Yell some more.

Jogge [ Sun 07 Jun, 2009 14:12 ]
Post subject: Re: [DOC] RC2 Extreme Header Banners And Variable Widths

Yes Lopalong i shall Yell some more when i have fixed the other themes and maybe you just can take a quick check on my site.

Think this take some time, just working on a webbsite to my community where i live, and they shall also take a look at that one and see if that is OK.

I yell when i am finish with the themes

Thanks again

Jogge

Limun [ Sun 07 Jun, 2009 21:40 ]
Post subject: Re: [DOC] RC2 Extreme Header Banners And Variable Widths

Thanks Lopa
i shoud and i will try this

Icy Phoenix

Old Styles Topics - [DOC] RC2 Extreme Header Banners And Variable Widths