Pastor Rick
Moderator
Registered: 07-2005
Location: Texas
Posts: 10257
Karma: 272 (+331/-59)
|
Reply | Quote
|
|
New Tech Blue (updated for June 2010)
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
|
8/10/2009, 2:24 am
|
Link to post
Email Pastor Rick
PM Pastor Rick
Blog
|
Pastor Rick
Moderator
Registered: 07-2005
Location: Texas
Posts: 10257
Karma: 272 (+331/-59)
|
Reply | Quote
|
|
Re: New Tech Blue
This skin is now the "official" start up (default) skin for Runboard!
|
10/10/2009, 5:21 pm
|
Link to post
Email Pastor Rick
PM Pastor Rick
Blog
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: New Tech Blue
Well done, guys.
|
10/10/2009, 6:57 pm
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|