This Hour
Registered user
Global user
Registered: 11-2007
Posts: 10
Karma: 0 (+0/-0)
|
|
Reply | Quote
|
|
TH Theme - Red
Hi, this one was made using Joshin Josh's CSS cheat-sheet.
Link to Preview
I'm only an amateur at this, btw.
CSS:
quote: /*SETS BACKGROUND COLOR AND PROPERTIES OF BODY*/
body {
background-color : #d3dcdc;
background-image: url(http://img519.imageshack.us/img519/2749/bglrg2oo3.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://img87.imageshack.us/img87/3909/seperatorlc0.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://img87.imageshack.us/img87/3909/seperatorlc0.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://img87.imageshack.us/img87/3909/seperatorlc0.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://img87.imageshack.us/img87/3909/seperatorlc0.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://img87.imageshack.us/img87/3909/seperatorlc0.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:
quote: <br>
<center>
<div class="banner" align="center"><img src="http://img232.imageshack.us/img232/5536/samplebanqe5.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:
quote: <div align="center" class="backtotop"><a href="#">Back to Top</div></center><br />
Customize colors and layout:
quote: 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 : #FF0000
Hover link underlined : check
Last edited by This Hour, 11/22/2007, 11:48 pm
---
Like web design or graphics? If so click my signature.
|
|
11/21/2007, 12:07 pm
|
Send Email to This Hour
Send PM to This Hour
|
Pastor Rick
Head Administrator
Global user (premium)
Registered: 07-2005
Location: Texas Country
Posts: 292
Karma: 4 (+4/-0)

|
|
Reply | Quote
|
|
Re: TH Theme - Red
Hi This Hour,
I think you did a very nice job with the skin
|
|
11/22/2007, 8:43 pm
|
Send Email to Pastor Rick
Send PM to Pastor Rick
MSN
Blog
|
This Hour
Registered user
Global user
Registered: 11-2007
Posts: 10
Karma: 0 (+0/-0)
|
|
Reply | Quote
|
|
Re: TH Theme - Red
Thank you, the hardest part was the images; usually it's the CSS or HTML that is.
---
Like web design or graphics? If so click my signature.
|
|
11/22/2007, 11:47 pm
|
Send Email to This Hour
Send PM to This Hour
|
Add a reply
Powered by AkBBS 0.9.5b - Link to us
- Blogs
- Hall of Honour
- Chat
Click here to get your own free message board
|
You are not logged in (login)
This Board's Date and Time: 11/24/2009, 2:06 pm
|
|
|