Link to Preview.
CSS:
/*SETS BACKGROUND COLOR AND PROPERTIES OF BODY*/
body {
background-color : #d3dcdc;
background-image: url(http://img164.imageshack.us/img164/1471/bglrgblueqh4.gif);
background-position: center;
margin-left : 0;
margin-right : 0;
}
/*SETS WIDTHS OF FORUM TOPIC POST AND MEMBERLIST TABLES*/
.ak_msg_master_table {
border : none;
width : 770px;
font-family : verdana;
font-size : 11px;
}
.forum_list_table, .topic_list_table, .ak_msg_post_master_table, .ak_msg_seememberlist_table {
width : 760px;
border:1px solid #000000;
background-color : #efefef;
}
/*SETS PROPERTIES OF THE SEPARTORS*/
.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-family : verdana;
font-size : 11px;
height : 25px;
background-image : url(http://img408.imageshack.us/img408/9243/blueseprx1.gif);
background-repeat : repeat-x;
padding-top : 2px;
padding-bottom : 2px;
}
/*SETS WIDTHS OF BOARD STATS AND WHOS ONLINE TABLE*/
.forumlistwhosonlinetable, .forumlistboardstatstable {
width : 760px;
border:1px solid #000000;
background-color : #efefef;
}
.forumlistwhosonlinetd {
padding : 6px 6px 6px 6px;
}
.forumlistboardstatsheader {
font-family : verdana;
font-size : 11px;
border-width : 0;
height : 25px;
background-image : url(http://img408.imageshack.us/img408/9243/blueseprx1.gif);
background-repeat : repeat-x;
color : #000000;
}
/*SETS FONT SIZE AND COLORS OF BOARD*/
span.locationboard, span.locationforum, span.locationtopic {
font-size : 11px;
font-family : verdana;
}
.forumlistforumname, .topiclisttopicname {
color : #000000;
font-size : 11px;
font-family : verdana;
}
span.forumlistnumtopics, span.forumlistnumposts {
font-size : 11px;
font-family : verdana;
}
span.topiclistnewswitch, span.forumlistnewswitch {
color : #000000;
font-size : 11px;
font-family : verdana;
}
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;
}
.ak_msg_post_master_table {
font-family : verdana;
font-size : 10px;
}
span.postlistusername a, span.postlistpostname {
color : #000000;
font-family : verdana;
font-size : 11px;
}
.ak_msg_post_table {
padding-left : 3px;
}
span.postlistusertitle font {
color : #000000;
}
blockquote {
border : 1px solid #000000;
background-color : #efefff;
}
blockquote hr {
display : none;
}
hr {
height : 0;
width : 100%;
border : none;
border-bottom : 1px solid #000000;
}
.postlistpostbody pre {
font-size : 9px;
font-family : verdana;
font-weight : normal;
overflow : scroll;
width : 500px;
border : 1px solid #000000;
}
/*WRITE MESSAGE AREA*/
.ak_msgform_master_table {
background-color : #efefff;
border : none;
font-family : verdana;
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-image : url(http://img408.imageshack.us/img408/9243/blueseprx1.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 #cccccc;
background-color : #262626;
color : #000000;
height : 25px;
background-image : url(http://img408.imageshack.us/img408/9243/blueseprx1.gif);
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 : #efefef;
border : 1px solid #000000;
color : #000000;
width : 340px;
font-family : verdana;
font-size : 11px;
}
.ak_msgform_poll_options_table {
border : 1px solid #000000;
}
.ak_msgform_poll_options_right_td input {
background-color : #efefff;
padding-top : 2px;
padding-bottom : 2px;
margin : 2px;
font-family : verdana;
font-size : 11px;
color : #000000;
}
/*POLL TABLE AND OPTIONS*/
.ak_poll_table {
font-size : 10px;
font-family : verdana;
text-align : center;
border : 1px solid #000000;
background-color : #efefef;
margin-bottom : 15px;
}
.ak_poll_table_header {
height : 25px;
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 : #efefff;
border : 1px solid #000000;
height : 22px;
background-image : url(http://img408.imageshack.us/img408/9243/blueseprx1.gif);
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 : #efefff;
}
.ak_poll_table_option_gback2 {
background-color : #efefff;
}
/*SETS MEMBERLIST COLORS AND FONT SIZES*/
.ak_msg_seememberlist_table td {
border:1px solid #000000;
}
.ak_msg_seememberlist_table {
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;
}
/*POSTICON AND SMILEYS TABLES*/
.ak_subject_posticon_table {
padding : 0;
text-align : center;
color : #000000;
font-family : verdana, tahoma, arial;
font-size : 11px;
border : none;
background-color : #efefef;
margin-bottom : 5px;
}
.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 : none;
background-color : #efefef;
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;
}
.iframe {
color: #000000;
border: 1px solid;
border-color: #000000;
background-color: #efefef;
}
div.backtotop {
color : #000000;
font-family : verdana;
font-size : 11px;
padding : 3px;
text-align : center;
}
span.topiclistpostnewtopic {
color : #000000;
font-family : verdana;
font-size : 11px;
padding : 3px;
text-align : center;
}
span.postlistaddareply {
color : #000000;
font-family : verdana;
font-size : 11px;
padding : 3px;
text-align : center;
}
.banner {
border: 1px solid;
width: 795px;
color : #000000;
font-family : verdana;
font-size : 11px;
padding : 3px;
text-align : center;
}
/* Thanks to Joshin Josh for the CSS Cheat-Sheet */
Header:
<br>
<center>
<div class="banner" align="center"><img src="http://img164.imageshack.us/img164/5836/samplebanbluexc4.gif"></img><br><b>Welcome:</b><br /><br>Hello, and welcome! You are welcome to use this theme on any site, just as long as you like this theme. ;).<br /></div>
Footer:
<div align="center" class="backtotop"><a href="#">Back to Top</div></center><br />
Customize colors and layout:
Background image tile Y: check
Text color : #000000
Bottom info line color : #222222
Link options
Link color : #000000
Visited link color : #000000
Hover link color : #3333FF
Hover link underlined : check
Last edited by This Hour, 11/23/2007, 12:47 am
---
Like web design or graphics? If so click my signature.
