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
Global user (premium)

Registered: 07-2005
Location: Runboard Staff Aux
Posts: 9130
Karma: 254 (+313/-59)
Reply | Quote
New Tech Blue (updated for June 2010)


--Log in or sign up to see linked image content--


]New Tech Blue

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([sign in to see URL]) 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([sign in to see URL]) 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;}
[sign in to see URL], [sign in to see URL], [sign in to see URL] {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;}
[sign in to see URL] {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([sign in to see URL]) repeat-x; padding-top: 1px; padding-bottom: 2px;}
.forumlist_separator_td {color: #cccccc; height: 20px; background: #617e9b url([sign in to see URL]) repeat-x; padding-top: 1px; padding-bottom: 2px;}
[sign in to see URL] {font-size: 11px;}
.forumlistforumname, [sign in to see URL] {font:700 11px verdana, tahoma, arial;}
.forumlistboardstatsheader {color: #cccccc; background: #617e9b url([sign in to see URL]) repeat-x; font-size: 11px; border: 0;}
.forumlistboardstatstable {width: 740px; border: 1px solid #000000; background-color: #617e9b;}
[sign in to see URL], [sign in to see URL] {font-size: 11px;}
[sign in to see URL] {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;}
[sign in to see URL] {font-size: 11px; color: #cccccc;}
.topiclisttopicname, [sign in to see URL] {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([sign in to see URL]) repeat-x; padding-top: 1px; padding-bottom: 2px;}
[sign in to see URL], [sign in to see URL], [sign in to see URL] {font-size: 11px;}
.topic_list_header_modbox_td {padding: 0;}
.ak_tl_topicrow_mouseover_off, .ak_tl_topicrow_mouseover_on {padding: 5px;}
[sign in to see URL] {font-weight: 700;}
[sign in to see URL], [sign in to see URL],[sign in to see URL] {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([sign in to see URL]) 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([sign in to see URL]) repeat-x;}
.ak_poll_table_option_gback2 {background: #617e9b url([sign in to see URL]) 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([sign in to see URL]) no-repeat center center; outline: none;}

.postlistaddareply a {padding: 12px 28px; font: 700 11px verdana, tahoma, arial; background: #000000 url([sign in to see URL]) 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([sign in to see URL]) 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;}
[sign in to see URL] a, [sign in to see URL] {font-size: 11px;}
[sign in to see URL] {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;}
[sign in to see URL] hr {display: none;}
[sign in to see URL] {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([sign in to see URL]) 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([sign in to see URL]) 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([sign in to see URL]) 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([sign in to see URL]) 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="[sign in to see URL]">
<!-- SAMPLE BANNER -->
<img src="[sign in to see URL]" 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="[sign in to see URL]" 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 a url pointing to [sign in to see URL] are optimized versions of the same graphics currently being used by Runboard. These graphics are a free gift to Runboard and I release any claim I may have to them.

Graphics files: OLD=[sign in to see URL] NEW=[sign in to see URL]

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, 7/11/2010, 10:30 pm


---

RSFRDAdvertise Boards On TRDREITB
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
Global user (premium)

Registered: 07-2005
Location: Runboard Staff Aux
Posts: 9130
Karma: 254 (+313/-59)
Reply | Quote
Re: New Tech Blue


This skin is now the "official" start up (default) skin for Runboard! --Log in or sign up to see linked image content--

---

RSFRDAdvertise Boards On TRDREITB
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
Global user (premium)
Head of Runboard staff

Registered: 11-2005
Posts: 24318
Karma: 420 (+466/-46)
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)