https://www.icyphoenix.com/viewtopic.php?f=32&t=4543 ----------------------------------- sulpra2002 Fri 15 Aug, 2008 00:45 My Banner In Milky Way ----------------------------------- 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: [img]http://www.icyphoenix.com/files/images/5240/dibujo.jpg[/img] Thanks for the help :wink: ----------------------------------- TheSteffen Sat 16 Aug, 2008 01:01 Re: My Banner In Milky Way ----------------------------------- Hi [b]sulpra2002[/b], 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 linenumbers=false]#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; }[/code] For the header logo, just replace the styles/milky_way/imageset/sitelogo_small.png file with yours. ----------------------------------- sulpra2002 Sat 16 Aug, 2008 01:21 Re: My Banner In Milky Way ----------------------------------- 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: ----------------------------------- TheSteffen Sat 16 Aug, 2008 09:39 Re: My Banner In Milky Way ----------------------------------- Hm, I only use IcyPhoenix, so I am not sure about phpbb3 But in overall_header.html you will find this: [code linenumbers=false] [/code] This part means that it is linked [b][/b] to INDEX So it should work like you want. If You want to link to another page you can change it into [b][/b] Hope its help you. ----------------------------------- sulpra2002 Sat 16 Aug, 2008 16:06 Re: My Banner In Milky Way ----------------------------------- 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? ----------------------------------- TheSteffen Sat 16 Aug, 2008 16:32 Re: My Banner In Milky Way ----------------------------------- OPEN [b]overall_header.html[/b] FIND [codeblock]{SITE_LOGO_IMG}[/codeblock] REPLACE WITH [codeblock]{SITE_LOGO_IMG}[/codeblock] This should work. Your header Logo is quite big 288 kb :shock: ----------------------------------- sulpra2002 Sat 16 Aug, 2008 17:02 Re: My Banner In Milky Way ----------------------------------- Stills small :( ----------------------------------- TheSteffen Sat 16 Aug, 2008 17:31 Re: My Banner In Milky Way ----------------------------------- I am sorry, Can you please try this OPEN [b]milky_wayimagesetimageset.cfg[/b] FIND [codeblock]{SITE_LOGO_IMG}[/codeblock] REPLACE WITH [codeblock]{SITE_LOGO_IMG}[/codeblock] OPEN [b]milky_waytemplateoverall_header.html[/b] FIND [codeblock]img_site_logo = sitelogo_small.png*100*300[/codeblock] REPLACE WITH [codeblock]img_site_logo = sitelogo_small.png*200*750[/codeblock] 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: ----------------------------------- sulpra2002 Sat 16 Aug, 2008 17:50 Re: My Banner In Milky Way ----------------------------------- [quote user="TheSteffen" post="30631"]I am sorry, Can you please try this OPEN [b]milky_wayimagesetimageset.cfg[/b] FIND [codeblock]{SITE_LOGO_IMG}[/codeblock] REPLACE WITH [codeblock]{SITE_LOGO_IMG}[/codeblock] OPEN [b]milky_waytemplateoverall_header.html[/b] FIND [codeblock]img_site_logo = sitelogo_small.png*100*300[/codeblock] REPLACE WITH [codeblock]img_site_logo = sitelogo_small.png*200*750[/codeblock] Maybe you should also change sitelogo_small.png to sitelogo_small.jpg because than your logo would be smaller.[/quote] This didn't work [quote user="TheSteffen" post="30631"]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:[/quote] 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 ----------------------------------- TheSteffen Sat 16 Aug, 2008 18:06 Re: My Banner In Milky Way ----------------------------------- Give me a second, I will install phpbb3 and test and write the solution ----------------------------------- TheSteffen Sat 16 Aug, 2008 18:54 Re: My Banner In Milky Way ----------------------------------- You got PN. I will write the solution tomorrow ----------------------------------- sulpra2002 Sat 16 Aug, 2008 19:57 Re: My Banner In Milky Way ----------------------------------- Ok, thanks :D ----------------------------------- TheSteffen Sun 17 Aug, 2008 12:09 Re: My Banner In Milky Way ----------------------------------- 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 [b]theme/stylesheet.css[/b] FIND [codeblock]#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; }[/codeblock] REPLACE WITH [codeblock]#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; }[/codeblock] And for the Link I have done a transparent gif OPEN [b]imageset/imageset.cfg[/b] FIND [codeblock]img_site_logo = sitelogo_small.png*100*300[/codeblock] REPLACE WITH [codeblock]img_site_logo = sitelogo_small.gif*200*400[/codeblock] Now the last one: OPEN [b]template/overall_header.html[/b] FIND [codeblock][/codeblock] REPLACE WITH [codeblock][/codeblock] And now the thing why my first solution doesn't work [b] You have to refresh your template after that ( acp -> styles -> template -> refresh ) and ( acp -> styles -> imageset -> refresh )[/b] ----------------------------------- alphatran Mon 18 Aug, 2008 11:27 Re: My Banner In Milky Way ----------------------------------- [quote user="TheSteffen" post="30608"]Hi [b]sulpra2002[/b], 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 linenumbers=false]#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; }[/code] For the header logo, just replace the styles/milky_way/imageset/sitelogo_small.png file with yours.[/quote] I did this before to replace the top_header.png with white color. The code is: [code] #top_logo{ border-width: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #FFFFFF; height: 150px; [/code] Now, I want to change it back to the top_header.png. The code's changed to: [code] #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; [/code] 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 ! ----------------------------------- sulpra2002 Mon 18 Aug, 2008 16:58 Re: My Banner In Milky Way ----------------------------------- 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 [b]_mg_config.html[/b]). I have some trouble with that too (you can read it here: http://www.icyphoenix.com/viewtopic.php?f=32&t=2608&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 [b]200x750[/b] and a Transparent Gif in [b]200x750[/b] [quote user="TheSteffen" post="30670"]To change the background image: OPEN [b]theme/stylesheet.css[/b] FIND [codeblock]#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; }[/codeblock] REPLACE WITH [codeblock]#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; }[/codeblock][/quote] 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: [quote user="TheSteffen" post="30670"]And for the Link I have done a transparent gif OPEN [b]imageset/imageset.cfg[/b] FIND [codeblock]img_site_logo = sitelogo_small.png*100*300[/codeblock] REPLACE WITH [codeblock]img_site_logo = sitelogo_small.gif*200*400[/codeblock][/quote] I did this too. Only that the [b]sitelogo_small.gif[/b] is 200x750. This worked fine: the Banner links to the index page. However, the blank space continued there. [quote user="TheSteffen" post="30670"]Now the last one: OPEN [b]template/overall_header.html[/b] FIND [codeblock][/codeblock] REPLACE WITH [codeblock][/codeblock][/quote] 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? ----------------------------------- TheSteffen Wed 20 Aug, 2008 18:01 Re: My Banner In Milky Way ----------------------------------- OK, no problem, I haven't seen that you want to use a 750px width. I like a linkable logo only on the left site, therefore I use 200x400 PX for sitelogo_small.gif But anyway. OPEN [b]template/_mg_config.html[/b] FIND [codeblock][/codeblock] REPLACE WITH [codeblock][/codeblock] OPEN [b]template/overall_header.html[/b] FIND [codeblock][/codeblock] REPLACE WITH [codeblock][/codeblock] OPEN [b]stylesheet.css[/b] FIND [codeblock]#top_logo{ border-width: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 200px; background-image: url(./images/top_header.jpg); background-repeat: no-repeat; }[/codeblock] REPLACE WITH [codeblock]#top_logo{ border-width: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 200px; background-image: url(./images/top_header.jpg); background-repeat: no-repeat; background-position: center; }[/codeblock] OPEN [b]imageset/imageset.cfg[/b] FIND [codeblock]img_site_logo = sitelogo_small.png*100*300[/codeblock] REPLACE WITH [codeblock]img_site_logo = sitelogo_small.gif*200*750[/codeblock] You have to refresh your template after that ( ACP -> styles -> template -> refresh ) and ( ACP -> styles -> imageset -> refresh ) You Logo as jpg and the transparent gif For me is it working fine in IE7 and FF ----------------------------------- sulpra2002 Thu 21 Aug, 2008 19:33 Re: My Banner In Milky Way ----------------------------------- It's better, but there still some problems. In Internet Explorer it worked: there is only a very very small white border arround the Banner. But it's not a big deal. But in Firefox, as you can see ( http://www.keane-argentina.com.ar/Forum/index.php ), there still some blank spaces in both sides of the Banner, and something peculiar happens: the Tamplated doesen't look centered (this only happens in Firefox). PS: I had to set the width of the Template in 800px, because 750px was too small. ----------------------------------- sulpra2002 Sat 23 Aug, 2008 17:52 Re: My Banner In Milky Way ----------------------------------- It's working now :mryellow: Thanks :mryellow: :mryellow: :mryellow: