: Custom Logo - SOLVED
: bluestone February 11, 2011, 12:19:13 PM

Hello again.

When possible could I please be given instructions on how to insert a custom logo onto my site.

I want to make a logo bigger than the 440x97 standard Game Crusade logo so it's not as simple as uploading a new image file (cuts off anything bigger than the predefined 440x97 standard logo size).

~~Also, while I am getting help with the top section of my site I also need help removing the search box since the vertex option to toggle the search box off doesn't seem to be working for me.~~ [SOLVED - Figured this one out myself]

: Re: Custom Logo
: Dave M February 11, 2011, 01:06:08 PM

Could you tell me size of the new logo you wish to add.

Thanks
Dave

: Re: Custom Logo
: bluestone February 11, 2011, 05:49:29 PM

I haven't designed one yet lol. I had one before I put this theme on but it doesn't 'go' anymore.

Are there any limits to the size before I start designing one?

Thanks.

: Re: Custom Logo
: Dave M February 11, 2011, 06:48:43 PM

not really i would just use commen sense lol :D

: Re: Custom Logo
: bluestone February 14, 2011, 05:45:28 PM

Logo I have made is 852x235 pixels (width x height).

: Re: Custom Logo
: Dave M February 16, 2011, 04:33:59 AM

hi would you like the logo centerd

: Re: Custom Logo
: bluestone February 16, 2011, 02:02:41 PM

Yes please. ;D

: Re: Custom Logo
: Dave M February 16, 2011, 03:53:17 PM

Forgot to ask dou you still want the header background

: Re: Custom Logo
: bluestone February 16, 2011, 10:16:57 PM

No thanks, I would like to remove that from behind the logo as well thank you.

: Re: Custom Logo
: Dave M February 17, 2011, 09:30:53 AM

OK go to this file and make these changes
[code]styles/S5_GameCrusade/theme/s5/template_css.css

Find

#s5_logo {
background:url(images/s5_logo.png) no-repeat top left;
height:97px;
width:440px;
float:left;
cursor:pointer;
}

Replace with

#s5_logo {
    background: url("http://img59.imageshack.us/img59/9206/oufsig.jpg") no-repeat scroll center top transparent;
    cursor: pointer;
    float: none;
    height: 97px;
    margin: 0 auto;
    width: 698px;
}

Find

#s5_top_wrap {
float:right;
height:97px;
}

Replace with

#s5_top_wrap {
    float: right;
    height: 97px;
	display: none;
}

Find

#s5_header_wrap1 {
background:url(images/s5_header_l.png) no-repeat top left;
height:97px;
padding-left:12px;
margin-bottom:19px;
}

Replace with

#s5_header_wrap1 {
height:97px;
padding-left:12px;
margin-bottom:19px;
}

Find
[code#s5_header_wrap2 {
background:url(images/s5_header_r.png) no-repeat top right;
height:97px;
padding-right:12px;
}][/code]

Replace with

#s5_header_wrap2 {
height:97px;
padding-right:12px;
}

Find

#s5_header_wrap3 {
background:url(images/s5_header_m.png) repeat-x top left;
height:97px;
}

Replace with

#s5_header_wrap3 {
height:97px;
}

: Re: Custom Logo
: bluestone February 17, 2011, 02:56:14 PM

Thanks Dave.

You used in the wrong width and filename (seems you thought my signature was the image) but I fixed that, and I realised that a height line was missing so I added that in (it was cutting off the bottom of the image).

So now that's all working great thank you, click my signature or my profile web link to have a look!

: Re: Custom Logo
: Dave M February 17, 2011, 03:28:49 PM

Ohh thats nice well done

Shape 5

phpBB Club Styles (backup) => Game Crusade - Club => : bluestone February 11, 2011, 12:19:13 PM