Tropical Theme
Custom CSS
copy and paste the following CSS code into your Custom CSS box
/* DEFINES BODY COLOR FONT AND POSITION */
body {
font-family: verdana, helvetica, sans-serif;
background-color : #163f92;
margin:1.5em;}
/* PREVENTS BORDERS ON IMAGE LINKS */
img{border:0}
/* DEFINES MIDDLE COLOR AND BORDERS */
#container {
width : 798px;
background-color : #d8bd8e;
margin : 0 auto;
border-top : 0;
border-bottom : 0;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
}
/* DEFINES HEADER SIZE AND BACKGROUND */
#header {
width : 800px;
height : 172px;
background-image : url(http://rbbt.net/skins/joshin_josh/tropical/header.gif);
background-repeat : repeat-x;
text-align : center;
margin : 0 auto;
}
/* DEFINES FOOTER SIZE AND BACKGROUND */
#footer {
width : 800px;
height : 172px;
background-image : url(http://rbbt.net/skins/joshin_josh/tropical/footer.gif);
background-repeat : repeat-x;
text-align : center;
margin : 0 auto;
}
/* DEFINES BACK TO TOP LINK AND HOVER */
.backtotop a {
border : 1px solid #000000;
background-color : #b79e76;
display:block;
margin:0 auto;
width: 8em;
}
.backtotop a:hover {
background-color : #d8bd8e;
}
/* DEFINES SPACE BETWEEN POSTS */
.ak_msg_postlist_betweenposts_table {
height : 10px;
display : block;
}
.ak_msg_postlist_betweenposts_table_td {
height : 10px;
display : block;
}
/* DEFINES BOXED PAGE NUMBERS */
span.pageindexvaluenow {
font-size : 13px;
font-weight : bold;
border : 1px solid #000000;
background-color : #b79e76;
}
/* DEFINES POST NEW TOPIC AND ADD REPLY BOXES */
.topiclistpostnewtopic a, .postlistaddareply a {
background-color : #b79e76;
border : 1px solid #000000;
padding : 5px;
}
.topiclistpostnewtopic a:hover {
border-color : #000000;
background-color : #d8bd8e;
}
.postlistaddareply a:hover {
border-color : #000000;
background-color: #d8bd8e;
}
/* DEFINES WIDTH AND COLOR OF TABLES */
.ak_msg_master_table {
border : none;
width : 770px;
font-size : 11px;
}
.forum_list_table, .topic_list_table, .ak_msg_post_master_table {
width : 100%;
border : 1px solid #000000;
background-color : #000000;
}
/* DEFINES SEPARATOR COLORS */
.ak_msgform_poll_options_head_td, .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, .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 {
font-size : 11px;
height : 25px;
background-color: #666633;
padding-top : 2px;
padding-bottom : 2px;
}
/* DEFINES WHOS ONLINE AND STATS BOXES */
.forumlistwhosonlinetable, .forumlistboardstatstable {
width : 100%;
border : 1px solid #000000;
background-color : #b79e76;
}
.forumlistwhosonlinetd {
padding : 6px;
}
.forumlistboardstatsheader {
font-size : 11px;
border-width : 0;
height : 25px;
background-color: #666633;
color : #000000;
}
/* DEFINES MISCOPTBAR COLORS AND WIDTH */
.ak_miscoptbar_table {
width : 100%;
border : 1px solid #000000;
background-color : #b79e76;
}
/* DEFINES FONT SIZE AND COLORS FOR TOPIC FORUM AND POST LISTS */
span.locationboard, span.locationforum, span.locationtopic {
font-size : 11px;
}
.forumlistforumname, .topiclisttopicname {
color : #000000;
font-size : 11px;
}
span.forumlistnumtopics, span.forumlistnumposts {
font-size : 11px;
font-family : verdana;
}
span.topiclistnewswitch, span.forumlistnewswitch {
color : #000000;
font-size : 11px;
}
span.forumlistheader, span.topiclistheader, span.forumlistseparator, span.topiclisttopicname, span.topicliststartedby, span.topiclistreplies, span.topiclistviews {
font-size : 11px;
}
span.topiclistlastpost {
font-size : 10px;
}
span.topiclisttopicclosed, span.topiclisttopicsticky, span.topiclisttopichidden {
font-size : 10px;
font-weight : normal;
}
.ak_msg_post_master_table {
font-size : 10px;
}
span.postlistusername a, span.postlistpostname {
color : #536034;
font-size : 11px;
}
.ak_msg_post_table {
padding-left : 3px;
}
span.postlistusertitle font {
color : #000000;
}
blockquote {
border : 1px solid #000000;
background-color : #d8bd8e;
}
blockquote hr {
display : none;
}
hr {
height : 0;
width : 100%;
border : none;
border-bottom : 1px solid #000000;
}
.postlistpostbody pre {
font-size : 9px;
font-weight : normal;
overflow : scroll;
width : 500px;
border : 1px solid #000000;
}
/* DEFINES COLORS AND IMAGES IN MESSAGE AREA */
.ak_msg_post_table {
border : 1px solid #000000;
background-color: #d8bd8e;
padding : 5px;
}
.ak_msgform_master_table {
background-color: #b79e76;
border : 1px solid #000000;
font-size : 11px;
}
.ak_msgform_master_table td {
border : none;
}
.ak_msgform_master_table input {
border : none;
}
.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 {
border : 1px solid #000000;
height : 25px;
background-color : #666633;
color : #000000;
font-size : 11px;
}
.qcode_bar_but {
font-size : 10px;
border : 1px solid #000000;
background-color : #666633;
color : #000000;
height : 25px;
margin-top : 2px;
padding-left : 5px;
padding-right : 5px;
}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea {
background-color : #d8bd8e;
border : 1px solid #000000;
color : #000000;
width : 340px;
font-size : 11px;
}
.ak_msgform_poll_options_table {
border : 1px solid #000000;
}
.ak_msgform_poll_options_right_td input {
background-color : #d8bd8e;
padding-top : 2px;
padding-bottom : 2px;
margin : 2px;
font-size : 11px;
color : #000000;
border : 1px solid #000000;
}
/* DEFINES POLL TABLE COLORS */
.ak_poll_table {
font-size : 10px;
text-align : center;
border : 1px solid #000000;
background-color : #b79e76;
margin-bottom : 15px;
}
.ak_poll_table_header {
height : 25px;
padding : 0 25px;
font-size : 11px;
}
.ak_poll_table_header br {
display : none;
}
.ak_poll_table_header a {
padding-left : 10px;
}
.ak_poll_table_button_cell input {
background-color : #666633;
border : 1px solid #000000;
height : 22px;
color : #000000;
font-size : 11px;
}
.ak_poll_table td {
border-width : 0;
}
.ak_poll_table_option_rcell1 input, .ak_poll_table_option_rcell2 input {
border : none;
}
.ak_poll_table_viewres_cell {
font-weight : bold;
font-size : 11px;
}
.ak_poll_table_option_gback1 {
background-color : #000000;
}
.ak_poll_table_option_gback2 {
background-color : #000000;
}
/* DEFINES MEMBER LIST COLORS AND SIZE */
.ak_msg_seememberlist_table td {
border : 1px solid #000000;
}
.ak_msg_seememberlist_table {
font-size : 10px;
background-color : #b79e76;
width : 760px;
}
.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 : #000000;
font-size : 11px;
padding : 3px;
text-align : center;
}
/* DEFINES POST ICONS AND SMILEY COLORS */
.ak_subject_posticon_table {
padding : 0;
text-align : center;
color : #000000;
font-size : 11px;
border : 1px solid #000000;
background-color : #d8bd8e;
margin-bottom : 5px;
}
.ak_subject_posticon_head_td {
text-align : center;
font-size : 11px;
color : #000000;
}
.msgform_clickable_smiley_box_h {
padding-left : 10px;
padding-right : 10px;
background-image : url(http://img232.imageshack.us/img232/1238/smileyge0.jpg);
background-repeat : repeat-x;
background-position : top center;
font-size : 11px;
border : 1px solid #000000;
background-color : #b79e76;
color : #000000;
}
.msgform_clickable_smiley_box_b {
margin-top : 8px;
text-align : center;
}
.msgform_clickable_smiley_box_b, .msgform_clickable_smiley_box_b_td, .msgform_clickable_smiley_box_b td {
border-width : 0;
}
Custom HTML header
copy and paste the following HMTL code into your Custom HTML header
<!--- START HEADER --->
<div id="header">
<h1>Board name/logo here</h1>
</div><!--- END HEADER --->
<!--- START MIDDLE --->
<div id="container">
Custom HTML Footer
copy and paste the following HMTL code into your
</div><!--- END MIDDLE --->
<!--- START FOOTER --->
<div id="footer"><div class="backtotop"><a href="#">Back To Top</a></div></div><!--- END FOOTER --->
Customize colors and layout settings
copy and paste the following into the correct tab in your customize color section.
Background color:#D8BD8E
Text color :#000000
Bottom info line color :#000000
Link color :#536034
Visited link color :#536034
Hover link color :#000000
Forum list master table border color :#000000
Forum list table border color :#000000
Forum list table header border color :#000000
Forum list table header text color :#000000
Forum list table first alternate background color :#B79E76
Forum list table second alternate background color :#B79E76
Forum list table text color (optional) :#000000
Forum list table description color :#000000
Forum list table separator text color :#000000
Forum list master table width (percents):100
Forum list table width (percents):100
Then go to the top of the page and click on the 2 links that say:
Copy forum list settings to topic list settings
Copy forum list settings to post list settings
Customize the language set
copy and paste the following into the correct tab in your custom language section.
forum_list_newtext<img src="http://rbbt.net/skins/joshin_josh/tropical/new.gif">
topic_list_newtext<img src="http://rbbt.net/skins/joshin_josh/tropical/new.gif">
forum_list_nonewtext<img src="http://rbbt.net/skins/joshin_josh/tropical/nonew.gif">
forum_list_nonewtext<img src="http://rbbt.net/skins/joshin_josh/tropical/nonew.gif">
Last edited by Joshin Josh, 8/4/2007, 4:44 pm
