Runboard.com
Слава Україні!
Lost? Hover on Bookmarks!
Runboard Extra! The Runboard Directory Runboard Knowledge Base

Welcome to Runboard Support, the place to find help with your Runboard user account or message board.

If you can't find the answer you need with our search feature, ask here, and a member of staff will respond to you personally.

Chat room Runboard Knowledge Base (wiki) Search Facebook Twitter

runboard.com       You are not logged in.

 
SonjaBlue Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user

Registered: 07-2007
Location: New York City
Posts: 3
Karma: 0 (+0/-0)
Reply | Quote
Problem concerning skin


Hello I need a bit of help. I used the Pro-black skin but I wanted to make the width smaller then it was on all of my pages since to me Pro-black was just too wide for me. I got it to work in all areas but one, the area where you read actual posts and I need help on how to fix it, I would like it the same width as the rest of the pages 740px, but I just can't seem to get it fixed no matter what I do.

I'm using Pro-Black as mentioned before but I used Tech-blue to help me get the rest 740px width

My Forum: http://com4.runboard.com/bcitygates

Example of Problem: http://com4.runboard.com/bcitygates.f8.t4

See how it's longer then the actual banner and separator on the top and bottom. I would like to know how to fix it please.

CSS Coding:
/* PRO-BLACK NON-STANDARD CSS CLASSES */

