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.

 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator
Gold Supporter

Registered: 07-2005
Location: Texas
Posts: 10142
Karma: 271 (+330/-59)
Reply | Quote
New Tech Blue (updated for June 2010)


Image


New Tech Blue


This Skin has been imported as a selectable Theme by Runboard. I decided to leave the post here so people new to coding could practice installing a Skin with no fear of "messing up."
Installation InstructionsFirst, switch your board over to custom mode (details are located here).

Custom CSS
copy and paste the following CSS code into your Custom CSS box


/* SKIN SPECIFIC CSS CLASSES BELOW! */

img {border: 0;}
.backtotop {font: 700 9px verdana; color: #cccccc;}

/* BOARD LAYOUT */
#head {background: url(http://www.rbbt.net/skins/PR/techblue/techhead.gif) no-repeat center 0; width: 774px; height:35px; margin: 0 auto; line-height: 35px; text-align: center;}

#community {text-align: center; outline: none;}
#community a {display: block; margin: 0 auto; width: 740px;}

#foot {background: url(http://www.rbbt.net/skins/PR/techblue/techfoot.gif) no-repeat center 0; width: 774px; height:35px; margin: 0 auto; line-height: 35px; text-align: center;}
/* END BOARD LAYOUT */

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

/* STANDARD RUNBOARD CSS CLASSES BELOW! */

/* SETS YOUTUBE SIZE */
.postlistpostbody embed, .postlistpostbody object {width: 480px; height: 385px;}

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

/* 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 #cccccc;}

/* TEXTAREAS SETS THE BACKGROUND-COLOR */
textarea {background-color: #cccccc; border: 1px solid #000000;}

/* FORUM LIST PAGE */
.forum_list_table {width: 740px; border: 1px solid #000000;}
span.forumlistheader {font-size: 11px; color: #ffffff;}
.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, .topic_list_header_modbox_td {color: #cccccc; height: 20px; background: #617e9b url(http://img.runboard.com/img/layouts/impaqt_1/separator.gif) repeat-x; padding-top: 1px; padding-bottom: 2px;}
.forumlist_separator_td {color: #cccccc; height: 20px; background: #617e9b url(http://img.runboard.com/img/layouts/impaqt_1/separator.gif) repeat-x; padding-top: 1px; padding-bottom: 2px;}
span.forumlistseparator {font-size: 11px;}
.forumlistforumname, span.forumlistnewswitch {font:700 11px verdana, tahoma, arial;}
.forumlistboardstatsheader {color: #cccccc; background: #617e9b url(http://img.runboard.com/img/layouts/impaqt_1/separator.gif) repeat-x; font-size: 11px; border: 0;}
.forumlistboardstatstable {width: 740px; border: 1px solid #000000; background-color: #617e9b;}
span.forumlistnumtopics, span.forumlistnumposts {font-size: 11px;}
span.forumlistdescription {color: #000000;}

/* WHOS ONLINE TABLE */
.forumlistwhosonlinetable {width: 740px; border: 1px solid #000000; background-color: #617e9b;}
.forumlistwhosonlinetd {padding: 6px;}

/* TOPIC LIST PAGE */
.topic_list_table {width: 740px; border:1px solid #000000; background-color:#617E9B;}
span.topiclistheader {font-size: 11px; color: #cccccc;}
.topiclisttopicname, span.topiclistnewswitch {font: 700 11px verdana, tahoma, arial;}
.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 {padding: 5px; color: #cccccc; height: 20px; background: #617e9b url(http://img.runboard.com/img/layouts/impaqt_1/separator.gif) repeat-x; padding-top: 1px; padding-bottom: 2px;}
span.topicliststartedby, span.topiclistreplies, span.topiclistviews {font-size: 11px;}
.topic_list_header_modbox_td {padding: 0;}
.ak_tl_topicrow_mouseover_off, .ak_tl_topicrow_mouseover_on {padding: 5px;}
span.topiclistreplies {font-weight: 700;}
span.topiclisttopicclosed, span.topiclisttopicsticky,span.topiclisttopichidden {font: 400 11px verdana; color: #cccccc;}

/* POLL TABLE AND ITS PARTS */
.ak_poll_table {font: 400 10px verdana; text-align: center; border: 1px solid #000000; background-color: #617e9b; margin-bottom: 10px;}
.ak_poll_table td {border: 0 solid #000000; border-bottom: 1px solid #000000;}
.ak_poll_table td td {border: none;}
.ak_poll_table_header {height: 20px; padding: 0 25px 0 25px; font-size: 10px; background: #617e9b url(http://img.runboard.com/img/layouts/impaqt_1/separator.gif) repeat-x; color: #cccccc; text-align: center;}
.ak_poll_table_header br {display: none;}
.ak_poll_table_header a {padding-left: 8px;}
.ak_poll_table_button_cell input {background-color: #617e9b; border: 1px solid #000000; height: 20px; font: 700 10px verdana; color: #cccccc; padding-bottom: 1px;}
.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: #617e9b url(http://img.runboard.com/img/layouts/impaqt_1/separator.gif) repeat-x;}
.ak_poll_table_option_gback2 {background: #617e9b url(http://img.runboard.com/img/layouts/impaqt_1/separator.gif) repeat-x;}
.ak_poll_table_option_gcell1, .ak_poll_table_option_gcell2 {border:1px solid #000000;}

/* NEW TOPIC & ADD REPLY BUTTONS */
.topiclistpostnewtopic a {padding: 12px 22px; font: 700 11px verdana, tahoma, arial; background: #000000 url(http://www.rbbt.net/skins/PR/techblue/techbluebutton.gif) no-repeat center center; outline: none;}

.postlistaddareply a {padding: 12px 28px; font: 700 11px verdana, tahoma, arial; background: #000000 url(http://www.rbbt.net/skins/PR/techblue/techbluebutton.gif) no-repeat center center; outline: none;}

/* MEMBERSHIP LIST */
.ak_msg_seememberlist_table td {border: 1px solid #000000; text-align: center;}
.ak_msg_seememberlist_table {font-size: 11px; border: 1px solid #000000; width: 740px; text-align: center; background-color: #617e9b;}
.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 {font: 700 11px verdana, tahoma, arial; color: #cccccc; height: 20px; background: #617e9b url(http://img.runboard.com/img/layouts/impaqt_1/separator.gif) repeat-x; padding-top: 1px; padding-bottom: 2px;}
.ak_msg_seememberlist_showing {font-size: 11px; font-family: verdana; color: #cccccc;}

/* POST TABLE */
.ak_msg_post_master_table {width: 740px; font: 400 11px verdana; border: 1px solid #000000; margin-bottom: 4px; background-color:#617e9b;}
.ak_msg_post_master_table td {border:1px solid #000000;}
span.postlistusername a, span.postlistpostname {font-size: 11px;}
span.postlistpostbody {font-size: 11px;}
blockquote {text-align: center; border: 1px solid #000000; font: 400 10px verdana; color: #cccccc; width: 98%; margin: 0; padding: 0;}
blockquote hr {display: none;}
span.postlistpostbody hr {display: none;}
span.postlist_link_to_post {border: 0; margin: 0; padding: 0;}
.share_hidden h4 {background: #5B7691;}
.user_popup {background: #CAD7DD; border: 1px solid #ccc;}
.user_popup a:link {color: #036;}
.user_popup a:visited {color: #036;}
.user_popup a:hover {color: #036;}

/* WRITE MESSAGE TABLE */
.ak_msgform_master_table {background-color:#617e9b; border:1px solid #000000; font: 400 11px verdana;}
.ak_msgform_master_table td {border: 1px solid #000000;}
.ak_msgform_poll_options_table {border: 1px solid #000000;}
.ak_msgform_poll_options_table td {border: none; border-bottom: 1px solid #000000; padding: 1px;}
.ak_msgform_poll_options_table td input {background-color: #cccccc; border: 1px solid #000000; font: 400 10px verdana, tahoma, arial;}

.ak_msgform_poll_options_head_td {color: #cccccc; font: 400 11px verdana, tahoma, arial; padding: 5px; text-align: center; height: 20px; background: #617e9b url(http://img.runboard.com/img/layouts/impaqt_1/separator.gif) repeat-x; padding-top: 1px; padding-bottom: 2px;}

.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: 400 10px verdana; border: 1px solid #444444; margin-top: 1px; height:20px; background: #617e9b url(http://img.runboard.com/img/layouts/impaqt_1/separator.gif) repeat-x; padding-top: 0; padding-bottom: 1px; color: #cccccc;}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea {background-color: #cccccc; border: 1px solid #444444; color: #000000; width: 350px; font-size: 11px; font-family: verdana;}

/* POSTICON TABLE */
.ak_subject_posticon_table {border:1px solid #000000; margin-bottom: 4px; background-color: #617e9b; 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; text-align: center;}
.ak_subject_posticon_head_td {text-align: center; font-size: 11px; font-family: verdana; color: #cccccc; background: #617e9b url(http://img.runboard.com/img/layouts/impaqt_1/separator.gif) repeat-x; padding-top: 1px; padding-bottom: 2px; height: 20px;}

/* SMILIE TABLE */
.msgform_clickable_smiley_box_h {border:1px solid #000000; color: #cccccc; height: 20px; padding: 4px; font: 700 11px verdana, tahoma, arial; padding-bottom: 8px; background: #617e9b url(http://img.runboard.com/img/layouts/impaqt_1/separator.gif) repeat-x;}
.msgform_clickable_smiley_box_b {padding-top: 5px;}
.msgform_clickable_smiley_box_b, .msgform_clickable_smiley_box_b td {border-width: 0;}


Custom HTML header
copy and paste the following HTML code into your Custom HTML header


<div id="head">Welcome</div>
<!-- SAMPLE BOARD LOCATION - CHANGE URL TO YOUR BOARDS LOCATION -->
<div id="community">
<a href="http://www.runboard.com/bnewtechblue">
<!-- SAMPLE BANNER -->
<img src="http://www.rbbt.net/skins/PR/techblue/samplebanner.jpg" alt="" /></a>
</div>


Custom HTML Footer
copy and paste the following HTML code into your Custom HTML Footer


<div id="foot">
<div class="backtotop">
<a href="#">Back To Top <img src="http://img.runboard.com/img/layouts/impaqt_1/top.gif" alt="" />
</a>
</div>
</div>


Customize colors and layout settings
copy and paste the following into the correct tab in your customize color section.


No Changes


Customize the language set
copy and paste the following into the correct tab in your custom language section.


No Changes


NOTE: All graphics which have an URL pointing to RBBT.NET are optimized versions of the same graphics currently being used by Runboard. These graphics are a gift to Runboard, and I release any claim I may have to them.

Graphics files: OLD=75.6kb NEW=29.2kb

If you need help with this skin, please ask your questions Here. Edit to include final design tweak requested by Thor.

Last edited by Pastor Rick, 2/19/2018, 1:51 pm


---

Advertise Boards On TRDConceptsDE
8/10/2009, 2:24 am Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator
Gold Supporter

Registered: 07-2005
Location: Texas
Posts: 10142
Karma: 271 (+330/-59)
Reply | Quote
Re: New Tech Blue


This skin is now the "official" start up (default) skin for Runboard! Image

---

Advertise Boards On TRDConceptsDE
10/10/2009, 5:21 pm Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25118
Karma: 423 (+476/-53)
Reply | Quote
Re: New Tech Blue


Well done, guys. emoticon

---
Runboard Knowledge Base
Website Creation Tutorials
10/10/2009, 6:57 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 


Add a reply



You are not logged in (login)