REMEMBER Winkks skins use graphics designed by her so any URL you see in her codes are using HER host account. Should you decide to use one of her skins make sure you save all images to your own hard drive----upload them to your own image host, then CHANGE ALL URL addresses to the images in your CSS-HTML Header.
Game Green
Custom CSS
copy and paste the following CSS code into your Custom CSS box
/* Winkks Skin! */
/* SKIN SPECIFIC CSS CLASSES BELOW! */
/* STANDARD RUNBOARD CSS CLASSES BELOW! */
/* REMOVES THE SIDE PAGE MARGINS AND SETS BACKGROUND COLOR */
body {background-color:#4C5844;margin-left:0px;margin-right:0px;}
/* SETS THE OUTER TABLES WIDTH TO KEEP NON-TABLE CONTENT WITHIN A MAX WIDTH*/
.ak_msg_master_table {width:760px;font-family:verdana,tahoma,arial;font-size:10px;text-align:center}
span.locationboard, span.locationforum, span.locationtopic {font-size:11px;font-family:verdana,tahoma,arial}
/* HORIZONTAL RULE FOR CROSS COMPATIBILITY REASONS WE USE THE BORDER TO GIVE THE LINE EFFECT */
hr {height:0px;width:100%;border:none;border-bottom:1px dashed #4C5844}
/* TEXTAREAS SETS THE BACKGROUND-COLOR */
textarea {background-color:#808080;border-style:solid;border-width:1px;border-color:#000000}
/* FORUM LIST PAGE */
.forum_list_table {width:740px;border:1px solid #1F1F1F;}
.ak_miscoptbar_table{width:90%;border:1px solid #1F1F1F;
background-image:url(http://img.photobucket.com/albums/v117/Winkks/phaze/separator4.gif);
background-repeat: repeat-x;padding:1px}
span.forumlistheader {font-size:11px;color:#808080}
.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, .topic_list_header_modbox_td {background-color:#1F1F1F;color:#808080;height:20px;
background-image:url(http://img.photobucket.com/albums/v117/Winkks/phaze/separator4.gif);
background-repeat: repeat-x;padding-top:1px; padding-bottom:2px}
.forumlist_separator_td {background-color:#1F1F1F;color:#808080;height:20px;
background-image:url(http://img.photobucket.com/albums/v117/Winkks/phaze/separator4.gif);
background-repeat: repeat-x;text-align:left;padding-top:1px; padding-bottom:2px}
span.forumlistseparator {font-size:11px;color:#808080}
.forumlistforumname, span.forumlistnewswitch {font-size:11px;font-family:verdana,tahoma,arial}
.forumlistboardstatsheader {background-color:#1F1F1F;color:#808080;
background-image:url(http://img.photobucket.com/albums/v117/Winkks/phaze/separator4.gif);
background-repeat:repeat-x;font-size:11px;border-width:0px}
.forumlistboardstatstable {width:740px;border:1px solid #000000;background-color:#1F1F1F}
.forumlistboardstatsdata {font-size:10px;color:#808080}
.forumlistboardstatstitle {font-size:10px;color:#808080}
.forumlistadministrators {font-size:10px;color:#000000}
.forumlistmoderators {font-size:10px;color:#000000}
span.forumlistnumtopics, span.forumlistnumposts, span.forumlistlastpost {font-size:10px;color:#808080}
span.forumlistdescription {font-size:11px;color:#808080}
/* WHOS ONLINE TABLE */
.forumlistwhosonlinetable {width:100%;border:none;border-bottom:1px;
background-color:#1F1F1F;border-color:#000000;}
.forumlistwhosonlinetd{background-image:url(http://img.photobucket.com/albums/v117/Winkks/phaze/separator.gif);
background-repeat: repeat-x;padding:6px;margin:0;}
/* TOPIC LIST PAGE */
.topic_list_table {width:740px;border:1px solid #000000; background-color:#000000}
span.topiclistheader {font-size:11px;color:#808080}
.topiclisttopicname, span.topiclistnewswitch {font-size:11px;font-family:verdana,tahoma,arial}
.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 {padding:5px;color:#808080;height:20px;
background-image:url(http://img.photobucket.com/albums/v117/Winkks/phaze/separator4.gif);
background-repeat: repeat-x;padding-top:1px; padding-bottom:2px}
span.topicliststartedby, span.topiclistreplies, span.topiclistviews, span.topiclistlastpost {font-size:11px;color:#808080}
.topic_list_header_modbox_td {padding:0px}
.ak_tl_topicrow_mouseover_off, .ak_tl_topicrow_mouseover_on {padding:5px}
span.topiclistreplies {font-weight:bold}
span.topiclisttopicclosed, span.topiclisttopicsticky,span.topiclisttopichidden {font-size:11px;font-weight:normal;font-family:verdana;color:#808080}
/* POLL TABLE AND ITS PARTS */
.ak_poll_table {font-size:10px;font-family:verdana;text-align:center;border:1px solid #000000;background-color:#1F1F1F;margin-bottom:10px;}
.ak_poll_table td {border:0px solid #000000;border-bottom:1px solid #000000}
.ak_poll_table td td {border:none}
.ak_poll_table_header {background-color:#1F1F1F;height:20px;padding:0px 25px 0px 25px;font-size:10px;
background-image:url(http://img.photobucket.com/albums/v117/Winkks/phaze/separator4.gif);
background-repeat: repeat-x;color:#808080;text-align:center}
.ak_poll_table_header br {display:none}
.ak_poll_table_header a {padding-left:8px}
.ak_poll_table_button_cell input {background-color:#1F1F1F;border:1px solid #000000;height:20px;font-family:verdana;font-size:10px;color:#808080;
padding-bottom:1px;font-weight:bold}
.ak_poll_table_option_rcell1 input, .ak_poll_table_option_rcell2 input {border:none}
.ak_poll_table_viewres_cell {font-weight:bold;font-size:10px}
.ak_poll_table_option_gback1 {background-color:#1F1F1F;
background-image:url(http://img.photobucket.com/albums/v117/Winkks/phaze/separator4.gif);
background-repeat: repeat-x;}
.ak_poll_table_option_gback2 {background-color:#1F1F1F;
background-image:url(http://img.photobucket.com/albums/v117/Winkks/phaze/separator4.gif);background-repeat: repeat-x;}
.ak_poll_table_option_gcell1, .ak_poll_table_option_gcell2 {border:1px solid #000000}
/* NEW TOPIC & ADD REPLY BUTTONS */
.topiclistpostnewtopic a {background-position:center;padding-top:12px;padding-bottom:12px;padding-left:22px;
padding-right:22px;font-size:11px;font-family:verdana,arial, tahoma;background-image:url(http://img.photobucket.com/albums/v117/Winkks/phaze/prbut.gif);
background-repeat:no-repeat}
.postlistaddareply a {background-position: center;padding-top:12px;padding-bottom:12px;padding-left:28px;
padding-right:28px;font-size:11px;font-family:verdana, arial, tahoma;background-image: url(http://img.photobucket.com/albums/v117/Winkks/phaze/prbut.gif);
background-repeat: no-repeat}
/* MEMBERSHIP LIST */
.ak_msg_seememberlist_table td {border:1px solid #000000;text-align:center}
.ak_msg_seememberlist_table {font-size:11px;color:#808080;border:1px solid #000000;width:740px;text-align:center;background-color:#424242;}
.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 {background-color:#1F1F1F;font-family:verdana,tahoma,arial;
font-size:11px;color:#808080;height:20px;
background-image:url(http://img.photobucket.com/albums/v117/Winkks/phaze/separator4.gif);
background-repeat: repeat-x;padding-top:1px; padding-bottom:2px}
.ak_msg_seememberlist_showing {font-size:11px;font-family:verdana;color:#808080}
/* POST TABLE */
.ak_msg_post_master_table {width:740px;font-family:verdana;font-size:11px;border-width:1px;
border-style:solid;border-color:#000000;margin-bottom:20px;
background-color:#424242}
.ak_msg_post_master_table td {border:1px solid #000000}
span.postlistusername a, span.postlistpostname {font-size:11px;color:#9C9898}
span.postlistdate {font-size:10px;color:#9C9898}
span.postlistpostbody {font-size:11px;color:#9C9898}
blockquote
{
background: transparent url(http://img.photobucket.com/albums/v117/Winkks/phaze/quote.gif) left top no-repeat;max-width: 40em;
}
blockquote hr {display:none}
span.postlistpostbody hr {display:none}
.ak_msg_post_table {font-size:8px;color:#808080;
padding: 2px;
border: 2px dashed;
border-color: #000000;background-color:#1F1F1F
}
/* WRITE MESSAGE TABLE */
.ak_msgform_master_table {background-color:#424242;border-width:1px;border-style:solid;
border-color:#000000;font-family:verdana;font-size:11px;color:#808080}
.ak_msgform_master_table td {border:1px solid #000000}
.ak_msgform_poll_options_table {border-width:1px;border-style:solid;border-color:#000000;}
.ak_msgform_poll_options_table td {border:none;border-bottom:1px solid #000000;padding:1px}
.ak_msgform_poll_options_table td input {background-color:#808080;border-width:1px;
border-style:solid;border-color:#000000;
font-family:verdana,arial,tahoma;font-size:10px}
.ak_msgform_poll_options_head_td {background-color:#424242;color:#CCCCCC;
font-family:verdana,tahoma,arial;font-size:11px;padding:5px;text-align:center;height:20px;
background-image:url(http://img.photobucket.com/albums/v117/Winkks/phaze/separator4.gif);
background-repeat: repeat-x;padding-top:1px; padding-bottom:2px}
.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, .qcode_bar_but {font-family:verdana;border:1px solid #000000;background-color:#1F1F1F;font-size:10px;margin-top:1px;font-family:verdana;
font-size:10px;height:20px;
background-image:url(http://img.photobucket.com/albums/v117/Winkks/phaze/separator4.gif);
background-repeat: repeat-x;padding-top:0px; padding-bottom:1px;color:#808080}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea {background-color:#1F1F1F;border:1px solid #000000;color:#808080;width:350px;font-family:verdana;font-size:11px;}
/* POSTICON TABLE */
.ak_subject_posticon_table {border:1px solid #000000;margin-bottom:4px;background-color: #1F1F1F;padding:0px}
.ak_subject_posticon_table td {border:none;}
.ak_clickposticon_table, .ak_clickposticon_td, .ak_subject_posticon_icons_td, .ak_subject_posticon_icons_td td {border:none;align:center}
.ak_subject_posticon_head_td {background-color:#1F1F1F;text-align:center;font-family:verdana;
font-size:11px;color:#808080;
background-image:url(http://img.photobucket.com/albums/v117/Winkks/phaze/separator4.gif);
background-repeat: repeat-x;padding-top:1px; padding-bottom:2px;height:20px}
/* SMILIE TABLE */
.msgform_clickable_smiley_box_h {border:1px solid #000000;color:#808080;height:20px;padding:4px;font-family:verdana,tahoma,arial;
font-size:11px;background-color: #1F1F1F;padding-bottom:8px;
background-image:url(http://img.photobucket.com/albums/v117/Winkks/phaze/separator4.gif);
background-repeat: repeat-x;}
.msgform_clickable_smiley_box_b {padding-top:5px}
.msgform_clickable_smiley_box_b, .msgform_clickable_smiley_box_b td {border-width:0px}
Custom HTML header
copy and paste the following HMTL code into your Custom HTML header
<div align="center" style="background-image: url();
background-repeat: no-repeat;
background-position: center;
background-color: transparent;width:100%;height:0px;"></div>
<div align="center">
<!-- SAMPLE BANNER - CHANGE URL AND SIZES FOR YOUR BANNER //-->
<CENTER><table width="760px"><tr><td bgcolor="transparent" background="http://img.photobucket.com/albums/v117/Winkks/phaze/separator.gif" style="border: 1px dashed #4C5844; padding:1px;"><center> <FONT SIZE=1 FACE=tahoma, arial>
<B><A TITLE="Runboard" HREF="" TARGET="_top"><FONT COLOR="#F3A33B">Link 1</FONT></A> -
<A HREF="" target="body">Link 2</A> -
<A HREF="" target="body">Link 3</A> -
<A HREF="" target="body">Link 4</A> -
<A HREF="" target="body">Link 5</A> -
<A HREF="" target="body">Lunk 6</A> -
<A HREF="" target="body">Link 7</A> -
<A HREF="" target="body">Link 8</A> -
<A HREF="" target="body">Link 9</A> -
<A HREF="" target="body">Link 10</A> -
<A TITLE="Runboard"
HREF="" target="_NEW">Link 11</A></B>
</FONT></center></tr></td></table>
</CENTER>
Custom HTML Footer
copy and paste the following HMTL code into your Custom HTML Footer
<CENTER><table width="760px"><tr><td bgcolor="transparent" background="http://img.photobucket.com/albums/v117/Winkks/phaze/bottom2.gif"style="border: 1px dashed #4C5844; padding:6px;"><center> <FONT SIZE=1 FACE=tahoma, arial><a href="#">Board Top</a> < ::: ::: > Best viewed with Firefox.</FONT></center></tr></td></table></center>
</center>
Customize colors and layout settings
copy and paste the following into the correct tab in your customize color section.
Background color: #4C5844
This is the color Google (Ads) uses to match your board for better blending.
Background image: http://img.photobucket.com/albums/v117/Winkks/phaze/back4.gif
Save this image and all images to your own hard drive then upload them to your own image host such as Photobucket, then change the url addresses to your image host. Photobucket is free, I use it!
Text color: #CCCCCC
Bottom info color: #CCCCCC
Most of the colors are taken care of in the CSS.
Link color: #808080
Visited LinK color: #CCCCCC
Hover Link color: #CCCCCC
You can have fun changing these colors to whatever you want!
Everything else should be covered in the CSS. If you see something that is not quiet right in colors, just change them or post a message here asking about it. I would be more than happy to help in any way I can.
Last edited by Pastor Rick, 6/29/2007, 6:24 am
