Hi!  
First of all: Milky Way is the nicest Style ever!  

But I have some trouble editing some things in it. I want to put my own banner in the header, but I don’t know how. I want to replace both, the orange background and the Milky Way logo, with my own banner. How can I do that?  



Thanks for the help  

Hi sulpra2002,

for the background there are two ways.
First you can overload your own background into milky_waythemeimagestop_header.png

Or you can change this in stylesheet.css


For the header logo, just replace the styles/milky_way/imageset/sitelogo_small.png file with yours.

Oh thanks!  
Just one more thing: what do I have to change so that when someone clics the Banner, it links to the index page?
Thanks  

Hm, I only use IcyPhoenix, so I am not sure about phpbb3

But in overall_header.html you will find this:


This part means that it is linked <a href="{U_INDEX}"> to INDEX
So it should work like you want.
If You want to link to another page you can change it into <a href="http://www.yourwebsite.com">

Hope its help you.

Ok, I did that

Now it's too small. Take a look: http://www.keane-argentina.com.ar/Forum/index.php

How do I make it fit the entire header space?

OPEN overall_header.html
FIND

REPLACE WITH


This should work.

Your header Logo is quite big 288 kb  

Stills small  

I am sorry,

Can you please try this

OPEN milky_wayimagesetimageset.cfg
FIND

REPLACE WITH


OPEN milky_waytemplateoverall_header.html
FIND

REPLACE WITH


Maybe you should also change sitelogo_small.png to sitelogo_small.jpg because than your logo would be smaller.

But there should be a better way if you would take you logo into the background in stylesheet.css
background: url('./images/yourlogo.jpg') no-repeat;
height: 200px;

Maybe I should install phpbb3 to test it  

TheSteffen wrote: [View Post]

I am sorry,

Can you please try this

OPEN milky_wayimagesetimageset.cfg
FIND

Code: [Download] [Hide] [Select]

Code: [Download] [Show]

<td height="150" align="left" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>

REPLACE WITH

Code: [Download] [Hide] [Select]

Code: [Download] [Show]

<td align="left" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>

OPEN milky_waytemplateoverall_header.html
FIND

Code: [Download] [Hide] [Select]

Code: [Download] [Show]

img_site_logo = sitelogo_small.png*100*300

REPLACE WITH

Code: [Download] [Hide] [Select]

Code: [Download] [Show]

img_site_logo = sitelogo_small.png*200*750

Maybe you should also change sitelogo_small.png to sitelogo_small.jpg because than your logo would be smaller.

This didn't work

TheSteffen wrote: [View Post]

But there should be a better way if you would take you logo into the background in stylesheet.css
background: url('./images/yourlogo.jpg') no-repeat;
height: 200px;

Maybe I should install phpbb3 to test it  

This made top_header.png my banner, but sitelogo_small.png still there. I should erase it then. But I want top_header.png to link to my index page

Give me a second, I will install phpbb3 and test and write the solution

You got PN.

I will write the solution tomorrow

Ok, thanks  

OK, now I found it  

First of all, use the attachment. Is you sitelogo in 200x950 and a transparent gif in 200x400

To change the background image:

OPEN theme/stylesheet.css
FIND

REPLACE WITH


And for the Link I have done a transparent gif

OPEN imageset/imageset.cfg
FIND

REPLACE WITH


Now the last one:
OPEN template/overall_header.html
FIND

REPLACE WITH


And now the thing why my first solution doesn't work

You have to refresh your template after that
( ACP -> styles -> template -> refresh ) and ( ACP -> styles -> imageset -> refresh )

TheSteffen wrote: [View Post]

Hi sulpra2002,

for the background there are two ways.
First you can overload your own background into milky_waythemeimagestop_header.png

Or you can change this in stylesheet.css

Code: [Download] [Hide] [Select]

Code: [Download] [Show]

#top_logo{
    border-width: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url('./images/top_header.png') repeat;
    height: 150px;
}

For the header logo, just replace the styles/milky_way/imageset/sitelogo_small.png file with yours.

I did this before to replace the top_header.png with white color. The code is:



Now, I want to change it back to the top_header.png. The code's changed to:



Then I refreshed the template, cleared cache but it is still white (it can not be changed back to top_header.png)

Please help me !

It worked, but there are some troubles  

First of all, I should tell you that I changed the Template width to 750px (I've edited _mg_config.html). I have some trouble with that too (you can read it here: http://www.icyphoenix.com/viewtopic...&p=30739#p30739 ). But that's an other problem. I tell you this, because this made me change the width of the Banner I've made.

However, I did what you told me to. The only thing I've changed was the new "width of 750px". I made my Banner in 200x750 and a Transparent Gif in 200x750

TheSteffen wrote: [View Post]

To change the background image:

OPEN theme/stylesheet.css
FIND

Code: [Download] [Hide] [Select]

Code: [Download] [Show]

#top_logo{
    border-width: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url('./images/top_header.png') repeat;
    height: 150px;
}

REPLACE WITH

Code: [Download] [Hide] [Select]

Code: [Download] [Show]

#top_logo{
    border-width: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url('./images/top_header.jpg') no-repeat;
    height: 200px;
}

I did this. But when I refresh the Template to see the changes, I noticed that there was a blank space after the Banner. Just like if the Banner wasn't width enough. But that couldn’t be, because the Banner is 750px width, and the Template is 750px width.  

TheSteffen wrote: [View Post]

And for the Link I have done a transparent gif

OPEN imageset/imageset.cfg
FIND

Code: [Download] [Hide] [Select]

Code: [Download] [Show]

img_site_logo = sitelogo_small.png*100*300

REPLACE WITH

Code: [Download] [Hide] [Select]

Code: [Download] [Show]

img_site_logo = sitelogo_small.gif*200*400

I did this too. Only that the sitelogo_small.gif is 200x750. This worked fine: the Banner links to the index page. However, the blank space continued there.

TheSteffen wrote: [View Post]

Now the last one:
OPEN template/overall_header.html
FIND

Code: [Download] [Hide] [Select]

Code: [Download] [Show]

<div id="top_logo">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td height="150" align="left" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
<td align="center" valign="middle"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
<td align="right" valign="top">&nbsp;</td>
</tr>
</table>
</div>

REPLACE WITH

Code: [Download] [Hide] [Select]

Code: [Download] [Show]

<div id="top_logo">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td height="200" align="left" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
<td align="center" valign="middle"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
<td align="right" valign="top">&nbsp;</td>
</tr>
</table>
</div>

I did this too. It worked fine.

However it look wired  
In Internet Explorer it looks like this: http://img365.imageshack.us/img365/4817/iehl2.jpg
The width of the Template is fine, but there is a blank space in the right side and in the bottom of the Banner.

In Firefox it looks like this: http://img292.imageshack.us/img292/7318/47095905xc1.jpg
The width of the Template is not fine. The template is not centered: there is more blank space in the left side than in the right side. And there is a blank space in the right side of the Banner, but not in the bottom of it.

It's all kind of wired, isn't it?