Runboard.com
You're welcome.

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
Game Green--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.

--Log in or sign up to see linked image content--


]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}
    [sign in to see URL], [sign in to see URL], [sign in to see URL] {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([sign in to see URL]);
    background-repeat: repeat-x;padding:1px}

    [sign in to see URL] {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([sign in to see URL]);
    background-repeat: repeat-x;padding-top:1px; padding-bottom:2px}
    .forumlist_separator_td {background-color:#1F1F1F;color:#808080;height:20px;
    background-image:url([sign in to see URL]);
    background-repeat: repeat-x;text-align:left;padding-top:1px; padding-bottom:2px}
    [sign in to see URL] {font-size:11px;color:#808080}
    .forumlistforumname, [sign in to see URL] {font-size:11px;font-family:verdana,tahoma,arial}
    .forumlistboardstatsheader {background-color:#1F1F1F;color:#808080;
    background-image:url([sign in to see URL]);
    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}
    [sign in to see URL], [sign in to see URL], [sign in to see URL] {font-size:10px;color:#808080}
    [sign in to see URL] {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([sign in to see URL]);
    background-repeat: repeat-x;padding:6px;margin:0;}

    /* TOPIC LIST PAGE */
    .topic_list_table {width:740px;border:1px solid #000000; background-color:#000000}
    [sign in to see URL] {font-size:11px;color:#808080}
    .topiclisttopicname, [sign in to see URL] {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([sign in to see URL]);
    background-repeat: repeat-x;padding-top:1px; padding-bottom:2px}
    [sign in to see URL], [sign in to see URL], [sign in to see URL], [sign in to see URL] {font-size:11px;color:#808080}
    .topic_list_header_modbox_td {padding:0px}
    .ak_tl_topicrow_mouseover_off, .ak_tl_topicrow_mouseover_on {padding:5px}
    [sign in to see URL] {font-weight:bold}
    [sign in to see URL], [sign in to see URL],[sign in to see URL] {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([sign in to see URL]);
    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([sign in to see URL]);
    background-repeat: repeat-x;}
    .ak_poll_table_option_gback2 {background-color:#1F1F1F;
    background-image:url([sign in to see URL]);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([sign in to see 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([sign in to see 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;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([sign in to see URL]);
    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}
    [sign in to see URL] a, [sign in to see URL] {font-size:11px;color:#9C9898}
    [sign in to see URL] {font-size:10px;color:#9C9898}
    [sign in to see URL] {font-size:11px;color:#9C9898}

    blockquote
    {
      background: transparent url([sign in to see URL]) left top no-repeat;max-width: 40em;
      
    }

    blockquote hr {display:none}
    [sign in to see URL] 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([sign in to see 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:#1F1F1F;font-size:10px;margin-top:1px;font-family:verdana;
    font-size:10px;height:20px;
    background-image:url([sign in to see URL]);
    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([sign in to see URL]);
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([sign in to see URL]);
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="[sign in to see URL]" 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="[sign in to see URL]"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: [sign in to see URL]
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


---

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


Add a Reply



You are not logged in (login)