Advertise Here

Author Topic: Forum Banner auto resize?  (Read 6146 times)

0 Members and 1 Guest are viewing this topic.

Offline Sergio

  • SMF For Free Newbie
  • *
  • Posts: 9
    • View Profile

  • Total Badges: 5
    Badges: (View All)
    Topic Starter Level 1 First Post Second year Anniversary One year Anniversary
Forum Banner auto resize?
« on: July 10, 2009, 11:23:15 pm »
Forum Url: http://Universalscape.smfforfree.com
Hey i wanted to know if it's possible to have our forums banner auto re sized to fit different screen types.
Because the banner we currently have know is too large to view on a 15 - 17" monitor and it does get frustrating sometimes, if anyone can help me out here i would be grateful.

If so the url is http://www.universalscape.org/index.php

and the banner url is http://i44.tinypic.com/2w5ls9k.jpg

If anybody could help me i would be extremely grateful.

i was already given a redirect link courtesy of simply sibyl who gave me the link below, i would like to have this but with the banner auto re sized width ways.

Quote

<div style="text-align: center;"><a href="http://www.universalscape.org/index.php"><img
src="http://i44.tinypic.com/2w5ls9k.jpg" alt="UniversalScape" style="border: none;" /></a></div>

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: Forum Banner auto resize?
« Reply #1 on: July 11, 2009, 12:29:50 am »
Your best bet would be to decide on a size you want it to always be then set the width of the forum to the same width as the banner via the css.   

Look for this in the css:

Code: [Select]
/* The main body of the entire forum. */
body
{
   background-color: #E5E5E8;
   margin: 0px;
   padding: 12px 30px 4px 30px;
}


Change it to:

Code: [Select]
/* The main body of the entire forum. */
body
{
   background-color: #E5E5E8;
   margin: auto;
   padding-top: 12px;
   padding-bottom:  4px;
   width:  900px;
}

Change 900 to the exact width of your banner.
« Last Edit: July 11, 2009, 12:31:34 am by simply sibyl »

Offline ambot

  • SMF For Free Newbie
  • *
  • Posts: 2
    • View Profile

  • Total Badges: 4
    Badges: (View All)
    Topic Starter Level 1 First Post One year Anniversary
Re: Forum Banner auto resize?
« Reply #2 on: November 30, 2010, 03:43:17 pm »
I tried to follow the code above the result is below. Notice that the logo is over lapping inside the box. I followed your code above and modify the style.css file. The width of the logo is 980 x 210. I want the logo to auto resize and it should be centered. Can you help with this?
 
screen resolution of my computer is 1280 x 1024 19" LCD screen. Please help with the right code so I can modify the style.css file
You can send me the reply to ambot.lang[a]hotmail.com


« Last Edit: November 30, 2010, 03:44:56 pm by ambot »

 

Related Topics

  Subject / Started by Replies Last post
5 Replies
2959 Views
Last post April 13, 2008, 10:48:34 am
by simply sibyl
5 Replies
1651 Views
Last post June 09, 2008, 06:08:13 pm
by LaundryLady
3 Replies
943 Views
Last post August 30, 2008, 08:37:24 am
by guest2694
0 Replies
769 Views
Last post September 17, 2008, 08:10:45 pm
by God11
3 Replies
1321 Views
Last post October 09, 2009, 09:02:38 am
by zeph