Advertise Here

Author Topic: Banner Logo 100% Fitment - How?  (Read 1666 times)

0 Members and 1 Guest are viewing this topic.

Offline Sinister-Rides

  • SMF For Free Newbie
  • *
  • Posts: 18
    • View Profile
    • Sinister-Rides.Com

  • Total Badges: 10
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Banner Logo 100% Fitment - How?
« on: May 26, 2010, 01:04:43 am »
Forum Url: www.sinister-rides.com

Hi guys,


I like the look of my banner all the way across the top, the same width as the actual forum. I can do this easily by inserting an img code in the header box and use a simple 100% demand but it isn't as good as having it in the logo space as it a) fills in that tab/bar and b) looks much cleaner. Is there anyway I can "width = "100%" fit my logo so it fills in all that logo box area?? At the moment it looks like arse lol. I've inserted a screenshot showing the 2 banners side by side. I don't "mind" leaving the banner in the header area if I have to but it just leaves the tab below it reading: "Sinister-Rides" which is a double up, I have the banner showing the website name and just the double up bar (2 bars below the banner) looks pretty poo.


Cheers,
Carl





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: Banner Logo 100% Fitment - How?
« Reply #1 on: May 26, 2010, 01:18:01 am »
The only way, if you want it in the logo area, is to set the forum at an exact width then size your banner to be a few pixels narrower then that width.

To set the forum at an exact width you will edit the css.
Admin > Manage Styles
Click Modify Style
Choose your stylesheet in the dropdown box
Go to the bottom where the css is.

Find:

Code: [Select]

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



Replace with:

Code: [Select]

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


Change 900px to the width you want the forum to be

Refresh your browser after saving to see the changes


Or you can do as I said in your other thread and leave the banner in your header and put a small transparent image in the logo area.
« Last Edit: May 26, 2010, 01:21:23 am by simply sibyl »

Offline Nutz

  • Style Designer
  • *
  • Posts: 442
  • Location: Maui
    • View Profile

  • Total Badges: 23
    Badges: (View All)
    Apple User Mobile User Poll Starter Poll Voter Level 4
Re: Banner Logo 100% Fitment - How?
« Reply #2 on: May 26, 2010, 01:23:15 am »
You know an alternative is to put the banner below the navigation bar by using the top EZPortal html block. That's what I did and also added custom buttons. I too didn't like that blank area, so I just tossed it as far up as possible. Click on my signature to see how I did mine.

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: Banner Logo 100% Fitment - How?
« Reply #3 on: May 26, 2010, 01:27:55 am »
Nutz psssst you need to do something about the font/link colors in your footer hon.. simplemachines copyrite and smf for free info cannot be seen as the font is the same color as the background.

Offline Nutz

  • Style Designer
  • *
  • Posts: 442
  • Location: Maui
    • View Profile

  • Total Badges: 23
    Badges: (View All)
    Apple User Mobile User Poll Starter Poll Voter Level 4
Re: Banner Logo 100% Fitment - How?
« Reply #4 on: May 26, 2010, 01:31:46 am »
I never noticed that. My letters at top are showing........  :uglystupid2:

Hmmm?! May be the...? Dunno, I'll fix it post haste.

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: Banner Logo 100% Fitment - How?
« Reply #5 on: May 26, 2010, 01:34:33 am »
if needbe just add this to the css (change the color to your liking)

Code: [Select]
#footerarea a:link, #footerarea a:visited
{
color: #000;
}

#footerarea
{
color:#000;
}

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: Banner Logo 100% Fitment - How?
« Reply #6 on: May 26, 2010, 01:36:35 am »
You know an alternative is to put the banner below the navigation bar by using the top EZPortal html block. That's what I did and also added custom buttons. I too didn't like that blank area, so I just tossed it as far up as possible. Click on my signature to see how I did mine.

btw..  thats a good idea!

Offline Nutz

  • Style Designer
  • *
  • Posts: 442
  • Location: Maui
    • View Profile

  • Total Badges: 23
    Badges: (View All)
    Apple User Mobile User Poll Starter Poll Voter Level 4
Re: Banner Logo 100% Fitment - How?
« Reply #7 on: May 26, 2010, 01:40:37 am »
Fixed and sorry 'bout that.

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: Banner Logo 100% Fitment - How?
« Reply #8 on: May 26, 2010, 01:42:33 am »
Fixed and sorry 'bout that.

No problemo... figured you hadn't noticed it..

Offline Sinister-Rides

  • SMF For Free Newbie
  • *
  • Posts: 18
    • View Profile
    • Sinister-Rides.Com

  • Total Badges: 10
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: Banner Logo 100% Fitment - How?
« Reply #9 on: May 26, 2010, 01:43:24 am »
Thanks guys, I tried it but didn't like the look (personal preference) so I will keep it up top and insert a small black image to cover the Sinister-Rides title underneath it. Thanks!!

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: Banner Logo 100% Fitment - How?
« Reply #10 on: May 26, 2010, 01:44:14 am »
Thanks guys, I tried it but didn't like the look (personal preference) so I will keep it up top and insert a small black image to cover the Sinister-Rides title underneath it. Thanks!!

Your welcome!

Offline clairebear

  • SMF For Free Master
  • *
  • Posts: 1019
    • View Profile

  • Total Badges: 23
    Badges: (View All)
    Fifth year Anniversary Search Level 5 1000 Posts Poll Voter
Re: Banner Logo 100% Fitment - How?
« Reply #11 on: May 27, 2010, 02:47:29 pm »
I really like the idea of using the portel for the banner
was about to do it
but when i remove the banner it say Teardrop :(
i dont want it to as ive changed our name
any way of taking this off>
www.teardrop.mysmf.com

A support forum for support in loss from early miscarriage to five years.

Offline clairebear

  • SMF For Free Master
  • *
  • Posts: 1019
    • View Profile

  • Total Badges: 23
    Badges: (View All)
    Fifth year Anniversary Search Level 5 1000 Posts Poll Voter
Re: Banner Logo 100% Fitment - How?
« Reply #12 on: May 27, 2010, 03:10:41 pm »
figured it out x
www.teardrop.mysmf.com

A support forum for support in loss from early miscarriage to five years.

 

Related Topics

  Subject / Started by Replies Last post
3 Replies
1260 Views
Last post May 06, 2006, 02:52:02 pm
by SMF For Free
3 Replies
1131 Views
Last post August 14, 2006, 05:38:10 pm
by SMF For Free
38 Replies
5654 Views
Last post September 25, 2006, 11:53:38 am
by simply sibyl
1 Replies
1013 Views
Last post November 14, 2007, 01:46:26 pm
by RS location
2 Replies
3466 Views
Last post January 13, 2011, 04:52:37 am
by Tonyking