Full Site Banner

[itisme1760]

Hey guys, I have a site called www.geekmeisters.com
I have a banner for it and it is at the top. The logo that the skin I chose is only a very small pic (107x29 or something like that). I want it to go through the whole bar. Heres an example of what I would like

[Luky]

You have not tried just simply uploading it? Normally it works for me. Aslong as the height is the same!

[itisme1760]

No, when you upload it with a bigger length, the image on the right gets squeezed. So everything looks bad. They only allow you to have this size. Wondering if there was a code that could overlap that top banner.

[Luky]

The resize the image to the right so it fits in? =/

[itisme1760]

It's not an image. I have no idea what that is. It's like a pattern or something.

[Luky]

Its a tile, thats how i find it very hard to belive it can look mooshed. Or do you mean the banner you uploading looks squashed?

[Berethorn]

Okay, I think to do what you want you'll have to edit the CSS for this skin. The logo isn't actually an HTML IMG, but rather the background image of a DIV. That's why you can't just resize it with HTML. If you don't know what I mean, don't worry.


Find: (I could be wrong but I think you'll find this in the headinclude template, as opposed to the header template)

#logo {
background: url(iSkin_Black/misc/hdr_logo.gif);
width: 175px;
height: 90px; 
align: left;
	margin: 0;
	padding: 0; 
}

This code controls the logo. To resize the logo, all you have to do is change 175 and 90 to whatever width and height your logo is. Don't forget the "px" after the number. Note that your actual image has to be the same size as you specify here, else it will either repeat itself, or get cut off.

Hopefully this helps!

[itisme1760]

Thank you for that help! You were great! I now am able to have a huge logo! Thanks!

BTW, for other people if they need help, I found this in the Main CSS file in Styles and Templates.

[Berethorn]

Brilliant, glad I could help!