Main Logo Offcentered?

by Wtfbbqd on November 4th 2009, 9:07 am

Hullo all: first, let me say that this setup is excellent. It took me under 30 minutes to set up a functional and pretty simple forum for my Aion Legion. I've run into some trouble with the main logo is all: I cant seem to find how to make it look centered with the forum page.

as you can see here, when viewed at 1920 x 1080 the image is slightly off-centered from the forum: It hangs over the edge a bit. Where would I fix this?

Also, is there any way I can set the logo to resize automatically so that someone looking at it in a different resolution/smaller window would still see it displayed correctly? Hopefully this hasn't been answered over 9000 times already.... I looked! I swear! Razz

Thanks!

by HavocPkz on November 4th 2009, 2:30 pm

If you want, I'll resize it for you and to make your logo be offset to the left, center, or right go to:
Admin Panel > Display > Homepage > Headers & Navigation
and change the logo positioning.

by Wtfbbqd on November 4th 2009, 5:33 pm

oh, kk: I think I'm jsut going to make it smaller. I've already had some complaints from members running on a smaller resolution :p

by **kirk** on November 4th 2009, 6:06 pm

Wtfbbqd wrote:oh, kk: I think I'm jsut going to make it smaller. I've already had some complaints from members running on a smaller resolution :p

yes you are most defently going to have to make it a lil smaller.
then after that just do what HakzvocP. place it in the center and you should be good to go.

HakzvocP wrote:
Admin Panel > Display > Homepage > Headers & Navigation
and change the logo positioning.

by **RoNo** on November 4th 2009, 6:28 pm

You can have it auto size/stretch to fit using this method...

Take a look at the *Demo (resize your browser to test)

Create an Html page with this

Code:: <html> <head> <title>WTF Banner</title> <meta name="WTF Banner" /> <meta name="description" content="WTF stretched background image." /> <style type="text/css"> html, body { height: 100%; margin: 0; padding: 0; color: #fff;} a { color: #000; } #bg {position:fixed; top:0; left:0; width:100%; height:100%;} #content {position:relative; z-index:1;} </style>  </head> <body> <a href="http://legionwtf.forumotion.net/index.htm"><img src="http://i89.servimg.com/u/f89/14/49/91/03/wtf_2310.gif" alt="WTF Banner" id="bg" /> </body> </html>

Place an Iframe in your site description with this

Code:: <iframe src=YOUR NEW BANNER PAGE URL HERE.htm frameborder=0 height=100% width=100% scrolling=no></iframe>

Try different iframe sizes. You may like height=120px and width=80%.

A transparent version of your banner/logo is another option *Demo 2

Here is the *Image to try in "Pics management > Forum main logo".