Runboard.com
You're welcome.
Runboard Extra! The Runboard Directory Runboard Knowledge Base
Chat room Runboard Knowledge Base (wiki) Search Facebook Twitter

runboard.com       You are not logged in.

Page:  1  2  3 

 
Honeywing Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user
Global user

Registered: 09-2005
Posts: 11
Karma: 0 (+0/-0)
Reply | Quote
Help with layout


Hello I'm new to runboard and am trying to set up my site. I was wondering if you could tell me if there is a way to make layout wider as my posts keep distorting the layout. I write tutorials and would love to use run board more. I'm using the pink pillows layout and have no idea where to do this.

I looked in the layout customisation but I'm a little scared to change anything without knowing what I'm doing. I would like the background lines to go closer to the edges of the [sign in to see URL] make the Banner section wider

this is my board: [sign in to see URL]

and this is my code:
/* PINK NON-STANDARD CSS CLASSES */

/* WELCOME BOX & BACK TO TOP LINK */
.welcomebox {border:1px solid #ff9cd3;width:865px;font-family:verdana;font-size:10px;color:#767676;background-color:#ffdbef}
.welcomeboxtitle {font-family:verdana;font-size:10px;font-weight:bold;color:#767676;}
.backtotop {font-family:verdana;font-size:10px;color:#767676;padding-top:20px;text-align:center}

/* STANDARD RUNBOARD CSS CLASSES BELOW! */

/* REMOVES THE PAGES MARGINS FROM LEFT AND RIGHT OF PAGE */
body {margin-left:0px;margin-right:0px;background-color:#F1B4E4;background-image:url([sign in to see URL]);background-repeat:repeat-y;background-position:center}

/* THE BACKGROUND COLOR SHOWN WHILST IMAGE IS LOADING */
body {background-color: #ffdbef}

/* SETS THE OUTER TABLES WIDTH TO KEEP NON-TABLE CONTENT WITHIN A MAX WIDTH*/
.ak_msg_master_table {border:none;width:865px;font-family:verdana;font-size:5px;color:#767676}

/* SETS THE WIDTH AND BORDERS OF THE FORUM/TOPIC/POST/MEMBER LIST TABLES */
.forum_list_table, .topic_list_table, .ak_msg_post_master_table, .ak_msg_seememberlist_table, .forumlistboardstatstable, .forumlistwhosonlinetable {width:860px; border:1px solid #ff9cd3;color:#767676;font-family:verdana}

/* SETS THE BEVELED IMAGE USED FOR HEADER OF MOST TABLES */
.ak_msgform_poll_options_head_td, .ak_msg_seememberlist_head_user_td, .ak_msg_seememberlist_head_date_td, .ak_msg_seememberlist_head_im_td, .ak_msg_seememberlist_head_pm_td, .ak_msg_seememberlist_head_email_td, .ak_poll_table_header, .forumlistboardstatsheader, .forumlist_separator_td, .msgform_clickable_smiley_box_h, .ak_subject_posticon_head_td {background-color:#ffdbef;font-family:verdana;font-size:10px;height:25px;background-image:url([sign in to see URL]);background-repeat: repeat-x;padding-top:0px; padding-bottom:0px;color:#767676;border-color:#ff9cd3}

 .forumlist_separator_td {border-top:1px solid #ff9cd3}
.forum_list_table, .topic_list_table {background-color:#FFE5F4;font-family:verdana;font-size:10px;height:25px;background-image:url([sign in to see URL]);background-repeat: repeat-x;padding-top:0px; padding-bottom:0px;color:#767676;border-color:#ff9cd3}

/* WHOS ONLINE TABLE ADDS PADDING */
.forumlistwhosonlinetable {background-color:#ffdbef}
.forumlistwhosonlinetd {padding: 6px 6px 6px 6px;}

/* SETTINGS FONT TYPE, COLOR AND SIZE TO REMAINING ELEMENTS */
[sign in to see URL] , [sign in to see URL], [sign in to see URL] {font-size:11px;font-family:verdana;color:#767676}
.forumlistforumname, .topiclisttopicname {font-size:11px;font-family:verdana}
[sign in to see URL], [sign in to see URL] {font-size:10px;font-family:verdana;font-weight:normal;}
[sign in to see URL], [sign in to see URL] {color:#767676;font-size:11px;font-family:verdana}
.forumlistboardstatsheader {font-family:verdana;font-size:10px;border-width:0px;color:#767676}
.forumlistboardstatstable {background-color:#ffdbef}
[sign in to see URL], [sign in to see URL], [sign in to see URL], [sign in to see URL], [sign in to see URL], [sign in to see URL]{color:#767676;font-family:verdana;font-size:10px;}
[sign in to see URL],[sign in to see URL],[sign in to see URL] {color:#767676;font-family:verdana;font-size:10px}
[sign in to see URL] {font-size:10px;}
[sign in to see URL], [sign in to see URL],[sign in to see URL] {font-size:10px;font-weight:normal;font-family:verdana;}
.ak_tl_topicrow_mouseover_off, .ak_tl_topicrow_mouseover_on {padding:5px}

[sign in to see URL],[sign in to see URL] {padding:1px}

/* NO IMAGE BORDERS! WOOT! */
img {border:0px}

/* DEFAULT 'FORUM READY' MSGS ARE MADE SCROLL INSTEAD OF DISTORTING TABLES */
.postlistpostbody pre {background-color:#FFE5F4;font-size:9px;font-family:verdana;font-weight:normal;overflow:auto;width:500px;border:1px solid #ff9cd3}

/* POST TABLE */
.ak_msg_post_master_table {font-family:verdana;font-size:10px}
.ak_msg_post_master_table td {border:1px solid #ff9cd3}
[sign in to see URL] a, [sign in to see URL] {color:#767676;font-family:verdana;font-size:10px}
.ak_msg_post_table {padding-left:3px}
blockquote {border-width:1px;border-style:solid;border-color:#ff9cd3;background-color:#ffc2e4;font-family:verdana;font-size:10px;color:#767676}
blockquote hr {display:none}

/* HORIZONTAL RULE FOR CROSS COMPATIBILITY REASONS WE USE THE BORDER TO GIVE THE LINE EFFECT */
hr {height:0px;border-width:0px;border-bottom: 1px solid #ff9cd3}
 
/* REMOVES LEFT & RIGHT PADDING IN CELLS IN MAIN TABLE FOR MORE SPACE */
.topic_list_header_modbox_td, .topic_list_header_newtext_td, .topic_list_header_posticon_td, .topic_list_header_topic_td, .topic_list_header_startedby_td, .topic_list_header_replies_td, .topic_list_header_views_td, .topic_list_header_lastpost_td, .forum_list_header_newtext_td, .forum_list_header_forum_td, .forum_list_header_topics_td, .forum_list_header_posts_td, .forum_list_header_lastpost_td, .forum_list_header_lastpost_td {padding:0px;padding-left:5px;padding-right:5px;height:22px}

/* WRITE MESSAGE */
.ak_msgform_master_table {background-color:#ffdbef;border:none;font-family:verdana;font-size:10px;border:1px solid #ff9cd3}
.ak_msgform_master_table td {border:1px solid #ff9cd3}
.ak_msgform_newtopic_submit_button, .ak_msgform_newtopic_preview_button, .ak_msgform_postreply_submit_button, .ak_msgform_postreply_preview_button, .ak_msgform_editpost_submit_button, .ak_msgform_editpost_preview_button, .qcode_bar_but {font-family:verdana;border:1px solid #ff9cd3;background-color:#FFFFFF;font-size:10px;margin-top:1px;font-family:verdana;font-size:10px;height:20px;background-image:url([sign in to see URL]);background-repeat: repeat-x;padding-top:0px; padding-bottom:1px;color:#767676;background-color:#ffe5f4;}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea {background-color:#ffe5f4;border:1px solid #ff9cd3;color:#767676;width:350px;font-family:verdana;font-size:11px;padding:2px}
.ak_msgform_poll_options_table {border: 1px solid #ff9cd3;font-family:verdana;font-size:10px;color:#767676;}
.ak_msgform_poll_options_table td{border-width:0px;border-bottom:1px solid #ff9cd3;padding:2px;}
.ak_msgform_poll_options_right_td input {background-color:#ffe5f4; padding-top:1px;padding-bottom:1px;margin:1px;font-family:verdana;font-size:10px;color:#767676;border:1px solid #ff9cd3}
.ak_msgform_poll_options_head_td {height:20px}

/* POLL TABLE AND ITS PARTS */
.ak_poll_table {font-size:10px;font-family:verdana;text-align:center;border:1px solid #ff9cd3;background-color:#ffdbef;margin-bottom:10px}
.ak_poll_table td {border:0px solid #ff9cd3}
.ak_poll_table_header {height:22px;padding:0px 25px 0px 25px;font-size:10px}
.ak_poll_table_header br {display:none}
.ak_poll_table_header a {padding-left:8px}
.ak_poll_table_button_cell input {background-color:#ffe5f4;border:1px solid #ff9cd3;height:20px;font-family:verdana;font-size:10px;color:#767676}
.ak_poll_table_option_rcell1 input, .ak_poll_table_option_rcell2 input {border:none}
.ak_poll_table_viewres_cell {font-weight:bold;font-size:10px}
.ak_poll_table_option_gback1 {background-color:#ffc2e4}
.ak_poll_table_option_gback2 {background-color:#ffc2e4}
.ak_poll_table_option_gcell1, .ak_poll_table_option_gcell2 {border:1px solid #ff9cd3}

/* MEMBERSHIP LIST */
.ak_msg_seememberlist_table td {border:1px solid #ff9cd3;text-align:center}
.ak_msg_seememberlist_table {font-size:10px}
.ak_msg_seememberlist_head_user_td, .ak_msg_seememberlist_head_date_td, .ak_msg_seememberlist_head_im_td, .ak_msg_seememberlist_head_pm_td, .ak_msg_seememberlist_head_email_td {color:#767676;font-family:verdana;font-size:10px;padding:1px;text-align:center;height:20px;padding:0px}
.ak_msg_seememberlist_showing {font-size:10px;font-family:verdana;color:#767676}

/* NEW TOPIC & ADD REPLY BUTTONS */
.topiclistpostnewtopic a, .postlistaddareply a {color:#767676;font-size:10px;font-family:verdana;}

/* POSTICON TABLE */
.ak_subject_posticon_table {background-color:#ffdbef;border:1px solid #ff9cd3;margin-bottom:4px;padding:0px}
.ak_subject_posticon_table td {border:none}
.ak_clickposticon_table, .ak_clickposticon_td, .ak_subject_posticon_icons_td, .ak_subject_posticon_icons_td td {border:none}
.ak_subject_posticon_head_td {text-align:center;font-family:verdana;font-size:10px;color:#767676}

/* SMILIE TABLE */
.msgform_clickable_smiley_box_h {padding:5px;border:1px solid #ff9cd3}
.msgform_clickable_smiley_box_b {padding-top:10px}
.msgform_clickable_smiley_box_b, .msgform_clickable_smiley_box_b td {border-width: 0px}

Thanks


Last edited by Honeywing, 3/13/2008, 11:53 am


---
Love Honeywing

2/25/2008, 11:53 pm Link to post Email Honeywing   PM Honeywing
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Global user (premium)
Head of Runboard staff

Registered: 11-2005
Posts: 24620
Karma: 422 (+469/-47)
Reply | Quote
Re: Help with layout


Welcome to Runboard, Honeywing! emoticon

The problem with trying to make the board wider with the pink pillows layout is the background image it uses.

]Click to see the graphic

It's hard to see that, but if you open it in a graphics editor and re-size the height, you can see better what's happening.

If you want, I can crop out the two shaded side parts of that image and give them to you to upload, but if you know how, feel free. After you upload them, I can tell you how to use those pieces in a flexible-width (or whatever fixed width you choose) layout.

The banner graphic itself will need to be re-sized as well. Personally, I would make a piece of it tilable instead, use it as the background of the header, add your board name in HTML, and add the border and change the color of the text with CSS. Of course, I'll be happy to help you out with that as well. emoticon

I noticed that you have a 5px font-size defined in your CSS for .ak_msg_master_table. If you keep it like that, any area that doesn't have its own font-size defined will be unreadable.

To get over your fear of touching things in the control panel, you should set up a test board. emoticon I even have a few myself, for testing out "can't be done" requests and such. emoticon

Last edited by Lesigner Girl, 2/26/2008, 1:55 am


---
Runboard Knowledge Base
Website Creation Tutorials
2/26/2008, 1:50 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Honeywing Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user
Global user

Registered: 09-2005
Posts: 11
Karma: 0 (+0/-0)
Reply | Quote
posticon Re: Help with layout


Hi Hun,

Thanks for responding so quickly as you can see my legs are now running as fast as possible out the [sign in to see URL]

Well I could see what you mean about the image being small emoticon and I have no idea how to do any of what you suggested I was kinda hoping it was "yeah you have to change these numbers" [sign in to see URL] not its seems. I would like to be able to change the banner to one that I make so maybe I could just adjust the background, may doing what you said about cropping [sign in to see URL] you don't mind helping that would be awesome.

As for the text what do you think would be a good size?

and as for a test board point me in the right direction I think that would be an awesome [sign in to see URL]

Thanks for helping hun emoticon
((hugs)) Honeywing


Last edited by Honeywing, 3/13/2008, 11:54 am


---
Love Honeywing

2/26/2008, 2:09 am Link to post Email Honeywing   PM Honeywing
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Global user (premium)
Head of Runboard staff

Registered: 11-2005
Posts: 24620
Karma: 422 (+469/-47)
Reply | Quote
Re: Help with layout


To make a test board, just do it the way you made your "real" board.

[sign in to see URL]

Name it honeystestboard or whatever you want to name it, pop in some jibberish for the keywords and description, choose the Pink Pillows layout, and we'll go from there. emoticon

I'll splice the graphics and set the code up at your test board tomorrow, if you want. After that, you should have a better idea of what to do with your banner. emoticon

As for the text, anything between 11px and 13px would be much better than 5. emoticon

---
Runboard Knowledge Base
Website Creation Tutorials
2/26/2008, 2:41 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 9510
Karma: 259 (+318/-59)
Reply | Quote
Re: Help with layout


quote:

Lesigner Girl wrote:
As for the text, anything between 11px and 13px would be much better than 5. emoticon



Nothing smaller than the 9px used for quotes here should be used unless you want fine print like they have on the TV commercials (which can not be read either).

---

RSFRDAdvertise Boards On TRDREITB
2/26/2008, 3:11 am Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Honeywing Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user
Global user

Registered: 09-2005
Posts: 11
Karma: 0 (+0/-0)
Reply | Quote
Re: Help with layout


Hi Hunnie,

thank for doing this for me I have set up the test board here [sign in to see URL]

I haven't trasnferred my codes yet but will if you want me to. Just let me know. I guess I'll fix the text once we do this so I don't mess it up.

Thanks hun will check in with you [sign in to see URL] this is very exciting

((hugs)) Honeywing


Last edited by Honeywing, 3/13/2008, 11:54 am


---
Love Honeywing

2/26/2008, 3:14 am Link to post Email Honeywing   PM Honeywing
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Global user (premium)
Head of Runboard staff

Registered: 11-2005
Posts: 24620
Karma: 422 (+469/-47)
Reply | Quote
Re: Help with layout


You're very welcome, Honey! emoticon

I spliced the background image for you, which you can download in ]this zip. Unzip them and upload to your image host. If you don't have one, [sign in to see URL] is pretty good for a free host. After uploading them, post the urls to the two images here, and I'll fix your test board up so you can change the width to whatever you want it to be. emoticon

---
Runboard Knowledge Base
Website Creation Tutorials
2/26/2008, 3:48 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Global user (premium)
Head of Runboard staff

Registered: 11-2005
Posts: 24620
Karma: 422 (+469/-47)
Reply | Quote
Re: Help with layout


quote:

Pastor Rick wrote:

quote:

Lesigner Girl wrote:
As for the text, anything between 11px and 13px would be much better than 5. emoticon



Nothing smaller than the 9px used for quotes here should be used unless you want fine print like they have on the TV commercials (which can not be read either).


Lol, it looks like we both missed your post, Rick. emoticon Yep, quotes here are 9px. emoticon

---
Runboard Knowledge Base
Website Creation Tutorials
2/26/2008, 4:03 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Honeywing Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user
Global user

Registered: 09-2005
Posts: 11
Karma: 0 (+0/-0)
Reply | Quote
Re: Help with layout


Hi Hunnie,

I have uploaded those images and these are the urls....
[sign in to see URL]

and

[sign in to see URL]

Thanks for all your help on this I really appreciate it. was driving me [sign in to see URL]

Thanks also to Pastor Rick for the information I will change that once the testboard is ready.

((hugs)) Honeywing


Last edited by Honeywing, 3/13/2008, 11:55 am


---
Love Honeywing

2/26/2008, 4:53 pm Link to post Email Honeywing   PM Honeywing
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Global user (premium)
Head of Runboard staff

Registered: 11-2005
Posts: 24620
Karma: 422 (+469/-47)
Reply | Quote
Re: Help with layout


Ok, check out your test board. emoticon

I took out a lot of redundant CSS that comes with the skin, so there will be less to weed through when you edit it. If I took something out that I shouldn't have and it looks weird, just let me know and I'll help you fix it. emoticon

Now it reads (scroll to see the whole thing):

body {
   margin:0;
   background-color:#ffdbef;
   font: 10px verdana, arial, helvetica, sans-serif;
   color:#767676;
}

img {border:0;}

#container1 {
   width: 930px; margin:0 auto;
   background: #ffe5f4 url([sign in to see URL]) left top repeat-y;
}

#container2 {
   padding: 1em 20px;
   background: url([sign in to see URL]) right top repeat-y;
}

#header h1 {
   margin-top: 0; margin-bottom: 1em;
   height: 120px;
   background:url([sign in to see URL]) center no-repeat;
   font-size: 10px; text-indent: -10000px;
}

#footer {
   padding: 3em 0;
   text-align: center;
}



/* STANDARD RUNBOARD CSS CLASSES BELOW! */

/* SURROUNDS THE ENTIRE BOARD, BELOW THE HEADER AND ABOVE THE FOOTER */
.ak_msg_master_table {
   border:none; width:865px;
}

/* FORUM/TOPIC/POST/MEMBER LIST TABLES */
.forum_list_table, .topic_list_table, .ak_msg_post_master_table,
.ak_msg_seememberlist_table, .forumlistboardstatstable,
.forumlistwhosonlinetable {
   width:100%; border:1px solid #ff9cd3;
}

/* THE "Logged in as" LINE AT THE BOTTOM OF THE BOARD */
.bottominfoline { display: block; text-align: center; }

/* SETS THE GRADIENT IMAGE USED FOR HEADER OF MOST TABLES */
.ak_msgform_poll_options_head_td, .ak_msg_seememberlist_head_user_td, .ak_msg_seememberlist_head_date_td, .ak_msg_seememberlist_head_im_td, .ak_msg_seememberlist_head_pm_td, .ak_msg_seememberlist_head_email_td, .ak_poll_table_header, .forumlistboardstatsheader, .forumlist_separator_td, .msgform_clickable_smiley_box_h, .ak_subject_posticon_head_td {
   height:25px; border-color:#ff9cd3;
   padding-top:0; padding-bottom:0;
   background: #ffdbef url([sign in to see URL]) repeat-x;
}


[sign in to see URL], [sign in to see URL], [sign in to see URL], [sign in to see URL], [sign in to see URL], [sign in to see URL]{ font-size:10px; }


.forumlist_separator_td {border-top:1px solid #ff9cd3;}

.forum_list_table, .topic_list_table {
   height:25px;
   padding-top:0; padding-bottom:0;
   border-color:#ff9cd3;
   background:#ffe5f4 url([sign in to see URL]) repeat-x;
}

/* WHOS ONLINE TABLE */
.forumlistwhosonlinetable {background-color:#ffdbef;}
.forumlistwhosonlinetd {padding: 6px;}

/* SETTINGS FONT TYPE, COLOR AND SIZE TO REMAINING ELEMENTS */
[sign in to see URL] , [sign in to see URL], [sign in to see URL] {
   font-size:11px;
}
.forumlistforumname, .topiclisttopicname {font-size:11px;}
[sign in to see URL], [sign in to see URL] {font-weight:normal;}
[sign in to see URL], [sign in to see URL] {font-size:11px;}
.forumlistboardstatsheader {font-size:10px;border-width:0;}
.forumlistboardstatstable {background-color:#ffdbef;}
.ak_tl_topicrow_mouseover_off, .ak_tl_topicrow_mouseover_on {padding:5px;}
[sign in to see URL],[sign in to see URL] {padding:1px;}



/* DEFAULT 'FORUM READY' MSGS ARE MADE SCROLL INSTEAD OF DISTORTING TABLES */
.postlistpostbody pre {
  background-color:#FFE5F4;
  font-size:9px;
  overflow:auto; width:550px;
  border:1px solid #ff9cd3;
}

/* POST TABLE */
.ak_msg_post_master_table td {border:1px solid #ff9cd3;}
.ak_msg_post_table {padding-left:3px;}
blockquote {
   border:1px solid #ff9cd3;
   background-color:#ffc2e4;
   padding: [sign in to see URL] [sign in to see URL];
}
blockquote hr {display:none}

/* HORIZONTAL RULE FOR CROSS COMPATIBILITY REASONS WE USE THE BORDER TO GIVE THE LINE EFFECT */
hr {height:0; border-width:0; border-bottom: 1px solid #ff9cd3;}
 
/* REMOVES LEFT & RIGHT PADDING IN CELLS IN MAIN TABLE FOR MORE SPACE */
.topic_list_header_modbox_td, .topic_list_header_newtext_td, .topic_list_header_posticon_td, .topic_list_header_topic_td, .topic_list_header_startedby_td, .topic_list_header_replies_td, .topic_list_header_views_td, .topic_list_header_lastpost_td, .forum_list_header_newtext_td, .forum_list_header_forum_td, .forum_list_header_topics_td, .forum_list_header_posts_td, .forum_list_header_lastpost_td, .forum_list_header_lastpost_td
 { padding: 0 5px; height:22px; }

/* WRITE MESSAGE */
.ak_msgform_master_table {
   background-color: #ffdbef;
   border: none;
   border: 1px solid #ff9cd3;
}
.ak_msgform_master_table td {border:1px solid #ff9cd3;}
.ak_msgform_newtopic_submit_button, .ak_msgform_newtopic_preview_button, .ak_msgform_postreply_submit_button, .ak_msgform_postreply_preview_button, .ak_msgform_editpost_submit_button, .ak_msgform_editpost_preview_button, .qcode_bar_but {
   border:1px solid #ff9cd3;
   background-color:#FFFFFF;
   margin-top:1px; height:20px;
   padding-top:0; padding-bottom:1px;
   background:#ffe5f4 url([sign in to see URL]) repeat-x;
}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea {
   background-color:#ffe5f4; border:1px solid #ff9cd3;
   width:350px; font-size:11px; padding:2px;
}
.ak_msgform_poll_options_table { border: 1px solid #ff9cd3; }
.ak_msgform_poll_options_table td {
   border-width:0; border-bottom:1px solid #ff9cd3; padding:2px;
}
.ak_msgform_poll_options_right_td input {
   background-color:#ffe5f4; padding-top:1px; padding-bottom:1px;
   margin:1px; border:1px solid #ff9cd3;
}
.ak_msgform_poll_options_head_td {height:20px}

/* POLL TABLE AND ITS PARTS */
.ak_poll_table {
   text-align:center; border:1px solid #ff9cd3;
   background-color:#ffdbef; margin-bottom:10px;
}
.ak_poll_table_header { height:22px;padding:0 25px; }
.ak_poll_table_header br {display:none; }
.ak_poll_table_header a { padding-left:8px; }
.ak_poll_table_button_cell input {
   background-color:#ffe5f4;
   border:1px solid #ff9cd3;
   height:20px;
}
.ak_poll_table_option_rcell1 input, .ak_poll_table_option_rcell2 input {border:none;}
.ak_poll_table_viewres_cell { font-weight:bold; }
.ak_poll_table_option_gback1 {background-color:#ffc2e4;}
.ak_poll_table_option_gback2 {background-color:#ffc2e4;}
.ak_poll_table_option_gcell1, .ak_poll_table_option_gcell2 {border:1px solid #ff9cd3;}

/* MEMBERSHIP LIST */
.ak_msg_seememberlist_table td {border:1px solid #ff9cd3; text-align:center}
.ak_msg_seememberlist_head_user_td, .ak_msg_seememberlist_head_date_td, .ak_msg_seememberlist_head_im_td, .ak_msg_seememberlist_head_pm_td, .ak_msg_seememberlist_head_email_td { text-align:center; height:20px; padding:0; }

/* NEW TOPIC & ADD REPLY BUTTONS */
.topiclistpostnewtopic a, .postlistaddareply a {color:#767676;}

/* POSTICON TABLE */
.ak_subject_posticon_table {
   background-color:#ffdbef;
   border:1px solid #ff9cd3;
   margin-bottom:4px;
   padding:0;
}
.ak_subject_posticon_table td {border:none;}
.ak_clickposticon_table, .ak_clickposticon_td, .ak_subject_posticon_icons_td, .ak_subject_posticon_icons_td td {border:none;}
.ak_subject_posticon_head_td { text-align:center; }

/* SMILIE TABLE */
.msgform_clickable_smiley_box_h {padding:5px; border:1px solid #ff9cd3;}
.msgform_clickable_smiley_box_b {padding-top:10px;}
.msgform_clickable_smiley_box_b, .msgform_clickable_smiley_box_b td {border-width: 0;}


I also took the "community logo" out of the layout/colors screen, because it appears above the HTML header by default, and it needs to be inside the header in order to make the board width flexible.

You will now find the banner in your CSS under #header h1:

#header h1 {
   margin: 0; height: 120px;
   background:url([sign in to see URL]) center no-repeat;
   font-size: 1px; text-indent: -10000px;
}


When you make a new banner, change the url and height there as needed.

If you want to change the width of your board, look here in your CSS:

#container1 {
   width: 930px; margin:0 auto;
   background: #ffe5f4 url([sign in to see URL]) left top repeat-y;
}


You will also need to look for all occurrences of this in your CSS:

width:865px;

...and change them relative to the new width of #container1. For example, if you change the board's width to 950px (via #container1), that would be 20px wider than it is now, so you would then add 20px to all of the 865's, making them 885px.

Let me know if you have any questions. emoticon

Last edited by Lesigner Girl, 2/27/2008, 2:20 am


---
Runboard Knowledge Base
Website Creation Tutorials
2/27/2008, 2:15 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 


Add a reply

Page:  1  2  3 



You are not logged in (login)