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. The link to the board is temporary, I will show the new Orange Tastic theme until May 15, 2007 then I'll be starting on my next project.
Temporary 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>