Blue'n'Grey Enchanced w/Sidebar
First you need to change your Board's Skin to Blue'n'grey (by Eppik3).
Custom CSS
copy and paste the following CSS code into your Custom CSS box
body {
margin : 0;
font-family : verdana, helvetica, arial, sans-serif;
}
img {
border : 0;
}
#offset {
margin-left : -165px;
width : 100%;
float : right;
}
#container {
margin-left : 165px;
float : right;
}
#nav {
width : 165px;
float : left;
margin : 0;
}
#footer {
clear : both;
text-align : center;
padding : 2px;
}
.header {
padding : 2px;
}
.navlist {
text-align : center;
font-size : 10px;
background : #e3e3e3;
border : 1px solid #000000;
}
.navlist h2 {
border : 0 solid #000000;
background : #e3e3e3;
color : #000000;
letter-spacing : 3px;
font-size : 15px;
margin : 1px;
background-image : url(http://img.runboard.com/img/layouts/epikk3_2/tableheaderbg.jpg);
background-repeat : repeat-x;
text-align : center;
}
.navlist h2 {
height : 25px;
}
.nav {
background-color : #000000;
border-color : #e3e3e3;
border-style : solid;
border-width : 1px;
}
#header {
background-image : url(http://img.runboard.com/img/layouts/epikk3_2/bgblur.jpg);
background-repeat : repeat-x;
background-color : #e3e3e3;
width : 100%;
border : 0;
}
.footer {
background-color : #ffffff;
border-color : #000000;
border-style : solid;
border-width : 0;
height : 27px;
padding : 0;
margin : 0;
}
.container {
margin : 1px;
background-color : #ffffff;
background-repeat : repeat;
border-color : #000000;
border-style : solid;
border-width : 0;
font-size : 12px;
}
.footer {
font-size : 12px;
}
#nav ul {
width : 158px;
padding : 0;
border : 1px solid #000000;
border-top : 0;
margin : 0;
font : bold 10px verdana, helvetica, arial, sans-serif;
background : #e3e3e3;
}
#nav ul li {
list-style : none;
margin : 0;
border : 0;
border-top : 1px solid #000000;
}
#nav ul li a {
display : block;
width : 122px;
padding : 4px 8px 4px 8px;
border : 0;
border-left : 20px solid #ffffff;
background : #e3e3e3;
text-decoration : none;
text-align : center;
}
#nav ul li a:link {
color : #000000;
text-decoration : none;
}
#nav ul li a:visited {
color : #000000;
text-decoration : none;
}
#nav ul li a:hover {
text-decoration : none;
border-color : #e3e3e3;
color : #767676;
background : #ffffff;
}
.ak_fl_forumrow_mouseover_on {
background-color : #e3e3e3;
cursor : pointer;
padding : 5px 5px 5px 5px;
border-width : 0 0 0 0;
}
.ak_tl_topicrow_mouseover_on {
background-color : #e3e3e3;
padding : 10px 10px 10px 10px;
border-width : 0 0 0 0;
}
.forumlistboardstatstable, .forumlistwhosonlinetable {
width : 100%;
border-style : solid;
border-width : 1px;
border-color : #000000;
background-color : #ffffff;
}
.ak_fl_boardstats_master_table {
width : 100%;
}
.forumlistboardstatstable {
width : 100%;
border-style : solid;
border-width : 1px;
border-color : #000000;
}
.forumlistboardstatsdata {
background-color : #ffffff;
border-style : solid;
border-width : 0;
border-color : #000000;
font-size : 10px;
color : #000000;
font-family : verdana, arial, helvetica, sans-serif;
padding : 3px 3px 3px 3px;
}
.forumlistboardstatsheader {
background-image : url(http://img.runboard.com/img/layouts/epikk3_2/tableheaderbg.jpg);
width : 100%;
border-style : solid;
border-width : 0;
border-color : #000000;
}
.forumlistboardstatstitle {
background-color : #e3e3e3;
border-style : solid;
border-width : 1px;
border-color : #000000;
font-size : 10px;
color : #000000;
font-family : verdana, arial, helvetica, sans-serif;
padding : 3px 3px 3px 3px;
}
.postlistpostbody pre {
font-size : 9px;
font-family : verdana;
font-weight : normal;
overflow : scroll;
height : 300px;
width : 600px;
border : 1px solid #000000;
background : #e3e3e3;
}
.forumlist_separator, .forumlist_separator_td {
font-family : verdana;
font-size : 10px;
height : 27px;
background-image : url(http://img.runboard.com/img/layouts/epikk3_2/tableheaderbg.jpg);
background-repeat : repeat-x;
padding-top : 0;
padding-bottom : 0;
text-align : left;
}
.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, .forumlistboardstatsheader, .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-family : verdana;
font-size : 10px;
height : 25px;
background-image : url(http://img.runboard.com/img/layouts/epikk3_2/tableheaderbg.jpg);
background-repeat : repeat-x;
padding-top : 0;
padding-bottom : 0;
}
.forumlistwhosonlinetd {
padding : 6px 6px 6px 6px;
font-size : 11px;
font-family : verdana, arial, helvetica, sans-serif;
}
.ak_miscoptbar_table {
border : 1px solid #000000;
background-color : #ffffff;
width : 100%;
padding : 4px 4px 4px 4px;
font-size : 11px;
font-family : verdana, arial, helvetica, sans-serif;
}
.ak_msg_post_master_table {
font-family : verdana;
font-size : 10px;
}
span.postlistusername a {
color : #000000;
font-family : verdana;
font-size : 11px;
}
.ak_msg_post_table {
padding-left : 3px;
}
span.postlistpostname, span.postlistusertitle font {
color : #000000;
font-size : 11px;
}
blockquote {
border : 1px solid #000000;
background-color : #e3e3e3;
}
blockquote hr {
display : none;
}
hr {
height : 0;
width : 100%;
border : none;
border-bottom : 1px solid #000000;
}
.ak_msgform_master_table {
background-color : #ffffff;
border : none;
font-family : verdana;
font-size : 11px;
}
.ak_msgform_master_table td {
border : 1px solid #000000;
}
.ak_msgform_master_table input {
border : 1px solid #000000;
}
.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-width : 1px;
border-style : solid;
border-color : #000000;
height : 22px;
background-image : url(http://img.runboard.com/img/layouts/epikk3_2/tableheaderbg.jpg);
background-repeat : repeat-x;
color : #000000;
font-family : verdana;
font-size : 11px;
}
.qcode_bar_but {
font-family : verdana;
font-size : 10px;
border-style : solid;
border-width : 1px;
border-color : #000000;
background-color : #e3e3e3;
color : #000000;
height : 22px;
background-image : url(http://img.runboard.com/img/layouts/epikk3_2/tableheaderbg.jpg);
background-repeat : repeat-x;
margin-top : 2px;
padding-left : 5px;
padding-right : 5px;
}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea {
background-color : #e3e3e3;
border-style : solid;
border-width : 1px;
border-color : #000000;
color : #000000;
width : 340px;
font-family : verdana;
font-size : 11px;
}
.ak_msgform_poll_options_table {
border-style : solid;
border-width : 1px;
border-color : #000000;
}
.ak_msgform_poll_options_right_td input {
background-color : #e3e3e3;
padding-top : 2px;
padding-bottom : 2px;
margin : 2px;
font-family : verdana;
font-size : 11px;
color : #000000;
border-style : solid;
border-width : 1px;
border-color : #000000;
}
.ak_poll_table {
font-size : 10px;
font-family : verdana;
text-align : center;
border-width : 1px;
border-style : solid;
border-color : #000000;
background-color : #ffffff;
margin-bottom : 15px;
}
.ak_poll_table_header {
height : 22px;
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 : #ffffff;
border-width : 1px;
border-style : solid;
border-color : #000000;
height : 22px;
background-image : url(http://img.runboard.com/img/layouts/epikk3_2/tableheaderbg.jpg);
background-repeat : repeat-x;
color : #000000;
font-family : verdana;
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 : #e3e3e3;
}
.ak_poll_table_option_gback2 {
background-color : #000000;
}
.ak_msg_seememberlist_table td {
border-width : 1px;
border-style : solid;
border-color : #000000;
background-color : #ffffff;
}
.ak_msg_seememberlist_table {
font-size : 10px;
width : 100%;
}
.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;
}
.ak_subject_posticon_table {
padding : 0;
text-align : center;
color : #000000;
font-family : verdana, tahoma, arial;
font-size : 11px;
border : none;
background-color : #ffffff;
margin-bottom : 5px;
width : 98%;
}
.ak_subject_posticon_head_td {
text-align : center;
font-family : verdana;
font-size : 11px;
color : #000000;
}
.msgform_clickable_smiley_box_h {
padding-left : 10px;
padding-right : 10px;
font-family : verdana;
font-size : 11px;
border : 1px solid #000000;
background-color : #ffffff;
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;
border-style : solid;
}
.ak_msg_postlist_betweenposts_table {
height : 2px;
display : block;
}
.ak_msg_postlist_betweenposts_table_td {
height : 2px;
display : block;
}
span.pageindexvaluenow {
background-color : #e3e3e3;
border : 1px solid #000000;
font-size : 14px;
padding : 3px;
}
.ak_msg_post_table {
padding-left : 3px;
background : #e3e3e3;
border : 1px inset #000000;
}
Custom HTML header
copy and paste the following HMTL code into your Custom HTML header
<div id="header"><div align="left"><img src="http://img.runboard.com/img/layouts/epikk3_2/headerx.jpg" border="0" usemap="#mymap1"><map name="mymap1"><area shape=rect coords="75,88,152,93" href="/control_panel"><area shape=rect coords="184,88,259,93" href="/support/"><area shape=rect coords="288,88,349,93" href="/faq"><area shape=rect coords="381,88,413,93" href="http://blog.runboard.com/"><area shape=rect coords="443,88,514,93" href="http://www.runboard.com/messageflow"></map></div></div>
<div id="offset"><div id="container"><div class="container">
Custom HTML Footer
copy and paste the following HMTL code into your Custom HTML footer
</div></div></div>
<br>
<div id="nav">
<div class="navlist">
<h2>Separator</h2>
<ul>
<li><a href="#">-=Link=-</a></li>
<li><a href="#">-=Link=-</a></li>
<li><a href="#">-=Link=-</a></li>
<li><a href="#">-=Link=-</a></li>
<li><a href="#">-=Link=-</a></li>
<li><a href="#">-=Link=-</a></li>
<li><a href="#">-=Link=-</a></li>
<li><a href="#">-=Link=-</a></li>
</ul></div>
<br>
<div class="navlist">
<h2>Separator</h2>
<ul>
<li><a href="#">-=Link=-</a></li>
<li><a href="#">-=Link=-</a></li>
<li><a href="#">-=Link=-</a></li>
<li><a href="#">-=Link=-</a></li>
<li><a href="#">-=Link=-</a></li>
<li><a href="#">-=Link=-</a></li>
<li><a href="#">-=Link=-</a></li>
<li><a href="#">-=Link=-</a></li>
</ul></div>
<br>
</div>
<div id="footer">
<div class="footer">
<div align="center"><a href="#"><img src="http://img.runboard.com/img/layouts/smackdown5_5/top.gif"><br>Back to Top</a>
</div> </div></div>
Customize colors and layout settings
copy and paste the following into the correct tab in your customize color section.
Link color :#000000
Visited link color :#000000
Hover link color :#767676
Forum list master table background color : (leave Blank)
Forum list table background color ::#000000
Then scroll up to where these two links are..
Copy forum list settings to topic list settings
Copy forum list settings to post list settings
click on both and save the settings
Last edited by Joshin Josh, 6/25/2007, 7:41 am
