Pastor Rick
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
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;
filterrogidXImageTransform.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;
filterrogidXImageTransform.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?:
Use CSS trick 1?:
Use CSS trick 2?:
Background color: #ECF0F4
Background color transparent:
Background image (optional):
Background image tile X:
Background image tile Y:
Text color: #0000CC
Bottom info line color: #6666FF
Link Options
Link color: #3333FF
Link overlined:
Link line-through:
Link underlined:
Visited link color: #3333FF
Visited link overlined:
Visited link line-through:
Visited link underlined:
Hover link color: #0000EE
Hover link overlined:
Hover link line-through:
Hover link underlined:
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
|
6/22/2007, 8:21 pm
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
ParaTracker
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
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
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.
|
7/7/2007, 5:44 pm
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
Pastor Rick
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.
|
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)
|