/* THE BEVELLED GREY BAR ACROSS USED AT EITHER SIDE OF BANNER AND AT BOTTOM*/
.greybar {background-color:#2B2B2B;background-image:url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg);background-repeat:repeat-x;background-position:top;
align:center;height:22px;width:740px;font-family:verdana,tahoma;font-size:10px;color:#CCCCCC;padding-top:4px}

/* STANDARD RUNBOARD CSS CLASSES BELOW! */

/* REMOVES THE SIDE PAGE MARGINS AND SETS BACKGROUND COLOR */
body {background-color:#000000;margin-left:0px;margin-right:0px;}

/* SETS THE OUTER TABLES WIDTH TO KEEP NON-TABLE CONTENT WITHIN A MAX WIDTH*/
.ak_msg_master_table
{width:740px;font-family:verdana,tahoma,arial;font-size:10px;text-align:center}
span.locationboard, span.locationforum, span.locationtopic {width:740px;font-size:11px;font-family:verdana,tahoma,arial}

/* REMOVES BORDER FROM OUTER-MOST TABLE*/
.ak_msg_master_table {width:740px;border:none;font-family:verdana,tahoma;font-size:11px;color:#cccccc;text-align:center}

/* BOARD LINKS */
span.locationboard, span.locationforum, span.locationtopic {width:740px;font-family:verdana,tahoma,font-size:10px;color:#CCCCCC;letter-spacing:1px}
span.locationboard a, span.locationforum a, span.locationtopic a{width:740px;font-family:verdana,tahoma,font-size:10px;color:#CCCCCC;letter-spacing:1px}

/* FORUM LIST TABLE */
.forum_list_table {width:740px;border:1px solid #000000}
.forumlist_separator_td {width:740px;height:16px;background-color:#464646;text-align:left;text-indent:20px}
.forum_list_header_forum_td, .forum_list_header_lastpost_td {text-indent:10px;text-align:left;padding-top:0px;padding-bottom:0px;height:26px;letter-spacing: 1px}
.forum_list_header_newtext_td, .forum_list_header_topics_td, .forum_list_header_posts_td {text-align:center;padding-top:0px;padding-bottom:0px;height:26px;letter-spacing: 1px}
.forumlistforumname {letter-spacing: 1px;font-size:10px;font-family:verdana,tahoma}
span.forumlistheader {width:740px;font-size:10px;letter-spacing: 1px;font-family:verdana,tahoma;color:#CCCCCC}
span.forumlistseparator {width:740px;font-size:10px;font-family:verdana,tahoma;letter-spacing: 1px;color:#CCCCCC}
span.forumlistnonewswitch, span.forumlistnewswitch {font-size:10px;font-family:verdana,tahoma;color:#CCCCCC}
span.forumlistnumtopics, span.forumlistnumposts, span.forumlistdescription, span.forumlistlastpost {font-size:11px;font-family:verdana,tahoma;color:#CCCCCC}
span.forumlistdescription {color:#CCCCCC}
span.forumlistadministrators, span.forumlistmoderators {width:740px;font-size:11px;font-family:verdana,tahoma}

/* TOPIC LIST TABLE */
.topic_list_table {border:1px solid #000000;}
.topiclisttopicname {letter-spacing: 1px;font-size:10px;font-family:verdana}
.topic_list_header_topic_td, .topic_list_header_lastpost_td {width:740px;text-indent:10px;text-align:left;padding-top:0px;padding-bottom:0px;height:26px;letter-spacing: 1px}
.topic_list_header_modbox_td, .topic_list_header_newtext_td, .topic_list_header_posticon_td,.topic_list_header_replies_td, .topic_list_header_views_td, .topic_list_header_startedby_td {text-align:center;padding-top:0px;padding-bottom:0px;height:26px;letter-spacing: 1px}
span.topiclistnewswitch, span.topiclistnonewswitch {width:740px;font-size:10px;font-family:verdana,tahoma;color:#CCCCCC}
span.topicliststartedby, span.topiclistreplies, span.topiclistviews, span.topiclistlastpost {width:740px;font-size:11px;font-family:verdana,tahoma;color:#CCCCCC}
span.topiclisttopicclosed, span.topiclisttopicsticky,span.topiclisttopichidden {width:740px;font-size:11px;font-weight:normal;font-family:verdana,tahoma;color:#CCCCCC}
span.topiclistheader {font-size:10px;letter-spacing: 1px;font-family:verdana,tahoma;color:#CCCCCC}

/* MOUSEOVER FORUM/TOPIC ROW (TURNED ON BY DEFAULT) */
.ak_tl_topicrow_mouseover_on, .ak_fl_forumrow_mouseover_on {background-color:#424242;padding:5px}
.ak_tl_topicrow_mouseover_off, .ak_fl_forumrow_mouseover_off {background-color:#2B2B2B;padding:5px}

/* POST TABLE */
.ak_msg_post_master_table {border:1px solid #000000;background-color:#2B2B2B}
.ak_msg_post_master_table td {width:740px;border:1px solid #000000}
span.postlistusername a, span.postlistpostname {color:#CCCCCC;font-family:verdana,tahoma;font-size:10px;letter-spacing:1px}
blockquote hr {display:none}
blockquote {border-width:1px;border-style:solid;border-color:#000000;background-color:#464646;font-family:verdana,tahoma;font-size:11px;color:#CCCCCC}
blockquote blockquote {background-color:#424242}
blockquote blockquote blockquote {background-color:#464646}
blockquote blockquote blockquote blockquote {background-color:#424242}
blockquote blockquote blockquote blockquote blockquote {background-color:#464646}
blockquote blockquote blockquote blockquote blockquote blockquote {background-color:#424242}
blockquote blockquote blockquote blockquote blockquote blockquote blockquote {background-color:#464646}
blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {background-color:#424242}
blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {background-color:#464646}
blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {background-color:#424242}
blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {background-color:#464646}

/* POST TABLE USER INFORMATION TO 10PX */
span.postlistusertitle, span.postlistusername, span.postlistusertype, span.postlistregistered, span.postlistregisteredvalue, span.postlistlocation, span.postlistlocationvalue, span.postlistposts, span.postlistpostsvalue, span.postlist_karma, span.postlist_karma_value {font-size:11px;font-family:verdana}
/* POST TABLE LINKS */
span.postlistedit, span.postlistreply, span.postlistdelete, span.postlistaddareply, span.postlistsendpm, span.postlistsendicq, span.postlistsendaim, span.postlistsendmsn, span.postlistsendyahoo, span.postlistblog, span.postlist_karma_applaud, span.postlist_karma_smite {font-size:10px;font-family:verdana}
/* POST TABLE MSG CONTENTS*/
span.postlistquotedtext, span.postlistdate, span.postlistpostname, span.postlistpostbody {font-size:11px;font-family:verdana}
span.postlisteditedby,span.postlisteditedbyvalue {font-size:10px}

/* WRITE MESSAGE */
.ak_msgform_master_table {border:1px solid #000000;background-color:#2B2B2B;font-size:11px;font-family:verdana,tahoma}
.ak_msgform_master_table td {border:1px solid #000000}

.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-size:11px;font-family:verdana,tahoma;background-color:#2B2B2B;background-image:url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg);background-repeat:repeat-x;border:1px solid #000000;height:22px;color:#CCCCCC;padding:0px;margin-top:1px;padding-left:2px;padding-right:2px;padding-bottom:1px}

.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea {background-color:#424242;border-style:solid;border:1px solid #000000;color:#CCCCCC;width:340px;font-family:verdana,tahoma;font-size:11px;padding:3px}

/* SETUP A POLL TABLE WITHIN WRITE MESSAGE TABLE */
.ak_msgform_poll_options_table {border:1px solid #000000}
.ak_msgform_poll_options_head_td {background-color:#2B2B2B;background-image:url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg);background-repeat:repeat-x;}
.ak_msgform_poll_options_table td {border:0px;border-bottom:1px dashed #000000;height:22px}
.ak_msgform_poll_options_right_td input {border: 1px solid #000000;background-color:#424242; padding-top:1px;padding-bottom:1px;margin:1px;font-family:verdana;font-size:11px;color:#CCCCCC;}

/* HORIZONTAL RULE FOR CROSS COMPATIBILITY REASONS WE USE THE BORDER TO GIVE THE LINE EFFECT */
hr {height:0px;width:740px;border:none;border-bottom: 1px solid #000000}

/* DEFAULT 'FORUM READY' MSGS ARE MADE SCROLL INSTEAD OF DISTORTING TABLES */
.postlistpostbody pre {font-size:10px;font-family:verdana,tahoma;font-weight:normal;overflow:scroll;width:500px;border:1px solid #000000}

/* NEW TOPIC & ADD REPLY BUTTONS */
.topiclistpostnewtopic a {font-size:10px;font-family:verdana,tahoma;background-color:#000000;background-image:url(http://img.photobucket.com/albums/v231/Sonja_Blue/citygates/buttoncg.gif);background-repeat:no-repeat;border-color:#000000;letter-spacing:1px;padding:15px;padding-left:18px;padding-right:18px;background-position:center center;}

.postlistaddareply a {font-size:10px;font-family:verdana,tahoma;background-color:#000000;background-image:url(http://img.photobucket.com/albums/v231/Sonja_Blue/citygates/buttoncg.gif);background-repeat:no-repeat;border-color:#000000;letter-spacing:1px;padding:15px;padding-left:28px;padding-right:28px;background-position:center center;}

/* POLL TABLE AND ITS PARTS */
.ak_poll_table {font-size:11px;font-family:verdana,tahoma;border:1px solid #000000;background-color:#2B2B2B;margin-bottom:10px}
.ak_poll_table td {border:0px solid #000000}
.ak_poll_table_header {height:26px;padding:0px 20px 0px 20px;font-size:10px;background-color:#2B2B2B;font-family:verdana,tahoma;background-image:url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg);background-repeat: repeat-x;padding-top:0px;padding-bottom:0px;color:#CCCCCC;text-align:center;letter-spacing: 1px}
.ak_poll_table_header br {display:none}
.ak_poll_table_header a {padding-left:10px;letter-spacing: 0px}
.ak_poll_table_button_cell input {background-color:#424242;border:1px solid #000000;height:22px;font-family:verdana,tahoma;font-size:11px;color:#CCCCCC}
.ak_poll_table_option_rcell1 input, .ak_poll_table_option_rcell2 input {border:none}
.ak_poll_table_viewres_cell {font-weight:bold;font-size:11px}
.ak_poll_table_option_gback1 {background-color:#424242;}
.ak_poll_table_option_gback2 {background-color:#464646;}
.ak_poll_table_option_gcell1, .ak_poll_table_option_gcell2 {border:1px solid #000000}

/* BOARD STATS TABLE */
.forumlistboardstatsheader {text-indent:10px;background-color:#2B2B2B;background-image:url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg);background-repeat:repeat-x;border-bottom:1px solid #000000;letter-spacing:1px}
.forumlistboardstatstable {background-color:#2B2B2B;border:1px solid #000000}
.forumlistboardstatstitle {width:25%;text-align:center;font-family:verdana;font-size:11px}
.forumlistboardstatsdata {width:25%;background-color:#464646;text-align:center;border-left:1px solid #000000; border-right:1px solid #000000;font-family:verdana;font-size:11px}

/* POSTICON TABLE */
.ak_subject_posticon_table {border:1px solid #000000;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 {background-color:#2B2B2B;font-family:verdana,tahoma;font-size:10px;height:26px;background-image:url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg);background-repeat: repeat-x;padding-top:0px;padding-bottom:0px;color:#CCCCCC;text-align:center;letter-spacing: 1px}

/* SMILIE TABLE */
.msgform_clickable_smiley_box_h {background-color:#2B2B2B;font-family:verdana,tahoma;font-size:10px;background-image:url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg);background-repeat: repeat-x;padding:5px;color:#CCCCCC;text-align:center;letter-spacing:1px}
.msgform_clickable_smiley_box_b {border-width:0px;padding-top:8px;padding-left:8px}
.msgform_clickable_smiley_box_b td {border-width:0px}

/* MEMBERSHIP LIST */
.ak_msg_seememberlist_table {align:center;border:1px solid #000000;width:780px;background-color:#2B2B2B;}
.ak_msg_seememberlist_table td {border-color:#000000}
.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 {background-color:#000000;font-family:verdana,tahoma;font-size:10px;height:26px;background-image:url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg);background-repeat: repeat-x;padding-top:0px; padding-bottom:0px;color:#CCCCCC;text-indent:10px;text-align:left;letter-spacing: 1px}
.ak_msg_seememberlist_showing {font-size:11px;font-family:verdana,tahoma;color:#CCCCCC}


HTML Header:
<div align="center">
<div class="greybar"></div>

<div align="center">
<img src="http://img.photobucket.com/albums/v231/Sonja_Blue/citygates/banner.gif" border="0px" width="750px" height="145px" align="center">
<div align="center">

<div class="greybar"><marquee direction="left" behavior="scroll" scrollamount="4" width="750px" align="center">Welcome to City Gates :: A Friendly Roleplaying Community </marquee></div>


HTML Footer:
<div class="greybar"><a href="#">Back To Top</a></div>

---

8/26/2007, 8:44 am Link to post Email SonjaBlue   PM SonjaBlue AIM MSN
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
Reply | Quote
Re: Problem concerning skin


Hi SonjaBlue emoticon

Two things are causing this:

/* POST TABLE */
.ak_msg_post_master_table {border:1px solid #000000;background-color:#2B2B2B}
.ak_msg_post_master_table td {width:740px;border:1px solid #000000}


There are 2 columns of <td>s in the .ak_msg_post_master_table, so define that width in the <table> itself, instead of in the <td>:

/* POST TABLE */
.ak_msg_post_master_table {width:740px;border:1px solid #000000;background-color:#2B2B2B}
.ak_msg_post_master_table td {border:1px solid #000000}


Also, the <hr>s in the post area are stretching out the post area, leaving no room for the user information to the left of posts:

LINE EFFECT */
hr {height:0px;width:740px;border:none;border-bottom: 1px solid #000000}


The default width of an <hr> is 100%, so just take the width out of there completely.

That should fix it. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
8/26/2007, 7:05 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
SonjaBlue Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user

Registered: 07-2007
Location: New York City
Posts: 3
Karma: 0 (+0/-0)
Reply | Quote
Re: Problem concerning skin


Thank you so much for helping me Lesigner, this got my problem solved. I'll have to remember about <hr> from now on, since I had not known keeping it in would keep it at 100%.

Again Thanks very much.

---

8/27/2007, 7:09 am Link to post Email SonjaBlue   PM SonjaBlue AIM MSN
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
Reply | Quote
Re: Problem concerning skin


You're welcome, SonjaBlue. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
8/29/2007, 12:50 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Teen Diver Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user

Registered: 09-2007
Posts: 1
Karma: 0 (+0/-0)
Reply | Quote
Re: Problem concerning skin


Ok i feel realy stupid but i am new with runboard but how do i change my skin
9/9/2007, 3:53 am Link to post Email Teen Diver   PM Teen Diver
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
Reply | Quote
Re: Problem concerning skin


Welcome to Runboard, Teen Diver! emoticon

While following these steps, pay special attention to any notes you may find on those pages, because they can help explain what each action will do.

Go to your control panel, then scroll down to "You have special access to these boards:" If you have only one board, click the submit button. If you have more than one board, then choose the board you want to customize before clicking the submit button. If someone says "Manage board" or "Board's control panel," this is what they mean.

If you have already tried to enter your own custom HTML and/or CSS, make sure you save a copy of your custom code to notepad. If you don't know what I'm talking about or don't know where to go in order to check, then skip this step, because it means you haven't tried it yet and it's safe to proceed to the next step.

Click on "Change board theme / layout"

Select a theme from the dropbox

Select "Copy it to the custom layout, and switch to using the custom one"

Click on "Change theme".

After this, you may further customize your board with HTML and CSS.

I hope this helps. emoticon

PS: Since this is unrelated to the issue discussed in this thread (trying to re-size the Pro-Black skin), please start a new topic when you want to ask any additional/unrelated questions.

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
9/9/2007, 4:48 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 


Add a reply



You are not logged in (login)