The Box
Custom CSS
copy and paste the following CSS code into your Custom CSS box
.bghead {
background-image : url(http://img90.imageshack.us/img90/4066/sheader7kl0yw.gif);
background-repeat : no-repeat;
background-position : center 0%;
background-color : #262626;
width : 772px;
height : 31px;
}
.bgmid {
background-image : url(http://img204.imageshack.us/img204/1235/smid3um3hk.gif);
background-repeat : repeat-y;
background-position : center 0%;
background-color : #262626;
width : 772px;
}
.bgfoot {
background-image : url(http://img204.imageshack.us/img204/6725/sooter7yd5dx.gif);
background-repeat : no-repeat;
background-position : center 0%;
background-color : #262626;
width : 772px;
height : 32px;
}
body {
background-color : #0d0d0d;
margin-left : 0;
margin-right : 0;
}
.ak_msg_master_table {
border : none;
width : 97%;
font-family : verdana;
font-size : 11px;
}
.forum_list_table, .topic_list_table, .ak_msg_post_master_table, .ak_msg_seememberlist_table {
width : 100%;
border-style : solid;
border-width : 1px;
border-color : #767676;
background-color : #767676;
}
.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 {
font-family : verdana;
font-size : 11px;
height : 18px;
background-image : url(http://img97.imageshack.us/img97/7191/sep9ku.gif);
padding-top : 0;
padding-bottom : 0;
}
.forumlistwhosonlinetable {
width : 99%;
border-style : solid;
border-width : 1px;
border-color : #767676;
background-color : #0d0d0d;
font-family : verdana;
font-size : 11px;
color : #767676;
}
.forumlistwhosonlinetd {
padding : 6px 6px 6px 6px;
}
.forumlistboardstatsheader {
background-color : #0d0d0d;
background-image : url(http://img97.imageshack.us/img97/7191/sep9ku.gif);
background-repeat : repeat-x;
border-bottom : 1px solid #767676;
font-size : 10px;
color : #8db6cd;
border-right : 1px solid #767676;
}
.forumlistboardstatstable {
background-color : #0d0d0d;
border : 1px solid #767676;
border-right : 0 solid #767676;
}
.forumlistboardstatstitle {
width : 25%;
text-align : center;
font-family : verdana;
font-size : 10px;
color : #767676;
}
.forumlistboardstatsdata {
width : 25%;
background-color : #0d0d0d;
text-align : center;
border-left : 1px solid #767676;
border-right : 1px solid #878787;
font-family : verdana;
font-size : 10px;
color : #767676;
}
.forumlistboardstatstable {
width : 100%;
border : 1px solid #767676;
}
span.locationboard, span.locationforum, span.locationtopic {
font-size : 11px;
font-family : verdana;
}
.forumlistforumname, .topiclisttopicname {
color : #8db6cd;
font-size : 11px;
font-family : verdana;
}
span.forumlistnumtopics, span.forumlistnumposts {
font-size : 11px;
font-family : verdana;
}
span.topiclistnewswitch, span.forumlistnewswitch {
color : #767676;
font-size : 11px;
font-family : verdana;
}
.forumlistboardstatsheader {
font-family : verdana;
font-size : 11px;
border-width : 0;
color : #000000;
}
span.forumlistheader, span.topiclistheader, span.forumlistseparator, span.topiclisttopicname, span.topicliststartedby, span.topiclistreplies, span.topiclistviews {
font-family : verdana;
font-size : 11px;
}
span.topiclistlastpost {
font-family : verdana;
font-size : 10px;
}
span.topiclisttopicclosed, span.topiclisttopicsticky, span.topiclisttopichidden {
font-size : 10px;
font-weight : normal;
font-family : verdana;
color : #8db6cd;
}
.ak_msg_post_master_table {
font-family : verdana;
font-size : 10px;
}
span.postlistusername a, span.postlistpostname {
color : #767676;
font-family : verdana;
font-size : 11px;
}
.ak_msg_post_table {
padding-left : 3px;
}
span.postlistusertitle font {
color : #8db6cd;
}
blockquote {
border : 1px solid #767676;
background-color : #262626;
}
blockquote hr {
display : none;
}
hr {
height : 0;
width : 100%;
border : none;
border-bottom : 1px solid #767676;
}
.postlistpostbody pre {
font-size : 9px;
font-family : verdana;
font-weight : normal;
overflow : scroll;
width : 500px;
border : 1px solid #767676;
}
.ak_msgform_master_table {
background-color : #0d0d0d;
border : 2px solid #767676;
font-family : verdana;
font-size : 11px;
}
.ak_msgform_master_table td {
border : 1px solid #767676;
}
.ak_msgform_master_table input {
border : 1px solid #767676;
}
.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 #767676;
height : 18px;
background-image : url(http://img97.imageshack.us/img97/7191/sep9ku.gif);
background-repeat : repeat-x;
color : #000000;
font-family : verdana;
font-size : 11px;
}
.qcode_bar_but {
font-family : verdana;
font-size : 10px;
border : 1px solid #767676;
background-color : #0d0d0d;
color : #000000;
height : 18px;
background-image : url(http://img97.imageshack.us/img97/7191/sep9ku.gif);
background-repeat : repeat-x;
margin-top : 1px;
padding-left : 2px;
padding-right : 2px;
}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea {
background-color : #262626;
border-style : solid;
border-width : 1px;
border-color : #767676;
color : #ffffff;
width : 340px;
font-family : verdana;
font-size : 11px;
}
.ak_msgform_poll_options_table {
border-style : solid;
border-width : 0;
border-color : #767676;
}
.ak_msgform_poll_options_right_td input {
background-color : #262626;
padding-top : 2px;
padding-bottom : 2px;
margin : 2px;
font-family : verdana;
font-size : 11px;
color : #ffffff;
}
.ak_msgform_poll_options_table td {
border : none;
}
.ak_poll_table {
font-size : 10px;
font-family : verdana;
text-align : center;
border : 1px solid #767676;
background-color : #0d0d0d;
margin-bottom : 15px;
}
.ak_poll_table_header {
height : 19px;
padding : 0 25px 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 : #0d0d0d;
border-width : 1px;
border-style : solid;
border-color : #767676;
height : 23px;
background-image : url(http://img97.imageshack.us/img97/7191/sep9ku.gif);
background-repeat : repeat-x;
color : #000000;
font-family : verdana;
font-size : 11px;
color : #000000;
}
.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;
color : #000000;
}
.ak_poll_table_option_gback1 {
background-color : #8db6cd;
}
.ak_poll_table_option_gback2 {
background-color : #8db6cd;
}
.ak_msg_seememberlist_table td {
border-style : solid;
border-width : 1px;
border-color : #0d0d0d;
}
.ak_msg_seememberlist_table {
width : 100%;
border-style : solid;
border-width : 2px;
border-color : #767676;
background-color : #0d0d0d;
font-size : 10px;
}
.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-family : verdana;
font-size : 11px;
padding : 3px;
text-align : center;
}
.topiclistpostnewtopic a, .postlistaddareply a {
color : #cccccc;
background-position : center 0%;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 15px;
padding-right : 15px;
font-size : 11px;
font-family : verdana;
background-color : #0d0d0d;
background-repeat : repeat-x;
border-width : 2px;
border-style : solid;
border-color : #767676;
}
.ak_subject_posticon_table {
border : 1px solid #767676;
margin-bottom : 4px;
padding : 0;
color : #000000;
text-align : center;
background-color : #262626;
}
.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;
}
.ak_subject_posticon_head_td {
background-color : #262626;
font-family : verdana, tahoma;
font-size : 11px;
height : 19px;
background-image : url(http://img97.imageshack.us/img97/7191/sep9ku.gif);
background-repeat : repeat-x;
padding-top : 0;
padding-bottom : 0;
color : #00000c;
text-align : center;
}
.msgform_clickable_smiley_box_h {
background-color : #262626;
font-family : verdana, tahoma;
font-size : 11px;
padding : 0;
padding-top : 1px;
color : #000000;
text-align : center;
background-image : url(http://img97.imageshack.us/img97/7191/sep9ku.gif);
background-repeat : repeat-x;
border : 1px solid #767676;
}
.msgform_clickable_smiley_box_b {
border-width : 0;
padding-top : 6px;
padding-left : 8px;
}
.msgform_clickable_smiley_box_b td {
border-width : 0;
}
.backtotop {
font-family : verdana;
font-size : 11px;
color : #000000;
padding-top : 0;
text-align : center;
}
img {
border : 0;
}
.ak_msg_postlist_betweenposts_table {
height : 2px;
display : block;
}
.ak_msg_postlist_betweenposts_table_td {
height : 2px;
display : block;
}
span.pageindexvaluenow {
font-size : 13px;
font-weight : bold;
background-color : #0d0d0d;
border-style : solid;
border-width : 2px;
border-color : #767676;
}
.welcomebox {
background-color : #0d0d0d;
border : 1px solid #767676;
width : 95%;
font-family : verdana;
font-size : 9px;
color : #767676;
}
.welcomeboxtitle {
font-family : verdana;
font-size : 10px;
color : #8db6cd;
}
Custom HTML header
copy and paste the following HMTL code into your Custom HTML header
<center><div align="center" class="bghead">
</div>
<div align="center" class="bgmid"><center></center>
<!-- START OF WELCOME BOX -->
<br><center><div class="welcomebox">
<span class="welcomeboxtitle">Welcome To This Message Board:</span><br>
You can edit this message here with your own. Goto:
<br>Control Panel > Select Your Board > Click Manage> Edit Colors/Layout Of Your Board> Manage Custom HTML Content >
</div></center>
<!-- END OF WELCOME BOX -->
<br>
<br>
Custom HTML Footer
copy and paste the following HMTL code into your Custom HTML header
</div><center><div class="bgfoot"><div class="backtotop"><a href="#"><font size="2">Back To Top</font></a></div>
Customize colors and layout settings
copy and paste the following into the correct tab in your customize color section.
Background color: #262626
Text color : #BBBBBB
Bottom info line color : #BBBBBB
Link color :#8DB6CD
Visited link color : #8DB6CD
Hover link color #767676
Forum list table header text color : #000000
Forum list table first alternate background color : #0D0D0D
Forum list table second alternate background color : #0D0D0D
Forum list table text color (optional) : #767676
Forum list table description color : #767676
Forum list table separator text color : #000000
Topic list table header text color : #000000
Topic list table first alternate background color :#0D0D0D
Topic list table second alternate background color : #0D0D0D
Topic list table text color (optional) : #767676
Post list table first alternate background color :#0D0D0D
Post list table second alternate background color :#0D0D0D
Post list table border color :#767676
