Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Aiheen aloitti: sushant - joulukuu 29, 2011, 10:43:59 AP

Otsikko: Facing Some Difficulty with Themes Resolutions
Kirjoitti: sushant - joulukuu 29, 2011, 10:43:59 AP
Hello guys actually i am trying to set logo for my site and after Updating Logo by using current Themes settings(Logo image URL:) of SMF, on my desktop with the resolution 1024 X 768 i am getting the following Logo which is Appropriate..

On Desktop

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi44.tinypic.com%2F2ekqgsg.jpg&hash=9d8a692b276075b1fbfc02bb839b172dd7834c32)


And same logo on my 17 inch LED monitor I am getting Like this

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi41.tinypic.com%2F2v8ol6h.jpg&hash=31a4119592c5b708d2fd9597c900eedf17243058)

So do you guys know how i can set this Resolution.. to appear same resolution of my forum on different resolution of PC (like LCD or Desktop PC ) 

Sorry For my Bad English but please help me to solve this issue thank you.. 



 
Otsikko: Re: Facing Some Difficulty with Themes Resolutions
Kirjoitti: Sir Osis of Liver - joulukuu 29, 2011, 01:26:32 IP
Set the logo width: 100% in /css/index.css.  Image resolution needs to be good enough so it doesn't degrade at higher screen res.

Otsikko: Re: Facing Some Difficulty with Themes Resolutions
Kirjoitti: sushant - joulukuu 30, 2011, 04:59:28 AP
Hello Krash thank you for your reply
I tried with it but no success... still on LCD its showing same blank space :( 
Otsikko: Re: Facing Some Difficulty with Themes Resolutions
Kirjoitti: Sir Osis of Liver - joulukuu 30, 2011, 10:05:59 IP

Attach your index.template.php and I'll have a look.

Otsikko: Re: Facing Some Difficulty with Themes Resolutions
Kirjoitti: IchBin™ - joulukuu 30, 2011, 11:43:06 IP
It would probably be better if you put an image on each side of your logo that would repeat to fill the gaps depending on the resolution.

Or make your image very wide and do overflow: hidden; This cuts the edges off if the screen is smaller than the logo. You'll want to center your image in the container that it is in.

Having the image shrink or expand usually results in degradation viewing the image.