Runboard.com
You're welcome.
Welcome: You have reached Pastor Rick's Design Elements message board... Enjoy your stay and please tell others about this board...

User Quick Links:    runboard.com       Sign up (learn about it) ● Sign in (lost password?)


 
Joshin Josh Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user
Global user

Registered: 11-2004
Posts: 2
Karma: 1 (+1/-0)
Reply ● Quote
Blue'n'Grey Enchanced w/Sidebar


--Log in or sign up to see linked image content--


]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([sign in to see URL]);
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([sign in to see URL]);
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([sign in to see URL]);
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([sign in to see URL]);
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([sign in to see URL]);
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;
}
[sign in to see URL] a {
color : #000000;
font-family : verdana;
font-size : 11px;
}
.ak_msg_post_table {
padding-left : 3px;
}
[sign in to see URL], [sign in to see URL] 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([sign in to see URL]);
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([sign in to see URL]);
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([sign in to see URL]);
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;
}

[sign in to see URL] {
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="[sign in to see URL]" 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="[sign in to see URL]"><area shape=rect coords="443,88,514,93" href="[sign in to see URL]"></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="[sign in to see URL]"><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, 1:41 pm


---

6/22/2007, 11:55 pm Link to this post Send PM to Joshin Josh Blog
 


Add a reply





You are not logged in (login)