Runboard.com
Слава Україні!

runboard.com       Sign up learn about it Sign in lost password?

 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Admin


Registered: 07-2005
Location: Texas
Posts: 704
Karma: 10 (+10/-0)
Reply | Quote
Bars of Blue


This started as a simple skin with almost no modifications based on the "Calm Blue" theme. The skin has evolved and been updated numerous times. So what you do is choose the "Calm Blue" theme to start.

Exploring RB images
by: Pastor Rick


Image
Bars of Blue


Installation InstructionsFirst, switch your board over to custom mode (details are located here)

Custom CSScopy and paste the following CSS code into your Custom CSS box
/* SETTING BORDER IMAGES AROUND BOARD */
.bghead {
width:900px;
height:25px;
background:url(http://img.runboard.com/img/layouts/smackdown5_15/separator.gif) repeat-x;
border-top-left-radius:12px;
border-top-right-radius:12px;
margin:0 auto;
}

.board-sign {
display:block;
margin-left:auto;
margin-right:auto;
padding-top:10px;
}

.bgmid {
width:900px;
background:url(http://www.rbbt.net/skins/background/bg.png) repeat-y;
margin:0 auto;
}

.bgfoot {
width:900px;
height:25px;
background:url(http://img.runboard.com/img/layouts/smackdown5_15/separator.gif) repeat-x;
border-bottom-left-radius:12px;
border-bottom-right-radius:12px;
margin:0 auto;
}

/* STANDARD RUNBOARD CSS CLASSES BELOW!
 REMOVES THE SIDE PAGE MARGINS AND SETS BACKGROUND COLOR */
body {
background-color:#889CB0;
margin-left:0;
margin-right:0;
}

/* SETS THE OUTER TABLES WIDTH TO KEEP NON-TABLE CONTENT WITHIN A MAX WIDTH*/
.ak_msg_master_table {
width:850px;
font-family:verdana,tahoma,arial;
font-size:12px;
}

span.locationboard,span.locationforum,span.locationtopic {
font-size:18px;
font-family:verdana,tahoma,arial;
}

.forumlistwhosonlinetable {
font-family:verdana,arial,helvetica,sans-serif;
font-size:10px;
width:100%;
margin-top:-5px;
}

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

/* DEFAULT 'FORUM READY' MSGS ARE MADE SCROLL INSTEAD OF DISTORTING TABLES */
.postlistpostbody pre {
font-size:13px;
font-family:verdana,tahoma,arial;
font-weight:400;
overflow:scroll;
width:520px;
border:1px solid #525E6E;
background-color:#889CB0;
}

span.postlist_link_to_post {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
padding-left:.5em;
padding-right:0;
margin-right:.7em;
border:0;
}

span.postlistblog {
padding-left:.5em;
}

span.postlistsendpm {
border:0;
}

.forumlist_separator_td {
background-color:#889cb0;
color:#525e6e;
border-width:0;
height:20px;
padding:0;
}

span.forumlistseparator {
font-size:12px;
}

.forumlistboardstatsheader {
background:url(http://img.runboard.com/img/layouts/impaqt_1/separator.gif);
background-color:#889CB0;
color:#ddd;
border-bottom:1px solid #525E6E;
padding:0;
padding-left:5px;
height:20px;
}

.forumlistboardstatstable {
border:2px solid #525E6E;
border-radius:3px;
background-color:#D8E0E8;
}

.topic_list_header_modbox_td {
padding:0;
}

span.topiclistreplies {
font-weight:700;
}

span.topiclisttopicclosed,span.topiclisttopicsticky,span.topiclisttopichidden {
font-size:12px;
font-weight:400;
font-family:verdana;
}

/* POLL TABLE AND ITS PARTS */
.ak_poll_table {
font-size:12px;
font-family:verdana;
border:2px solid #525E6E;
background-color:#D8E0E8;
margin-bottom:10px;
text-align:left;
border-bottom:1px solid #525E6E;
}

.ak_poll_table_header {
background-color:#889CB0;
color:#0000CA;
text-align:center;
font-size:12px;
padding:5px;
}

/* NEW TOPIC & ADD REPLY BUTTONS */
.topiclistpostnewtopic a,.postlistaddareply a {
font-size:14px;
font-family:verdana;
border:3px ridge #4C7AA6;
border-radius:3px;
background-color:#D8E0E8;
padding:10px 15px;
}

/* MEMBERSHIP LIST */
.ak_msg_seememberlist_table td {
border:1px solid #525E6E;
text-align:center;
}

.ak_msg_seememberlist_table {
font-size:12px;
border:2px solid #525E6E;
width:100%;
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 {
background-color:#889CB0;
color:#525E6E;
font-family:verdana,tahoma,arial;
font-size:12px;
text-align:center;
border-bottom:2px solid #525E6E;
padding:5px;
}

.ak_msg_seememberlist_showing {
font-size:12px;
font-family:verdana;
color:#525E6E;
}

/* POST TABLE */
.ak_msg_post_table {
background:#e0e2e5;
border:1px solid #ccc;
padding-left:2px;
padding-right:2px;
padding-bottom:2px;
}

.ak_msg_post_table img {
padding-bottom:5px;
}

.ak_msg_post_master_table {
width:850px;
font-family:verdana;
font-size:12px;
border:2px solid #525E6E;
margin-bottom:4px;
}

.ak_msg_master_table img[src*='photobucket.com'] {
width:10px;
height:10px;
}

blockquote {
border:1px solid #525E6E;
background-color:#889CB0;
font-family:verdana;
font-size:12px;
color:#fff;
width:98%;
margin:0;
padding:0;
}

/* WRITE MESSAGE TABLE */
.ak_msgform_subject_right_td input,.ak_msgform_message_right_td textarea,textarea {
width:440px;
border-style:hidden;
padding-right:3px;
}

.ak_msgform_master_table {
background-color:#D8E0E8;
border:2px solid #525E6E;
font-family:verdana;
font-size:12px;
}

.ak_msgform_poll_options_table {
border:2px solid #525E6E;
border-bottom:1px solid #525E6E;
}

.ak_msgform_poll_options_head_td {
background-color:#889CB0;
color:#0000CA;
font-family:verdana,tahoma,arial;
font-size:12px;
text-align:center;
padding:5px;
}

.ak_msgform_poll_options_left_td,.ak_msgform_poll_options_right_td {
padding-left:3px;
}

.ak_msgform_poll_options_right_td > input[type="text"] {
width:97%;
}

.qcode_bar_but,.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,.ak_poll_table input[type="submit"] {
-moz-box-shadow:inset 0 1px 0 0 #f6f8f9;
-webkit-box-shadow:inset 0 1px 0 0 #f6f8f9;
box-shadow:inset 0 1px 0 0 #f6f8f9;
background:0 color-stop(1,#98b5d6) );
background:0;
filteremoticonrogidemoticonXImageTransform.Microsoft.gradient(startColorstr='#e4ecf5',endColorstr='#aad1f7');
background-color:#e4ecf5;
text-indent:0;
display:inline-block;
color:#070e91;
font-family:Arial;
font-size:12px;
font-weight:700;
font-style:normal;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0 #b1d1f2;
padding-top:2px;
margin-top:2px;
}

.qcode_bar_but:active,.ak_msgform_newtopic_submit_button:active,.ak_msgform_newtopic_preview_button:active,.ak_msgform_postreply_submit_button:active,.ak_msgform_postreply_preview_button:active,.ak_msgform_editpost_submit_button:active,.ak_msgform_editpost_preview_button:active,.ak_poll_table input[type="submit"]:active {
position:relative;
top:1px;
}

.qcode_bar_but:hover,.ak_msgform_newtopic_submit_button:hover,.ak_msgform_newtopic_preview_button:hover,.ak_msgform_postreply_submit_button:hover,.ak_msgform_postreply_preview_button:hover,.ak_msgform_editpost_submit_button:hover,.ak_msgform_editpost_preview_button:hover,.ak_poll_table input[type="submit"]:hover {
background:0 color-stop(1,#e4ecf5) );
background:0;
filteremoticonrogidemoticonXImageTransform.Microsoft.gradient(startColorstr='#aad1f7',endColorstr='#e4ecf5');
background-color:#aad1f7;
}

/* POSTICON TABLE */
.ak_subject_posticon_table {
width:98%;
border:1px solid #525E6E;
margin:0 auto 4px;
}

.ak_subject_posticon_head_td {
font-size:12px;
color:#ddd;
border:2px ridge #525e6e;
background-color:#889CB0;
background:url(http://img.runboard.com/img/layouts/smackdown5_15/separator.gif);
margin-top:1px;
padding:3px;
}

/* SMILIE TABLE */
.msgform_clickable_smiley_box_h {
font-size:12px;
border:0 solid #525E6E;
}

.msgform_clickable_smiley_box_b {
padding-top:5px;
}

.msgform_clickable_smiley_box_b,.msgform_clickable_smiley_box_b td {
border-width:0;
}

.forum_list_table,.topic_list_table {
width:850px;
border:1px solid #525E6E;
border-radius:3px;
background-color:#525E6E;
}

span.forumlistheader,span.topiclistheader {
font-size:13px;
color:#ddd;
}

.forumlistforumname,.topiclisttopicname {
font-size:14px;
font-family:verdana,tahoma,arial;
}

.forumlistdescription {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
}

span.forumlistnumtopics,span.forumlistnumposts,span.topicliststartedby,span.topiclistreplies,span.topiclistviews {
font-size:14px;
}

.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,.ak_tl_topicrow_mouseover_off,.ak_tl_topicrow_mouseover_on {
padding:5px;
}

.ak_poll_table td,.ak_msgform_poll_options_table td {
border:none;
border-bottom:1px solid #525E6E;
}

.ak_poll_table td td,.ak_subject_posticon_table td,.ak_clickposticon_table,.ak_clickposticon_td,.ak_subject_posticon_icons_td,.ak_subject_posticon_icons_td td {
border:none;
}

.ak_poll_table_header br,blockquote hr,span.postlistpostbody hr {
display:none;
}

.ak_poll_table_button_cell,.ak_poll_table_viewres_cell {
background-color:#E0E2E5;
}

.ak_poll_table_stats_cell {
background-color:#E0E2E5;
font-size:10px;
}

.ak_poll_table_option_gback1,.ak_poll_table_option_gback2 {
background-color:#889CB0;
}

.ak_poll_table_option_gcell1,.ak_poll_table_option_gcell2,.ak_msg_post_master_table td,.ak_msgform_master_table td {
border:1px solid #525E6E;
}

span.postlistusername a,span.postlistpostname,span.postlistpostbody {
font-size:12px;
color:#00c;
}

span.postlistpostbody {
font-size:13px;
}

/* BOTTOM USER INFO */
.bottominfoline {
font-family:verdana,arial,helvetica,sans-serif;
font-size:10px;
text-align:center;
}

/* BACK TO TOP SETTINGS */
.backtotop {
font-size:14px;
text-align:center;
margin:0 auto;
padding:3px;
width:100%;
}

.backtotop a:link,.backtotop a:visited,.backtotop a:active {
color:#ddd;
text-decoration:none;
}

.backtotop a:hover {
color:#eee;
text-decoration:underline;
}

/* BOTTOM RB LINKS */
.msg_foot_linkbar {
font-size:10px;
text-align:center;
margin-top:2px;
padding:5px;
margin-bottom:.3em;
}

.msg_foot_linkbar a {
margin:0 1.1em;
}

a[href$=linktous]:after {
content:' (Runboard)';
}

a[href$=blogs]+a:after {
content:none;
}


HTML HEADERcopy and paste the following HTML code into your Custom HTML header
<div class="bghead"></div>
<div class="bgmid">

<!-- START SAMPLE BANNER -->
<a href="http://bbarsofblue.runboard.com/">
<img src="http://img.runboard.com/img/layouts/smackdown5_11/samplebanner.jpg" title="Bars of Blue" alt="SAMPLE BANNER" width="770px" height="100px" class="board-sign">
</a>
<!-- END SAMPLE BANNER -->


HTML FOOTERcopy and paste the following HTML code into your Custom HTML footer
</div>
<div class="bgfoot">
<div class="backtotop"><a href="#" >Back To Top</a></div>
</div>


EDIT COLORS/LAYOUT (ECL)find and change the following in your: Control Panel :: Board management :: Edit colors and theme
Miscellaneous options
Use extra CSS options?: Image
Use CSS trick 1?: Image
Use CSS trick 2?: Image
Background color: #ECF0F4
Background color transparent: Image
Background image (optional):
Background image tile X: Image
Background image tile Y: Image
Text color: #0000CC
Bottom info line color: #6666FF

Link Options
Link color: #3333FF
Link overlined: Image
Link line-through: Image
Link underlined: Image
Visited link color: #3333FF
Visited link overlined: Image
Visited link line-through: Image
Visited link underlined: Image
Hover link color: #0000EE
Hover link overlined: Image
Hover link line-through: Image
Hover link underlined: Image

Forum List Layout Options
Forum list master table background color:
Forum list master table border color: #000000
Forum list master table border width (pixels): 0
Forum list table background color: #465B6C
Forum list table background image:
Forum list table border color: #FFFFFF
Forum list table border width (pixels): 0
Forum list table header background color: #889CB0
Forum list table header background image: http://img.runboard.com/img/layouts/impaqt_1/separator.gif
Forum list table header border color: #444444
Forum list table header border width (pixels): 0
Forum list table header text color: #0000CC
Forum list table first alternate background color: #D8E0E8
Forum list table second alternate background color: #D8E0E8
Forum list table text color (optional): #0000CC
Forum list table description color: #777777
Forum list table separator background color: #889CB0
Forum list table separator background image: http://img.runboard.com/img/layouts/impaqt_1/separator.gif
Forum list table separator text color: #DDDDDD
Forum list master table width (percents): 100
Forum list table width (percents): 100

Topic List Layout Options
Topic list master table background color:
Topic list master table border color: #000000
Topic list master table border width (pixels): 0
Topic list table background color: #465B6C
Topic list table background image:
Topic list table border color: #FFFFFF
Topic list table border width (pixels): 0
Topic list table header background color: #889CB0
Topic list table header background image: http://img.runboard.com/img/layouts/impaqt_1/separator.gif
Topic list table header border color: #444444
Topic list table header border width (pixels): 0
Topic list table header text color: #0000CC
Topic list table first alternate background color: #D8E0E8
Topic list table second alternate background color: #D8E0E8
Topic list table text color (optional): #0000CC
Topic list master table width (percents): 100
Topic list table width (percents): 100

Post List Layout Options
Post list master table background color:
Post list master table border width (pixels): 0
Post list master table border color: #000000
Post list master table width (percents): 100
Post list table width (percents): 100
Post list table first alternate background color: #D8E0E8
Post list table second alternate background color: #D8E0E8
Post list table border color: #FFFFFF
Post list table border width (pixels): 0


CUSTOM LANGUAGE SET (CLS)(optional)find and change the following in your: Control Panel :: Board management :: Customize the language set
No changes required

THIRD PARTY OPTIONAL ADDITION-None at present


Last edited by Pastor Rick, 3/29/2018, 9:44 pm


---

Advertise Boards On TRDConceptsDE
6/22/2007, 8:21 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
ParaTracker Profile
Live feed
Blog
Friends
Miscellaneous info

Registered User


Registered: 05-2007
Location: Tennessee
Posts: 1
Karma: 0 (+0/-0)
Reply | Quote
Re: Bars of Blue


Hello..

I'm not sure if this is where I should post this or not..

But, My question is.. I'm using the basic calm theme.. and tho.. in the future will probably change some things on it.. right now, the only thing I would like to do differently is make the actual board a bit wider..

I don't know how to do that.. If you could help me, I'd be so grateful. I'm not sure what the settings are right now or even to where I look to find them..

Thanks in advance
Shell

---
ParaTracker.org -
7/7/2007, 2:24 pm Link to this post Send Email to ParaTracker   Send PM to ParaTracker Yahoo
 
Joshin Josh Profile
Live feed
Blog
Friends
Miscellaneous info

Banned user

Registered: 11-2004
Posts: 953
Karma: 10 (+10/-0)
Reply | Quote
Re: Bars of Blue


Hi ParaTracker,

If http://com2.runboard.com/bparatrackerdiscussionboard2 is your board, then you are using the Pro Black layout by Smackdown5, and the width is set to 100%. You changed it? Anyway if you have a question that isn't about a specific skin, you can ask for help either here in the Skinning School Forum or at Runboard Support, or Runboard Extra (See Sidebar)


---

7/7/2007, 4:45 pm Link to this post Send PM to Joshin Josh Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Admin


Registered: 07-2005
Location: Texas
Posts: 704
Karma: 10 (+10/-0)
Reply | Quote
Re: Bars of Blue


The "Blue Calm" theme graphics restrict the width to 760px . I removed the header, footer and middle graphics from that theme when designing the Bars of Blue. Then to retain the "sample banner" I used a different graphics set to widen the board just a little, from 760px to 775px.

---

Advertise Boards On TRDConceptsDE
7/7/2007, 5:44 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Admin


Registered: 07-2005
Location: Texas
Posts: 704
Karma: 10 (+10/-0)
Reply | Quote
Re: Bars of Blue


The skin has undergone dozens of tweaks and updates in 2018 as I widened the skins width to 900px.

---

Advertise Boards On TRDConceptsDE
3/26/2018, 7:34 am Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 


Add a Reply





You are not logged in (login)