Author Topic: Banner at top of pages, what size is maximum  (Read 711 times)

0 Members and 0 Guests are viewing this topic.

Offline WholesaleChat

  • Full Member
  • ***
  • Posts: 236
  • Karma: 3
  • WholesaleChat.co.uk
    • View Profile
    • www.wholesalechat.co.uk
Banner at top of pages, what size is maximum
« on: July 06, 2011, 07:00:51 pm »
Banner at top of pages, what size is maximum. I'd like it to go from one side of page to the other, and fill the top of the page, rather than just have text, but what size should it be designed/saved as to make it fit, or is there a maximum width allowed ?


Has anyone else got a banner/logo on their page I can take a look at ?

Offline Kaotikkaos

  • Newbie
  • *
  • Posts: 19
  • Karma: 0
    • View Profile
Re: Banner at top of pages, what size is maximum
« Reply #1 on: February 16, 2012, 07:03:11 am »
Bump. Cant find where this has been answered. No matter what size I do (Pixels) the banner does not reach the right side.....Looks terrible.

Offline aIURbliS

  • Hero Member
  • *****
  • Posts: 1215
  • Karma: 45
  • Gender: Male
  • Location: U.S.
    • View Profile
Re: Banner at top of pages, what size is maximum
« Reply #2 on: February 16, 2012, 10:44:41 pm »
The best thing to do is to design your banner as big as possible. Next, put this code in your headers:
Code: [Select]
<img src="IMAGE URL" width="X%" height="X%">
Modify the X with numbers #1-100 until your picture fits nicely
All codes I make are tested on the latest version of Google Chrome and upon request of other browsers.

Offline Seldom Fail

  • Global Moderator
  • *****
  • Posts: 207
  • Karma: 29
  • Gender: Male
    • View Profile
Re: Banner at top of pages, what size is maximum
« Reply #3 on: February 19, 2012, 08:34:13 pm »
Bump. Cant find where this has been answered. No matter what size I do (Pixels) the banner does not reach the right side.....Looks terrible.

Everyone's screen resolutions are different. So what may stretch across the whole screen for YOU may not for someone with a smaller or bigger monitor. And it's set so that whatever image you put in, there will be a 10 pixel difference between the image and the side. What you can do is go into the CSS of your forum and set a forum width, which will make your forum the same width for EVERY monitor. And then make a banner that is a few pixels smaller than that value.

I'm trying to figure out how to do that with the CSS for the forums... I've never been great with CSS. lol. If I find more information on HOW to do this, I will share but that is what I suggest for you to to. I wouldn't make a banner "as big as possible" as that might be obnoxious on smaller screen resolutions.
<--- Donate to CreateAForum! :D

Jeremiah 33:3

Offline aIURbliS

  • Hero Member
  • *****
  • Posts: 1215
  • Karma: 45
  • Gender: Male
  • Location: U.S.
    • View Profile
Re: Banner at top of pages, what size is maximum
« Reply #4 on: February 19, 2012, 09:40:52 pm »
@Seldom
There's an option to set the forum width here without having to do any CSS work:
http://FORUM.createaforum.com/index.php?action=admin;area=theme;sa=list;
Also, wouldn't using percentages to resize the image adjust the image size that would fit everyone's screens?
« Last Edit: February 19, 2012, 09:42:44 pm by xboi209 »
All codes I make are tested on the latest version of Google Chrome and upon request of other browsers.

Offline Seldom Fail

  • Global Moderator
  • *****
  • Posts: 207
  • Karma: 29
  • Gender: Male
    • View Profile
Re: Banner at top of pages, what size is maximum
« Reply #5 on: February 19, 2012, 10:45:35 pm »
They would have to go into the CSS anyway to figure out how to remove the 10 pixels that are there on the right (the reason their image won't go all the way across) so doing percentages would only make it fit to that percentage of their screen... plus 10 pixels.
<--- Donate to CreateAForum! :D

Jeremiah 33:3

 

Related Topics

  Subject / Started by Replies Last post
2 Replies
1269 Views
Last post June 27, 2010, 04:16:13 pm
by Andrew
1 Replies
1184 Views
Last post November 30, 2013, 10:02:42 pm
by CreateAForum
6 Replies
295 Views
Last post September 28, 2015, 09:09:05 pm
by CreateAForum
4 Replies
142 Views
Last post February 10, 2017, 04:50:37 am
by albean88
2 Replies
129 Views
Last post May 24, 2018, 02:51:26 am
by kikafleur