The image above shows the new improved Orange Tastic 2.0 theme. Based on Smackdown5's original theme created back in 2005 I have updated it with LeSigner Girls help (if you ask her she will tell you her part was minor but I value her advice very highly).
The new theme:
1. loads in less than 8 seconds
2. allows the board owner to change graphics, board name and logo/motto and background all without doing away with the signature "orange tab" of the theme.
I am donating this to RunBoard if they want it so it can be available for any one.
Link to the Orange Tastic 2.0 board
The Custom CSS Code
/* ORANGE TASTIC 2.0 BODY SETTINGS BY PASTOR RICK */
body {background-color: #cd6701;margin: 1em auto;font-family: verdana, tahoma, arial, sans-serif; color: #000;}
/* ORANGE TASTIC NON-STANDARD CSS CLASSES */
/* THREE BACKGROUND SECTIONS */
.bghead {background-image: url(http://i81.photobucket.com/albums/j212/pelinor/orange2t.png);
background-repeat:no-repeat;width:770px;height:150px;margin: auto;}
.bgmid {background-image: url(http://i81.photobucket.com/albums/j212/pelinor/orange2mid.jpg);
background-repeat: repeat-y;background-position: center;background-color: #cd6701;width:770px;margin: auto;}
.bgfoot {background-image: url(http://i81.photobucket.com/albums/j212/pelinor/borange2t.png);
background-repeat: no-repeat;background-position: center;width:770px;height:27px;margin: auto;}
/* BANNER, TITLE AND LOGO SETTINGS */
.header {text-align:center; margin: 5px 0 5px 0; padding-left: 350px; height:140px;background:url(http://i81.photobucket.com/albums/j212/pelinor/OrangeLogo2.gif) 30px 10px no-repeat; }
.header h1 {font-weight:700;font-size:36px;margin:5px 0 0 0;}
.header p {font-weight:700;font-size:18px;margin:33px 0 0 0;}
/* WELCOME BOX */
.welcomebox {margin: auto;text-align:center;border:1px solid #000;background-color:#ff8c0f;width:740px;font-size:12px;}
.welcomeboxtitle {margin:auto;text-align:center;font-size:14px;font-weight:700;}
/* STANDARD RUNBOARD CSS CLASSES */
/* MOUSEOVER FORUM/TOPIC ROW (TURNED OFF BY DEFAULT) */
.ak_tl_topicrow_mouseover_on, .ak_fl_forumrow_mouseover_on {background-color:#ff9f11}
.ak_tl_topicrow_mouseover_off, .ak_fl_forumrow_mouseover_off {}
/* SETS THE WIDTHS OF MAIN TABLES */
.ak_msg_master_table {width:740px;font-size:11px}
.forum_list_table, .topic_list_table {width:740px;border: 1px solid #000;}
.ak_msg_post_master_table, .ak_msg_seememberlist_table, .forumlistboardstatstable, .forumlistwhosonlinetable {background-color: #ff8c0f;width:740px;border: 1px solid #000;}
/* SETTINGS FONT TYPE, COLOR AND SIZE TO REMAINING ELEMENTS */
.forumlistforumname, .topiclisttopicname {color:#000;font-size:12px;}
span.locationboard, span.locationforum, span.locationtopic {font-size:12px;}
span.forumlistnumtopics, span.forumlistnumposts {font-size:12px;font-weight:100;}
span.topiclistnewswitch, span.forumlistnewswitch {color:#000;font-size:12px;}
.forumlistboardstatsheader {font-size:12px;border-width:0px;color:#000}
span.forumlistheader, span.topiclistheader, span.forumlistseparator, span.topiclisttopicname, span.topiclistreplies, span.topiclistviews{color:#000;font-size:12px;}
span.topiclistlastpost, span.topicliststartedby {font-size:12px}
span.forumlistdescription {color:#404040}
span.topiclisttopicclosed, span.topiclisttopicsticky,span.topiclisttopichidden {font-size:12px;font-weight:100;}
/* POST TABLE */
.ak_msg_post_master_table {font-size:12px;border:1px solid #000}
.ak_msg_post_master_table td {border:1px solid #000}
span.postlistpostbody {font-size:12px;color:#000}
span.postlistusername a, span.postlistpostname {color:#000;font-size:12px}
span.postlistusertitle font {color:#000}
blockquote {border: 1px solid #000;;background-color:#FF9F11;font-size:12px;}
blockquote hr {display:none}
/* HORIZONTAL RULE FOR CROSS COMPATIBILITY REASONS WE USE THE BORDER TO GIVE THE LINE EFFECT */
hr {height:0px;border:0px solid #000;border-top-width:1px;width:100%}
/* DEFAULT 'FORUM READY' MSGS ARE MADE SCROLL INSTEAD OF DISTORTING TABLES */
.postlistpostbody pre {font-size:11px;font-weight:100;overflow:scroll;width:500px;border:1px solid #FF9F11}
/* CHANGES AND ADJUSTS THE WHO IS ONLINE TABLE */
.forumlistwhosonlinetable {background:#ff8c0f}
.forumlistwhosonlinetd {padding: 6px;}
/* WRITE MESSAGE */
.ak_msgform_master_table {background-color:#ff8c0f;border:1px solid #000;font-size:12px}
.ak_msgform_master_table td {border:1px solid #FF9F11}
.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 {font-size:12px;border: 1px solid #000;background-color:#FF9F11}
.qcode_bar_but {font-size:12px;border:1px solid #444;background-color:#FF9F11;margin-top:1px}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea {background-color:#FF9F11;border:solid 1px #000;color:#000;width:400px;font-size:12px;}
.ak_msgform_poll_options_table {border solid 1px #000}
.ak_msgform_poll_options_table td{border:1px solid #ff9f11}
.ak_msgform_poll_options_right_td input {background-color:#FF9F11; padding:2px 0 2px 0;margin:2px;font-size:12px;color:#000;}
/* POLL TABLE AND ITS PARTS */
.ak_poll_table {font-size:12px;text-align:center;border:1px solid #000;background-color:#ff8c0f;margin-bottom:15px}
.ak_poll_table_header {height:22px;padding:0px 25px 0px 25px;font-size:12px;}
.ak_poll_table_header br {display:none}
.ak_poll_table_header a {padding-left:10px}
.ak_poll_table_button_cell input {background-color:#ff9f11;border 1px solid #000;height:22px;font-size:12px;}
.ak_poll_table td {border-width:0px}
.ak_poll_table_option_rcell1 input, .ak_poll_table_option_rcell2 input {border:none}
.ak_poll_table_viewres_cell {font-weight:800;font-size:12px}
.ak_poll_table_option_gback1 {background-color:#FF9F11}
.ak_poll_table_option_gback2 {background-color:#FF9F11}
.ak_msgform_poll_options_right_td input {border solid 1px #000}
.ak_poll_table_viewres_cell a:link {text-decoration: underline overline;font-size:12px}
/* NEW TOPIC & ADD REPLY BUTTONS */
.topiclistpostnewtopic a, .postlistaddareply a {color:#000;font-size:12px;}
/* SETS THE BEVELED IMAGE USED FOR HEADER OF MOST TABLES */
.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, .ak_poll_table_header, .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, .forumlistboardstatsheader, .forumlist_separator_td, .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, .msgform_clickable_smiley_box_h, .ak_subject_posticon_head_td, .ak_msgform_poll_options_head_td {font-size:12px;color:#000;height:20px;background-image:url(http://img.runboard.com/img/layouts/smackdown5_9/separator.gif);background-repeat: repeat-x;padding-top:1px 0 2px 0}
/* BOARD STATS TABLE */
.forumlistboardstatsheader {border-bottom: 1px solid #FF9F11;font-size:12px;}
/* POSTICONS & SMILIE TABLES */
.ak_clickposticon_td,.ak_clickposticon_table, .ak_subject_posticon_table {border-width:0px}
.ak_subject_posticon_table {padding:0px;border: 1px solid #000;text-align:center;font-size:12px;background-color:#ff8c0f;margin-bottom:5px}
.ak_subject_posticon_table td {border-width:0px}
.ak_subject_posticon_head_td {text-align:center;font-size:12px;font-color:#000;}
.msgform_clickable_smiley_box_h {padding-left:10px;padding-top:4px;padding-right:10px;font-size:12px;border:1px solid #000;background-color:#ff8c0f;color:#000}
.msgform_clickable_smiley_box_b {margin-top:5px;margin-bottom:5px;text-align:center}
.msgform_clickable_smiley_box_b, .msgform_clickable_smiley_box_b_td, .msgform_clickable_smiley_box_b td {border-width:0px;border-style:solid}
/* MEMBERSHIP LIST */
.ak_msg_seememberlist_table td {border-width:0px;text-align:center}
.ak_msg_seememberlist_table {font-size:11px;}
.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 {color:#000;font-size:11px;padding:1px;text-align:center;}
.ak_msg_seememberlist_showing {font-size:11px;color:#000}
.ak_poll_table_header {font-size:11px}
/* SETTING FOR ALL CLASSES, TAGS, ETC */
* {font-family: verdana, tahoma, arial, sans-serif;}
The Custom HTML Header Code
<div class="bghead">
<!-- BANNER, TITLE AND LOGO AREA -->
<div class="header">
<h1>Sample Board Title</h1>
<p>~ and logo sample ~</p>
</div></div>
<div class="bgmid"><div class="welcomebox"><span class="welcomeboxtitle">Welcome To The Board:</span><p>
This is a sample message which I wrote here for you to read.
</p>
<p>~ This is Orange Tastic 2.0 Sample Skin ~</p></div>
The Custom HTML Footer Code
</div>
<div class="bgfoot"></div>
Last edited by Pastor Rick, 9/28/2012, 7:54 am