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
Cork Board Skin--by Winkks


Winkks Skin Re-Creation "Cork Board"
by: PurpleLady711 and Pastor Rick

--Log in or sign up to see linked image content--
]Cork Board

Custom CSScopy and paste the following CSS code into your Custom CSS box
/* SETTING ONE FONT TO ALL CLASSES */
/* You could use body instead of * */
* {font-family:'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;}

/* DEFINES STRUCTURE OF LAYOUT */
#container { position: relative; width: 771px; margin: 0 auto;margin-top:-10px;}
#bghead {background: url([sign in to see URL]) no-repeat center 0; height: 87px; line-height: 87px; margin-left: 81px; padding-left: 2em; font-size: 180%; }
#bgtop {background: url([sign in to see URL]) no-repeat center 0; height: 76px; }
#bgmid {background :url([sign in to see URL]) repeat-y center 0; }
#bgfoot {background: url([sign in to see URL]) no-repeat center 0; height: 76px;}
#banbox {margin-top: -62px; margin-left: 1em; width: 670px; height: 60px; color:#789AA6;line-height:65px; font-size: 15px; font-weight: bold; text-align: center;}
/* PD MENU */
#holder {position:absolute; top:0; left:-30px; width:165px; line-height:18px; height:87px; overflow:hidden; text-align:center; z-index:100;}
#holder: hover {height: 250px; cursor: pointer;}
#holder a:hover {background:#eee;}
#holder a:visited, #holder a {display:block; width:100%; line-height:18px; color:#000; text-decoration:none; background:#fce0aa;}
#holder a:hover {color:#c00;background:#ddd;}a:link, a:active {color: #cccccc;text-decoration: none;}
a:visited {color: #ccc; text-decoration: none;}
a:hover {color: #ccc; text-decoration: underline overline;}

/* SKIN SPECIFIC CSS CLASSES BELOW! */
.backtotop {font:11px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;color:#2B1709}

/* STANDARD RUNBOARD CSS CLASSES BELOW! */

/* REMOVES THE SIDE PAGE MARGINS AND SETS BACKGROUND COLOR */
body {background-color:#000000;margin-left:0;margin-right:0;}

/* SETS THE OUTER TABLES WIDTH TO KEEP NON-TABLE CONTENT WITHIN A MAX WIDTH*/
.ak_msg_master_table {width:720px;font:11px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;text-align:center;}
[sign in to see URL], [sign in to see URL], [sign in to see URL] {font:12px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;}

/* HORIZONTAL RULE FOR CROSS COMPATIBILITY USING THE BORDER FOR THE LINE EFFECT */
hr {height:0px;width:95%;border:none;border-bottom:1px solid #E0C480;}

/* TEXTAREA SETS THE BACKGROUND-COLOR */
textarea {border: 0 solid #C1A983;}

/* FORUM LIST PAGE */
.forum_list_table {width:720px;border:0 solid #C1A983;}
[sign in to see URL] {background-color:#FCE0AA;border:1px solid #E0C480;font:12px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;color:#2B1709;padding-top:1px; padding-bottom:3px;}
.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:#FCE0AA;color:#2B1709;border:1px solid #E0C480;height:5px;padding-top:1px; padding-bottom:3px;}
.forumlist_separator_td {text-align:center; background-color:#FCE0AA;color:#000000;height:20px;padding-top:1px; padding-bottom:3px;}
[sign in to see URL] {background-color:#FCE0AA;border:1px solid #E0C480;font:12px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;color:#2B1709;padding:5px;}
[sign in to see URL] {font:10px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;color:#2B1709;}
.forumlistforumname,[sign in to see URL] {font:12px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;color:#2B1709;}
.forumlistboardstatsheader {background-color:#FCE0AA;color:#000000;height:5px;font:12px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;border:0;}
.forumlistboardstatstable {width:720px;border:1px solid #E0C480;background-color:#FCE0AA;}
[sign in to see URL], [sign in to see URL] {font:12px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;color:#2B1709;}
.forumlistboardstatstitle, .forumlistboardstatsdata {font:10px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;color:#2B1709;}
[sign in to see URL] {font:12px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;color:#000000;}

/* WHOS ONLINE TABLE */
.forumlistwhosonlinetable {width:720px;border:1px solid #E0C480; background-color:#FCE0AA;}
.forumlistwhosonlinetd{padding:2px;}

/* TOPIC LIST PAGE */
.topic_list_table {width:720px;border:0 solid #E0C480;}
[sign in to see URL] {width:720px;border:1px solid #E0C480; background-color:#FCE0AA;font:12px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;color:#2B1709;}
.topiclisttopicname, [sign in to see URL] {font:11px 'lucida handwriting', 'comic sans ms', 'comic sans',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;padding-top:1px; padding-bottom:2px;}
[sign in to see URL], [sign in to see URL], [sign in to see URL] {font:11px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;color:#2B1709;}
[sign in to see URL] {font:10px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;color:#2B1709;}
.topic_list_header_modbox_td {padding:0;}
.ak_tl_topicrow_mouseover_off, .ak_tl_topicrow_mouseover_on {padding:5px;}
[sign in to see URL] {font-weight:normal;}
[sign in to see URL], [sign in to see URL],[sign in to see URL] {font:400 11px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;color:#2B1709;}

/* POLL TABLE AND ITS PARTS */
.ak_poll_table {font:11px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;color:#2B1709;text-align:left;border:2px solid #E0C480;background-color:#FCE0AA;margin-bottom:10px;}
.ak_poll_table td {border:0 solid #E0C480;border-bottom:0 solid #FF8080;}
.ak_poll_table td td {border:none}
.ak_poll_table_header {height:20px;padding:0 25px 0 25px;font-size:11px;color:#2B1709;text-align:left;}
.ak_poll_table_header br {display:none;}
.ak_poll_table_header a {padding-left:8px;}
.ak_poll_table_button_cell input {border:0 solid #3662BA;height:20px;font:400 11px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;color:#2B1709; padding-bottom:1px;}
.ak_poll_table_option_rcell1 input, .ak_poll_table_option_rcell2 input {border:none;}
.ak_poll_table_viewres_cell {font-weight:400; font-size: 11px;}
.ak_poll_table_option_gback1, .ak_poll_table_option_gback2 {background-color:#FDF0BA;}
.ak_poll_table_option_gcell1, .ak_poll_table_option_gcell2 {border:1px solid #2B1709;}

/* NEW TOPIC & ADD REPLY BUTTONS */
.topiclistpostnewtopic a {background-position:center;padding: 11px 22px 12px 22px; font:11px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;}
.postlistaddareply a {background-position: center; padding: 12px 28px 12px 28px; font:11px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;}

/* MEMBERSHIP LIST */
.ak_msg_seememberlist_table td {border:1px solid #E0C480;text-align:center;}
.ak_msg_seememberlist_table {font-size:11px;border:1px solid #2B1709;width:720px;text-align:center;background-color:#FCE0AA;}
.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 {font:11px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;color:#2B1709;height:20px;padding-top:1px; padding-bottom:2px;}
.ak_msg_seememberlist_showing {font:11px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;color:#2B1709;}

/* POST TABLE */
.ak_msg_post_master_table {width:720px;font:12px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;border:1px solid #E0C480;margin-bottom:40px;}
.ak_msg_post_master_table td {border:2px solid #FEF4DC;}
.ak_msg_post_table {font-size:10px;color:#2B1709; padding: 2px; border: 1px solid #E0C480;background-color:#FCE0AA;}
[sign in to see URL] {font-size:9px;color:#2B1709}
[sign in to see URL],[sign in to see URL], [sign in to see URL],[sign in to see URL], [sign in to see URL], [sign in to see URL], [sign in to see URL], [sign in to see URL], [sign in to see URL], [sign in to see URL] {font-size:9px;}
[sign in to see URL] {font:12px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;color:#000000;}
[sign in to see URL],[sign in to see URL], [sign in to see URL], [sign in to see URL],[sign in to see URL] {font-size:9px;color:#2B1709;}
[sign in to see URL] {font:12px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;color:#2B1709;}
[sign in to see URL] hr {display:none;}

blockquote {width:500px;border:1px solid #C1A983; background-color: #FDF0BA;font:11px "Courier New";color:#000000; padding: 10px; margin:10px;}

/* WRITE MESSAGE TABLE */
.ak_msgform_master_table {border:0 solid #E0C480;font:12px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;}
.ak_msgform_master_table td {border:0 solid #E0C480;}
.ak_msgform_poll_options_table {border: 0 solid #FFFFFF;}
.ak_msgform_poll_options_table td {border:none;border-bottom:0 dashed #E0C480;padding:1px;}
.ak_msgform_poll_options_table td input {border:1px solid #2B1709;font: 11px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;}
.ak_msgform_poll_options_head_td {color:#2B1709;font: 12px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial; padding:1px 5px 2px 5px;text-align: center; height: 20px;}
.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:11px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;border:1px solid #E0C480;background-color:#FCE0AA;margin-top:1px;height:20px; padding-top:0; padding-bottom:1px; color:#2B1709;}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea {background-color:#FFFFFF;border:1px solid #E0C480;color:#000000;width:375px;font:12px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;}

/* POSTICON TABLE */
.ak_subject_posticon_table {border:1px solid #E0C480;margin-bottom:4px;background-color: #FCE0AA;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;text-align:center;}
.ak_subject_posticon_icons_td img,.postlistpostname img {width: auto; height: auto;}
.ak_subject_posticon_head_td {text-align:left;font:11px 'lucida handwriting', 'comic sans ms', 'comic sans',verdana,tahoma,arial;color:#2B1709;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 solid #E0C480;background-color: #FCE0AA;}
.msgform_clickable_smiley_box_b {padding-top:9px;}
.msgform_clickable_smiley_box_b, .msgform_clickable_smiley_box_b td {border-width: 0;}

HTML HEADERcopy and paste the following HTML code into your Custom HTML header
<div id="container"><a name="top"></a>
<div id="bghead"><div class="corknav">CORK BOARD</div></div>
<div id="bgtop"></div>
<div id="banbox">A Small Banner or Logo Can Go Here (max-size 671px x 61px)</div>
<div id="bgmid">

HTML FOOTERcopy and paste the following HTML code into your Custom HTML footer
<div class="backtotop"><a href="#">Back To Top</a></div>
<!-- PD MENU -->
<div id="holder"><img src="[sign in to see URL]"><br /><hr />
<a href="#">Item one</a>
<a href="#">Item two</a>
<a href="#">Item three</a>
<a href="#">Item four</a>
<a href="#">Item five</a>
</div>
<div id="bgfoot"></div>
</div><!-- end container -->

EDIT COLORS/LAYOUT (ECL)find and change the following in your: Control Panel :: Board management :: Edit colors and theme
Miscellaneous options
Use extra CSS options?: --Log in or sign up to see linked image content--
Use CSS trick 1?: --Log in or sign up to see linked image content--
Use CSS trick 2?: --Log in or sign up to see linked image content--
Background color: #FDE7B3
Background color transparent: --Log in or sign up to see linked image content--
Background image (optional): [sign in to see URL]
Background image tile X: --Log in or sign up to see linked image content--
Background image tile Y: --Log in or sign up to see linked image content--
Text color : #2B1709
Bottom info line color: #444444

Link Options
Link color : #524030
Link overlined : --Log in or sign up to see linked image content--
Link line-through : --Log in or sign up to see linked image content--
Link underlined : --Log in or sign up to see linked image content--
Visited link color : #524030
Visited link overlined : --Log in or sign up to see linked image content--
Visited link line-through : --Log in or sign up to see linked image content--
Visited link underlined : --Log in or sign up to see linked image content--
Hover link color : #524030
Hover link overlined : --Log in or sign up to see linked image content--
Hover link line-through : --Log in or sign up to see linked image content--
Hover link underlined : --Log in or sign up to see linked image content--

Forum List Layout Options
Forum list master table background color :
Forum list master table border color : #000000
Forum list master table border width (pixels): 0
Forum list table background color : #FDF0BA
Forum list table background image:
Forum list table border color : #000000
Forum list table border width (pixels): 0
Forum list table header background color :
Forum list table header background image:
Forum list table header border color : #000000
Forum list table header border width (pixels): 0
Forum list table header text color : #2B1709
Forum list table first alternate background color : #FDF0BA
Forum list table second alternate background color : #FDF0BA
Forum list table text color (optional) : #2B1709
Forum list table description color : #2B1709
Forum list table separator background color : #FCE0AA
Forum list table separator background image:
Forum list table separator text color : #2B1709
Forum list master table width (percents): 100
Forum list table width (percents): 100

Topic List Layout Options
Topic list master table background color : #FDF0BA
Topic list master table border color : #000000
Topic list master table border width (pixels): 0
Topic list table background color : #FDF0BA
Topic list table background image:
Topic list table border color : #000000
Topic list table border width (pixels): 0
Topic list table header background color : #FCE0AA
Topic list table header background image:
Topic list table header border color : #000000
Topic list table header border width (pixels): 0
Topic list table header text color : #2B1709
Topic list table first alternate background color : #FDF0BA
Topic list table second alternate background color : #FDF0BA
Topic list table text color (optional) : #2B1709
Topic list master table width (percents) : 100
Topic list table width (percents) : 100

Post List Layout Options
Post list master table background color : #FDF0BA
Post list master table border width (pixels): 0
Post list master table border color : #000000
Post list master table width (percents) : 100
Post list table width (percents) : 100
Post list table first alternate background color : #FDF0BA
Post list table second alternate background color : #FDF0BA
Post list table border color : #000000
Post list table border width (pixels): 0

CUSTOM LANGUAGE SET (optional)find and change the following in your: Control Panel :: Board management :: Customize the language set
forum_list_newtext: <img src="[sign in to see URL]" alt="New" width="40" height="32" />
topic_list_newtext: <img src="[sign in to see URL]" alt="New" width="40" height="32" />
forum_list_nonewtext: <img src="[sign in to see URL]" alt="Old" width="40" height="32" />
topic_list_nonewtext: <img src="[sign in to see URL]" alt="Old" width="40" height="32" />

THIRD PARTY OPTIONAL ADDITIONA free font called Lucinda Handwriting is available from ]this site for both the PC and Mac to allow you to see the boards intended design look.

Last edited by Pastor Rick, 2/21/2009, 7:11 am


---

6/24/2007, 11:14 am Link to this post Send PM to Joshin Josh Blog
 


Add a Reply



You are not logged in (login)