Runboard.com
You're welcome.

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: 696
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


--Log in or sign up to see linked image content--
]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([sign in to see URL]) 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([sign in to see URL]) repeat-y;
margin:0 auto;
}

.bgfoot {
width:900px;
height:25px;
background:url([sign in to see URL]) 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;
}

[sign in to see URL],[sign in to see URL],[sign in to see URL] {
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;
}

[sign in to see URL] {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
padding-left:.5em;
padding-right:0;
margin-right:.7em;
border:0;
}

[sign in to see URL] {
padding-left:.5em;
}

[sign in to see URL] {
border:0;
}

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

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

.forumlistboardstatsheader {
background:url([sign in to see URL]);
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;
}

[sign in to see URL] {
font-weight:700;
}

[sign in to see URL],[sign in to see URL],[sign in to see URL] {
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*='[sign in to see URL]'] {
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;
filteremoticonrogid:[sign in to see URL](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;
filteremoticonrogid:[sign in to see URL](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([sign in to see URL]);
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;
}

[sign in to see URL],[sign in to see URL] {
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;
}

[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: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,[sign in to see URL] 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;
}

[sign in to see URL] a,[sign in to see URL],[sign in to see URL] {
font-size:12px;
color:#00c;
}

[sign in to see URL] {
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 [sign in to see URL];
}

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="[sign in to see URL]">
<img src="[sign in to see URL]" 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?: --Log in or sign up to see linked image content--
Use CSS trick 1?: --Log in or sign up to see linked image content--
Use CSS trick 2?: --Log in or sign up to see linked image content--
Background color: #ECF0F4
Background color transparent: --Log in or sign up to see linked image content--
Background image (optional):
Background image tile X: --Log in or sign up to see linked image content--
Background image tile Y: --Log in or sign up to see linked image content--
Text color: #0000CC
Bottom info line color: #6666FF

Link Options
Link color: #3333FF
Link overlined: --Log in or sign up to see linked image content--
Link line-through: --Log in or sign up to see linked image content--
Link underlined: --Log in or sign up to see linked image content--
Visited link color: #3333FF
Visited link overlined: --Log in or sign up to see linked image content--
Visited link line-through: --Log in or sign up to see linked image content--
Visited link underlined: --Log in or sign up to see linked image content--
Hover link color: #0000EE
Hover link overlined: --Log in or sign up to see linked image content--
Hover link line-through: --Log in or sign up to see linked image content--
Hover link underlined: --Log in or sign up to see linked image content--

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: [sign in to see URL]
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: [sign in to see URL]
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: [sign in to see URL]
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


---

RSFRDAdvertise Boards On TRDREITB
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 [sign in to see URL] 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: 696
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.

---

RSFRDAdvertise Boards On TRDREITB
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: 696
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.

---

RSFRDAdvertise Boards On TRDREITB
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)