Advertise Here

Author Topic: Layout question  (Read 2292 times)

0 Members and 1 Guest are viewing this topic.

Offline chiquitita

  • SMF For Free Sr. Member
  • *
  • Posts: 401
    • View Profile
    • ABBA Forum

  • Total Badges: 18
    Badges: (View All)
    Topic Starter Combination Level 4 Level 3 Level 2
Layout question
« on: September 27, 2007, 05:10:30 pm »
I was wondering if we can make the forum smaller, like the layout of the board? I want to make a layout for my forum but I want to have the 4 faces of abba down the left hand side of the page without blocking their faces out.

Anyone have any ideas?

Thanks
 x


Offline Kimmie

  • SMF For Free Master
  • *
  • Posts: 2010
    • View Profile
    • Kimmie's Caverns

  • Total Badges: 19
    Badges: (View All)
    Topic Starter Combination Level 4 Level 3 Level 2
Re: Layout question
« Reply #1 on: September 27, 2007, 05:35:48 pm »
Edit your css code and look for the following section:

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

}

The "padding" means margins and they are as follows:

1st entry (12px) = Top Margin
2nd entry (30px) = Right Margin
3rd entry = (4px) Bottom Margin
4th entry = (30px) Left Margin

Offline chiquitita

  • SMF For Free Sr. Member
  • *
  • Posts: 401
    • View Profile
    • ABBA Forum

  • Total Badges: 18
    Badges: (View All)
    Topic Starter Combination Level 4 Level 3 Level 2
Re: Layout question
« Reply #2 on: September 30, 2007, 04:41:47 pm »
Thank Kimmie! Another question, I want to change the colour of the Tab First Image, Tab last Image etc I want it too look like it does here, just a different colour with out havin to make a design for it. Any ideas?

Offline chiquitita

  • SMF For Free Sr. Member
  • *
  • Posts: 401
    • View Profile
    • ABBA Forum

  • Total Badges: 18
    Badges: (View All)
    Topic Starter Combination Level 4 Level 3 Level 2
Re: Layout question
« Reply #3 on: September 30, 2007, 05:25:59 pm »
Edit your css code and look for the following section:

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

}

The "padding" means margins and they are as follows:

1st entry (12px) = Top Margin
2nd entry (30px) = Right Margin
3rd entry = (4px) Bottom Margin
4th entry = (30px) Left Margin

I have tried to change this, but it dosent change, any ideas? Also what is the smf link for "Category Background Image" for the light brown theme? I messed it up and it keeps going back to the default! lol Its just not my night! lol
« Last Edit: September 30, 2007, 05:36:54 pm by chiquitita »

Offline Sarah

  • SMF For Free Member
  • *
  • Posts: 63
  • www.creativ.com.net.sc
    • View Profile
    • Creativ Studio

  • Total Badges: 14
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: Layout question
« Reply #4 on: September 30, 2007, 06:49:14 pm »
Edit your css code and look for the following section:

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

}

The "padding" means margins and they are as follows:

1st entry (12px) = Top Margin
2nd entry (30px) = Right Margin
3rd entry = (4px) Bottom Margin
4th entry = (30px) Left Margin

I have tried to change this, but it dosent change, any ideas? Also what is the smf link for "Category Background Image" for the light brown theme? I messed it up and it keeps going back to the default! lol Its just not my night! lol

take out the things under padding and put in headers or footers with selected px
Visit my site ... www.creativ.com.net.sc

Offline chiquitita

  • SMF For Free Sr. Member
  • *
  • Posts: 401
    • View Profile
    • ABBA Forum

  • Total Badges: 18
    Badges: (View All)
    Topic Starter Combination Level 4 Level 3 Level 2
Re: Layout question
« Reply #5 on: October 01, 2007, 01:15:08 pm »
I dont know how to do that! lol HELP!

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: Layout question
« Reply #6 on: October 10, 2007, 11:34:31 am »
what is the smf link for "Category Background Image" for the light brown theme? I messed it up and it keeps going back to the default! lol Its just not my night! lol


/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
   background-image: url(http://i36.photobucket.com/albums/e41/jo117/smf/title-1.jpg);
   background-color: #E9DCBA;
   color: #463418;
   padding-left: 10px;
   padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
   background-image: url(http://i36.photobucket.com/albums/e41/jo117/smf/title-1.jpg);
   background-color: #E9DCBA;
   color: #463418;
   padding-left: 10px;
   padding-right: 10px;
}

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: Layout question
« Reply #7 on: October 10, 2007, 11:39:22 am »
chiquita if you want to set the forum to a specific width do it this way:

/* The main body of the entire forum. */
body
{
             background-color: #E5E5E8;
             margin: auto;
             width: 600px;
             padding-top: 18px;
             padding-bottom: 2px;
}

change width:  600px;  to the width you want
change padding-top and padding bottom to how you want them
(padding-top: 18px; puts the forum 18 pixels from the top of the screen)





 

Related Topics

  Subject / Started by Replies Last post
0 Replies
1169 Views
Last post August 10, 2007, 04:10:30 pm
by bardok
1 Replies
1207 Views
Last post January 12, 2009, 11:08:02 pm
by simply sibyl
1 Replies
1884 Views
Last post March 14, 2010, 02:47:07 pm
by simply sibyl
7 Replies
1057 Views
Last post July 03, 2010, 09:26:11 pm
by purpletears
1 Replies
768 Views
Last post February 23, 2011, 12:26:14 am
by simply sibyl