Icy Phoenix

     
 


Post new topic  Reply to topic 
Page 1 of 1
 
 
Reply with quote Download Post 
Post [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: [Download] [Hide] [Select]
#top_logo { Blah Blah
}

#logo-img { Blah Blah
}


Find:

/* main selectors */

BEFORE ADD:

Code: [Download] [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-Variable-Width.zip
Description:  
Download
Filename: Jogge-Variable-Width.zip
Filesize: 53.71 KB
Downloaded: 106 Time(s)

 
 
 
Back to topPage bottom
Icy Phoenix is an open source project, you can show your appreciation and support future development by donating to the project.

Support us
 
Reply with quote Download Post 
Post 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
 



 
JoggeSend private message  
Back to topPage bottom
Reply with quote Download Post 
Post 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.
 
 
 
Back to topPage bottom
Reply with quote Download Post 
Post 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
 



 
JoggeSend private message  
Back to topPage bottom
Reply with quote Download Post 
Post Re: [DOC] RC2 Extreme Header Banners And Variable Widths 
 
Thanks Lopa
i shoud and i will try this  
 




____________
We are the phpBBorg. Lower your Crackers. Your phpological and forumological distinctivness will be added to our own. Resistance if futile!
 
LimunSend private messageVisit poster's website  
Back to topPage bottom
Post new topic  Reply to topic  Page 1 of 1
 


Display posts from previous:    

HideWas this topic useful?

Link this topic
URL
BBCode
HTML




 
Permissions List
You cannot post new topics
You cannot reply to topics
You cannot edit your posts
You cannot delete your posts
You cannot vote in polls
You cannot attach files
You can download files
You cannot post calendar events


  

 

  cron