Runboard.com
Слава Україні!

runboard.com       Sign up learn about it Sign in lost password?

 
Joshin Josh Profile
Live feed
Blog
Friends
Miscellaneous info

Banned user

Registered: 11-2004
Posts: 953
Karma: 10 (+10/-0)
Reply | Quote
Bulletin Board--by Winkks


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.

Image


Link to Skin


Custom CSS

copy and paste the following CSS code into your Custom CSS box



/* Winkks Skin */
    /* SKIN SPECIFIC CSS CLASSES BELOW! */

    .backtotop {
    font-family:verdana;
    font-size:9px;
    color:#CCCCCC
    }

    /* 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:12px;text-align:center}
    span.locationboard, span.locationforum, span.locationtopic {font-size:12px;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 dashed #F9C97D}

    /* 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;color:#083AB8}
    .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(http://img.photobucket.com/albums/v117/Winkks/mboard/separator.gif);
    background-repeat: repeat-x;padding-top:1px; padding-bottom:3px}
    .forumlist_separator_td {background-color:transparent;color:#000000;height:20px;
    background-image:url(http://img.photobucket.com/albums/v117/Winkks/mboard/separator.gif);
    background-repeat: repeat-x;padding-top:1px; padding-bottom:3px}

    .forumlistforumname, span.forumlistnewswitch {font-size:11px;font-family:verdana,tahoma,arial;font-weight:normal}
    .forumlistboardstatsheader {background-color:transparent;color:#083AB8;
    background-image:url(http://img.photobucket.com/albums/v117/Winkks/mboard/separator.gif);
    background-repeat:repeat-x;font-size:11px;border-width:0px}
    .forumlistboardstatstable {width:720px;border:0px solid #083AB8;background-color:transparent}
    span.forumlistnumtopics, span.forumlistnumposts, span.forumlistlastpost {font-size:11px;color:#083AB8}
    span.forumlistdescription {font-size:11px;color:#F4A220}

    span.forumlistseparator {width:600px;border:0px solid;padding-top:0px;padding-bottom:1px; #083AB8;font-family:verdana,garamond;
    color:#083AB8;background-color:transparent;
    font-size:14px;
    font-weight:bold;
    }

    /* 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:#083AB8}
    .topiclisttopicname, span.topiclistnewswitch {font-size:11px;color:#083AB8;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(http://img.photobucket.com/albums/v117/Winkks/mboard/separator.gif);
    background-repeat: repeat-x;padding-top:1px; padding-bottom:2px}
    span.topicliststartedby, span.topiclistreplies, span.topiclistviews, span.topiclistlastpost {font-size:11px;color:#083AB8}
    .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:#083AB8}

    /* POLL TABLE AND ITS PARTS */
    .ak_poll_table {font-size:11px;font-family:verdana;text-align:left;border:2px solid #9C9C9C;background-color:#AEAEAE;margin-bottom:10px;}
    .ak_poll_table td {border:1px solid #404040;border-bottom:1px solid #9C9C9C}
    .ak_poll_table td td {border:none}
    .ak_poll_table_header {background-color:transparent;height:20px;padding:10px 25px 10px 10px;font-size:14px;
    background-image:url(http://img.photobucket.com/albums/v117/Winkks/mboard/separator.gif);
    background-repeat: repeat-x;color:#808080;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;f
    ont-size:11px;color:#706666;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;color:#000000}
    .ak_poll_table_option_gback1 {background-color:#68423A;
    background-image:url(http://img.photobucket.com/albums/v117/Winkks/mboard/separator.gif);
    background-repeat: repeat-x;}
    .ak_poll_table_option_gback2 {background-color:#FFFFB4;
    background-image:url(http://img.photobucket.com/albums/v117/Winkks/mboard/separator.gif);
    background-repeat: repeat-x;}
    .ak_poll_table_option_gcell1, .ak_poll_table_option_gcell2 {border:1px solid #404040}

    /* NEW TOPIC & ADD REPLY BUTTONS */
    .topiclistpostnewtopic a {background-position:center;padding-top:12px;padding-bottom:11px;padding-left:22px;
    padding-right:22px;font-size:11px;
    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:11px;font-family:verdana, arial, tahoma;background-image: url();
    background-repeat: no-repeat}

    /* MEMBERSHIP LIST */
    .ak_msg_seememberlist_table td {border:0px solid #E3D4BA;text-align:center}
    .ak_msg_seememberlist_table {font-size:11px;border:0px solid #E3D4BA;width:720px;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:#000000;height:20px;
    background-image:url();
    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:720px;font-family:verdana;font-size:11px;border-width:1px;border-style:solid;
    border-color:#F9C97D;margin-bottom:20px;
    background-color:#586A8C}
    .ak_msg_post_master_table td {border:0px solid #586A8C}
    span.postlistusername {font-size:8px;color:#000000}
    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.postlistusername a, span.postlistpostname {font-size:11px;font-family:Courier New;color:#B2C8FE}
    span.postlistpostbody {font-size:12px;font-family:Courier New;color:#000000}
    blockquote {align:center;width:500px;border:2px dashed #808080;font-family:Courier New;font-size:10px;color:#808080;margin:10px;padding:5px; background-color:#E3D7C3}
    span.postlistpostbody hr {display:none}

    .ak_msg_post_table {font-size:8px;color:#F4A220;
        padding: 2px;
        border: 1px solid;
        border-color: #95AFF1;background-color:#0D245E
    }

    span.postlistedit,span.postlistdelete,span.postlistquote,span.postlistreply,
    span.postlistdate,span.postlist_karma_applaud,
    span.postlist_karma_smite,span.postlistsendpm {font-size:8px;color:#808080}

    /* WRITE MESSAGE TABLE */
    .ak_msgform_master_table {background-color:transparent;border-width:1px;
    border-style:dashed;border-color:#808080;
    font-family:verdana;font-size:11px}
    .ak_msgform_master_table td {border:0px solid #000000}
    .ak_msgform_poll_options_table {border-width:0px;border-style:solid;border-color:#AA8864;}
    .ak_msgform_poll_options_table td {border:none;border-bottom:0px dashed #000000;padding:1px}
    .ak_msgform_poll_options_table td input {background-color:transparent;border-width:1px;
    border-style:solid;border-color:#808080;
    font-family:verdana,arial,tahoma;
    font-size:12px;color:#000000}

    .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(http://img.photobucket.com/albums/v117/Winkks/mboard/separator.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 dashed #808080;background-color:transparent;font-size:12px;margin-top:1px;font-family:verdana;
    font-size:11px;height:20px;
    background-image:url(http://img.photobucket.com/albums/v117/Winkks/mboard/separator.gif);
    background-repeat: repeat-x;padding-top:0px; padding-bottom:1px;color:#C0C0C0}
    .ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea {background-color:#B2C8FE;border:1px solid #808080;color:#000000;width:350px;font-family:verdana;font-size:12px;}

/* POSTICON TABLE */
.ak_subject_posticon_table {width:300px;border:1px dashed #808080;margin-bottom:4px;background-color: #B2C8FE;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_icons_td img,.postlistpostname img {
 width: auto; height: auto;
}
.ak_subject_posticon_head_td {background-color:transparent;text-align:center;
font-family:verdana;
font-size:11px;color:#000000;
background-image:url(http://img.photobucket.com/albums/v117/Winkks/mboard/separator.gif);
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:1px dashed #808080;background-color:#B2C8FE;
font-size:11px;color:#000000}
.msgform_clickable_smiley_box_b {padding-top:5px}
.msgform_clickable_smiley_box_b, .msgform_clickable_smiley_box_b td
{border-width: 0px;background-color:#B2C8FE;text-align:center;
font-family:verdana;
font-size:11px;color:#000000;
background-image:url();
background-repeat: repeat-x}




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:780px;height:0px;"></div>
    <div align="center" style="background-image: url(http://img.photobucket.com/albums/v117/Winkks/mboard/center.gif);
    background-repeat: repeat-y;
    background-position: center;
    background-color: transparent;width:100%;">
    <div align="center">

    <!-- SAMPLE BANNER - CHANGE URL AND SIZES FOR YOUR BANNER //-->
    <img src="http://img.photobucket.com/albums/v117/Winkks/mboard/top.gif"><br>
    <font size="2"><i>You can modify the banner with your board name underneath the tabs.
    </i></font>

    <!-- END SAMPLE BANNER //-->


Custom HTML Footer

copy and paste the following HMTL code into your Custom HTML Footer



 <a href="#"><img src="http://img.photobucket.com/albums/v117/Winkks/mboard/bttop.gif" border="0" title="Back to Top"></a>
    </div></center>
    <div style="background-image: url(http://img.photobucket.com/albums/v117/Winkks/mboard/bottom.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;width:100%px;height:40px;"><center><div class="backtotop" align="center" style="padding-top:9px"></div></center></div>


Customize colors and layout settings

copy and paste the following into the correct tab in your customize color section.

Background color: #2360F9


Background image: http://img.photobucket.com/albums/v117/Winkks/mboard/back2.gif

Text color: #FFFFFF

Link color: #B2C8FE

Hover link color: #B2C8FE

The rest is taken care of in the CSS.

Please save all images to your own hard drive then upload them to your own host. Then make sure you change all of the image url's in the CSS and custom colors and layout;... the background image.


Last edited by Pastor Rick, 6/24/2007, 2:26 pm


---

6/24/2007, 12:03 pm Link to this post Send PM to Joshin Josh Blog
 


Add a Reply





You are not logged in (login)