Icy Phoenix

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

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? :roll:



Thanks for the help :wink:

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! :D
Just one more thing: what do I have to change so that when someone clics the Banner, it links to the index page?
Thanks :mryellow:

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 :D

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 :shock:

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 :mricy:

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 :mricy:

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 :D

OK, now I found it :mricy:

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 :oops:

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. :shock:

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 :oops:
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?