That's a light skin I made a while ago when I was playing around with colors for a new layout. It never fit a board of mine, but I still like it for its warm colors, and some neat little tricks.
You'll find it here: Warm Velvet
I'm a little proud of coding the different link colors.
Warm Velvet
Custom CSS
copy and paste the following CSS code into your Custom CSS box
body { background-color: #ffcc99;}/* WARM VELVET CUSTOM CSS */
/*Mouseover forumrow and topicrow*/
.ak_fl_forumrow_mouseover_on { background-color: #FF9999; cursor: pointer; padding: 5px 5px 5px 5px; border-width: 0px 0px 0px 0px; }
.ak_tl_topicrow_mouseover_on { background-color: #FF9999; padding: 10px 10px 10px 10px; border-width: 0px 0px 0px 0px; }
/* TOPBAR */
.topbartable
{
width: 100%;
color: #FFFFCC;
background-color: #336699;
text-align: center;
text-color: #FFFFCC;
vertical-align: top;
padding: 5px 5px;
horizontal-align: center;
}
span.topbar
{
font-family: tahoma,verdana,arial,helvetica,sans-serif;
font-size:14px;
font-variant:normal;
font-weight:bold;
}
span.topbar a:link,
span.topbar a:visited{color:#FFFFCC;}
span.topbar a:hover{color:#FF9999;}
/* FORUM SEPARATOR */
span.forumlistseparator
{
text-align: center;
font-family: verdana,arial,helvetica,sans-serif;
color: #FFFFCC;
font-size:14px;
}
.forumlist_separator_td
{
border-width: 0px 0px 0px 0px;
padding: 5px 10px 4px 5px;
}
/* BOARD LOCATION */
span.locationboard
{
font-family: Verdana,arial,helvetica,sans-serif;
font-size:18px;
font-weight: bold;
}
/* ‘NEW’ BUTTON */
span.forumlistnewswitch {display:none;}
.newind{
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 0px;
font-family: tahoma,verdana,arial,helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
vertical-align: middle;
horizontal-align: middle;
}
span.forumlistnewswitch
{
font-family: tahoma,verdana,arial,helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
vertical-align: middle;
horizontal-align: middle;
}
span.topiclistnewswitch
{
font-family: tahoma,verdana,arial,helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
vertical-align: middle;
}
/* BOARDSTATS TABLE */
.ak_fl_boardstats_master_table
{
background-color: #336699;
width: 100%;
border-width: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.forumlistboardstatstable{
width: 100%;
margin-left: auto;
margin-right: auto;
}
.forumlistboardstatsheader{
border-width: 0px 0px 1px 0px;
color: #FFFFCC;
font-family: verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:bold;
}
.forumlistboardstatstitle{
font-family: verdana,arial,helvetica,sans-serif;
color: #FFFFCC;
font-size:11px;
border-style: none;
}
.forumlistboardstatsdata{
border-width: 0px 0px 0px 0px;
font-family: verdana,arial,helvetica,sans-serif;
color: #FFFFCC;
font-size:11px;
}
.forumlistboardstatsdata a:link,
.forumlistboardstatsdata a:visited{color:#FFFFCC;}
.forumlistboardstatsdata a:hover{color:#FF9999;}
/* BOTTOM INFOLINE */
span.bottominfoline
{
font-family: tahoma,verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:bold;
align: center;
}
/* NEW TOPIC & ADD REPLY BUTTONS */
.topiclistpostnewtopic a, .postlistaddareply a {color:#FFCC99;padding:10px 15px 10px 15px;font-size:11px;font-family:verdana;border:2px dotted #003366;background-color:#FF9999}
/*FXING ON-HOVER LINK COLOR IN POSTS*/
span.postlistusername a:hover{color:#FFCC99;}
span.postlistusertype a:hover{color:#FFCC99;}
span.postlistpostbody a:hover{color:#FFCC99;}
span.postlistedit a:hover{color:#FFCC99;}
span.postlistreply a:hover{color:#FFCC99;}
span.postlistdelete a:hover{color:#FFCC99;}
span.postlistquote a:hover{color:#FFCC99;}
span.postlistsendpm a:hover{color:#FFCC99;}
span.postlistsendicq a:hover{color:#FFCC99;}
span.postlistsendaim a:hover{color:#FFCC99;}
span.postlistsendmsn a:hover{color:#FFCC99;}
span.postlistsendyahoo a:hover{color:#FFCC99;}
span.postlistblog a:hover{color:#FFCC99;}
span.postlist_karma_applaud a:hover{color:#FFCC99;}
span.postlist_karma_smite a:hover{color:#FFCC99;}
/* CLICKABLE SMILEYS */
.msgform_clickable_smiley_box_b {border-width: 0px 0px 0px 0px;}
.msgform_clickable_smiley_box_b_td {border-width: 0px 0px 0px 0px;}
table.msgform_clickable_smiley_box_b td {border: 0;}
/* WRITE MESSAGE TABLE */
.ak_msgform_master_table
{
background-color: #FF9999;
font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; border-width: 1px; border-collapse: collapse;}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea {background-color:#FFFFCC;
border-style:solid;
border-width:1px;border-color:#336699;
color:#000000;width:340px;font-family:verdana;font-size:12px;}
.ak_msgform_master_table a:link,
.ak_msgform_master_table a:visited{color:#336699;}
.ak_msgform_master_table a:hover{color:#330033;}
/* SIGNATURE IMAGE RESIZE */
b b b img{width: 400px; height: 100px;}
/* TOPIC LIST HEADER */
.topic_list_header_modbox_td { padding: 5px 5px 5px 5px; }
.topic_list_header_newtext_td { padding: 5px 5px 5px 5px; }
.topic_list_header_posticon_td { padding: 5px 5px 5px 5px; }
.topic_list_header_topic_td { padding: 5px 5px 5px 5px; }
.topic_list_header_startedby_td { padding: 5px 5px 5px 5px; }
.topic_list_header_replies_td { padding: 5px 5px 5px 5px; }
.topic_list_header_views_td { padding: 5px 5px 5px 5px; }
.topic_list_header_lastpost_td { padding: 5px 5px 5px 5px; }
Custom HTML header
copy and paste the following HMTL code into your Custom HTML header
<table border="0" width="100%" align="center">
<tr valign="top">
<td class="topbartable"><span class="topbar">
~ <a href=your_board_rules_link>The Rules</a> ~
<a href=http://whatiscopyright.org/>Copyright</a> ~
<a href=your_special_forum>Special Forum</a> ~
<a href=your_special_forum_II>Special Nr. 2</a> ~
<a href=your_chat_room_link>Chat Room</a> ~
<a href=http://www.runboard.com/logout>Logout</a> ~
</table>
Custom HTML Footer
copy and paste the following HMTL code into your Html Footer
Leave empty
Customize colors and layout settings
copy and paste the following into the correct tab in your customize color section.
Use extra CSS options? Check
Use CSS trick 1? Check
Use CSS trick 2? Check
Background color:#ffcc99
Text color : #336699
Bottom info line color :#336699
Link color :#336699
Visited link color :#336699
Hover link color :#ffffcc
Forum list table background color :#336699
Forum list table header background color :#336699
Forum list table header text color :#ffffcc
Forum list table first alternate background color :#ffffcc
Forum list table second alternate background color :#ffffcc
Forum list table text color (optional) :#336699
Forum list table description color :#336699
Forum list table separator background color :#336699
Forum list table separator text color : #ffffcc
Post list table first alternate background color :#FFFFCC
Post list table second alternate background color :#FF9999
Then scroll up to the top and click on the two links that says:
Copy forum list settings to topic list settings
Copy forum list settings to post list settings
Then save the settings.
Last edited by Pastor Rick, 4/4/2018, 12:19 am