Doodle
Custom CSS
copy and paste the following CSS code into your Custom CSS box
/* NOTE: Skins by Winkks.
Thank you for using my skins! Make sure you save the images to your hard drive then upload to your own host. Photobucket is free and what I use. Then change the url addresses in this CSS.
Enjoy and God bless!
-Winkks*/
/* SKIN SPECIFIC CSS CLASSES BELOW! */
.backtotop {
font-family:verdana;
font-size:11px;
color:#000000
}
/* STANDARD RUNBOARD CSS CLASSES BELOW! */
/* REMOVES THE SIDE PAGE MARGINS AND SETS BACKGROUND COLOR */
body {background-color:transparent;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:720px;font-family:verdana,tahoma,arial;font-size:11px;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:95%;border:none;border-bottom:1px solid #000000}
/* TEXTAREAS SETS THE BACKGROUND-COLOR */
textarea {background-color:transparent;border-style:solid;border-width:0px;border-color:#000000}
/* FORUM LIST PAGE */
.forum_list_table {width:720px;border:0px solid #000000;}
span.forumlistheader {font-size:11px;font-family:tahoma,arial;color:#000000}
.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:transparent;color:#000000;height:20px;
background-image:url();background-repeat: repeat-x;padding-top:1px; padding-bottom:3px}
.forumlist_separator_td {text-align:left;background-color:transparent;color:#000000;height:20px;
background-image:url();background-repeat: repeat-x;padding-top:1px; padding-bottom:3px}
span.forumlistseparator {background-color:#C6C6C6;border:1px dashed #404040;font-size:11px;color:#000000;padding-top:5px; padding-bottom:5px;padding-left:2px;padding-right:75px}
span.forumlistlastpost {font-size:10px;color:#000000}
.forumlistforumname,span.forumlistnewswitch {font-size:11px;font-family:verdana,tahoma,arial;color:#000000}
.forumlistboardstatsheader {background-color:transparent;color:#000000;background-image:url();
background-repeat:repeat-x;font-size:11px;border-width:0px}
.forumlistboardstatstable {width:720px;border:0px solid #000000;background-color:transparent}
span.forumlistnumtopics, span.forumlistnumposts {font-size:11px;color:#000000}
span.forumlistdescription {font-size:11px;color:#000000}
/* WHOS ONLINE TABLE */
.forumlistwhosonlinetable {width:720px;border-style:solid;border-width:0px;background-color:transparent;
border-color:#000000;}
.forumlistwhosonlinetd{padding:6px;}
/* TOPIC LIST PAGE */
.topic_list_table {width:720px;border:0px solid #000000; background-color:transparent}
span.topiclistheader {font-size:11px;color:#000000}
.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:#000000;height:20px;background-image:url();background-repeat: repeat-x;padding-top:1px; padding-bottom:2px}
span.topicliststartedby, span.topiclistreplies, span.topiclistviews {font-size:11px}
.topic_list_header_modbox_td {padding:0px}
.ak_tl_topicrow_mouseover_off, .ak_tl_topicrow_mouseover_on {padding:5px}
span.topiclistreplies {font-weight:normal}
span.topiclisttopicclosed, span.topiclisttopicsticky,span.topiclisttopichidden {font-size:11px;font-weight:normal;font-family:verdana;color:#000000}
/* POLL TABLE AND ITS PARTS */
.ak_poll_table {font-size:11px;color:#ffffff;font-family:verdana;text-align:left;border:2px solid #808080;background-color:#000000;margin-bottom:10px;}
.ak_poll_table td {border:0px solid #ffffff;border-bottom:0px solid #000000}
.ak_poll_table td td {border:none}
.ak_poll_table_header {background-color:transparent;height:20px;padding:0px 25px 0px 25px;font-size:11px;
background-image:url(http://img.photobucket.com/albums/v117/Winkks/serenity/separator2.gif);
background-repeat: repeat-x;color:transparent;text-align:left}
.ak_poll_table_header br {display:none}
.ak_poll_table_header a {padding-left:8px}
.ak_poll_table_button_cell input {background-color:transparent;border:0px solid #ffffff;height:20px;font-family:verdana;font-size:11px;color:#FFFFFF;
padding-bottom:1px;font-weight:normal}
.ak_poll_table_option_rcell1 input, .ak_poll_table_option_rcell2 input {border:none}
.ak_poll_table_viewres_cell {font-weight:normal;font-size:11px}
.ak_poll_table_option_gback1 {background-color:#68423A;
background-image:url(http://img.photobucket.com/albums/v117/Winkks/serenity/separator2.gif);
background-repeat: repeat-x;}
.ak_poll_table_option_gback2 {background-color:#00C0C0;
background-image:url(http://img.photobucket.com/albums/v117/Winkks/serenity/separator2.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:11px;padding-bottom:12px;
padding-left:22px;padding-right:22px;font-size:12px;font-family:verdana,arial, tahoma;background-image:url();
background-repeat:no-repeat}
.postlistaddareply a {background-position: center;padding-top:12px;padding-bottom:12px;padding-left:28px;
padding-right:28px;font-size:12px;font-family:verdana, arial, tahoma;background-image: url();
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;border:1px solid #000000A;width:600px;text-align:center;background-color:transparent;}
.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:transparent;font-family:verdana,tahoma,arial;
font-size:11px;color:#4E595E;height:20px;
background-image:url(http://img.photobucket.com/albums/v117/Winkks/serenity/separator2.gif);
background-repeat: repeat-x;padding-top:1px; padding-bottom:2px}
.ak_msg_seememberlist_showing {font-size:11px;font-family:verdana;color:#000000}
/* POST TABLE */
.ak_msg_post_master_table {width:645px;font-family:verdana;font-size:10px;border-width:5px;border-style:solid;
border-color:#000000;margin-bottom:40px;
background-color:#A6B6C4}
.ak_msg_post_master_table td {border:0px solid #000000}
.ak_msg_post_table {font-size:8px;color:#4E595E;
padding: 1px;
border: 3px dashed;
border-color: #000000;background-color:#C6C6C6
}
span.postlistusername {font-size:8px;color:#4E595E}
span.postlistusertype,span.postlistlocation,span.postlistposts,span.postlist_karma,
span.postlistusertitle,span.postlistlocationvalue,span.postlistpostsvalue,span.postlist_karma_value,
span.postlistregistered,span.postlistregisteredvalue {font-size:8px}
span.postlistpostbody {font-size:12px;color:#000000}
span.postlistedit,span.postlistdelete,span.postlistquote,span.postlistreply,span.postlistdate {font-size:8px;color:#4E595E}
span.postlistpostname {font-size:12px;color:#4E595E}
span.postlistpostbody hr {display:none}
blockquote {align:center;width:400px;border:1px dashed #000000;font-family:verdana;font-size:10px;color:#000000;margin:0px;padding:0px; background-color:#C6C6C6}
/* WRITE MESSAGE TABLE */
.ak_msgform_master_table {background-color:transparent;border-width:0px;border-style:solid;
border-color:#000000;font-family:verdana;font-size:12px}
.ak_msgform_master_table td {border:0px solid #000000}
.ak_msgform_poll_options_table {border-width:0px;border-style:solid;border-color:#FFFFFF;}
.ak_msgform_poll_options_table td {border:none;border-bottom:0px dashed #FFFFFF;padding:1px}
.ak_msgform_poll_options_table td input {background-color:transparent;border-width:1px;border-style:solid;border-color:#000000;
font-family:verdana,arial,tahoma;font-size:11px}
.ak_msgform_poll_options_head_td {background-color:transparent;color:#000000;font-family:verdana,tahoma,arial;
font-size:12px;padding:5px;text-align:center;height:20px;
background-image:url();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:transparent;font-size:11px;margin-top:1px;font-family:verdana;
font-size:11px;height:20px;
background-image:url(http://img.photobucket.com/albums/v117/Winkks/serenity/separator2.gif);background-repeat: repeat-x;padding-top:0px; padding-bottom:1px;color:#000000}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea {background-color:#F8F6F2;border:1px solid #806649;color:#000000;width:350px;font-family:verdana;font-size:12px;}
/* POSTICON TABLE */
.ak_subject_posticon_table {border:3px dashed #000000;margin-bottom:4px;background-color: transparent;padding:9px}
.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_icons_td img,.postlistpostname img {
width: auto; height: auto;
}
.ak_subject_posticon_head_td {background-color:transparent;text-align:left;
font-family:verdana;font-size:12px;color:#000000;
background-image:url();background-repeat: repeat-x;padding-top:1px; padding-bottom:2px;height:20px}
/* SMILIE TABLE */
.msgform_clickable_smiley_box_h td,
.msgform_clickable_smiley_box_h tr
{ display: inline }
.msgform_clickable_smiley_box_h
{padding:5px;border:3px dashed #000000}
.msgform_clickable_smiley_box_b {padding-top:9px}
.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(http://img.photobucket.com/albums/v117/Winkks/serenity/serenitytop.gif);
background-repeat: no-repeat;
background-position: center;
background-color: transparent;width:780;height:66px;"></div>
<div align="center" style="background-image: url(http://img.photobucket.com/albums/v117/Winkks/serenity/serenitymid.gif);
background-repeat: repeat-y;
background-position: center;
background-color: transparent;width:780;">
<div align="center">
<!-- SAMPLE BANNER - CHANGE URL AND SIZES FOR YOUR BANNER //-->
<img src="http://img.photobucket.com/albums/v117/Winkks/serenity/sampleban.gif" width="548" height="75" alt=""><br>
<!-- Begin Table //-->
<table width="600px"><td >
<font size="2">This is just a fun banner I made as a sample. You can save this one and use it by modifying the title or whatever you want to change on it. This is a goofy and fun forum skin for use with Runboard. It looks just like that title "Doodle". This is a doodle board skin! If you're a "doodler" you'll love this skin!<br>Make sure you save all images to your own host. Then change the url addresses to your host or they won't show up.<br><br>The pencil is my own creation. I love my pencil and it seems I'm always looking for a place to put it, lol. I think this is a good place don't you? There are so many fancy boards available and they're very nice but so little fun, goofy etc; kind of board skins. When I make a skin it always seems to turn out like "someone was sure having fun making this!" I do!</font><br><font size="1"><font color=white>To edit or remove this text and or table just go to your HTML and it's in the first box under <b>SAMPLE BANNER</b>.</font></td></table>
<!-- End Table //-->
<!-- END SAMPLE BANNER //-->
Custom HTML Footer
copy and paste the following HMTL code into your Custom HTML Footer
</div></center>
<div style="background-image: url(http://img.photobucket.com/albums/v117/Winkks/serenity/serenitybottom.gif);
background-repeat: no-repeat;
background-position: center;
background-color: transparent;width:780;height:46px;"><center><div class="backtotop" align="center" style="padding-top:9px"><a href="#">Back To Top</a></div></center></div>
Customize colors and layout settings
copy and paste the following into the correct tab in your customize color section.
Background color: #8694A0
Background image: http://img.yourhost/image.gif
Link color: #404040
Visited link color : #F7F7E3
Hover link color : #000000
Don't worry with the rest because it's all covered in the CSS!
Last edited by Pastor Rick, 6/24/2007, 2:27 pm