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
Buttons-- by Winkks


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

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

Custom CSScopy and paste the following CSS code into your Custom CSS box
/* DEFINES STRUCTURE OF LAYOUT */

.bghead {background: url([sign in to see URL]) no-repeat center 0; width:780px; height: 83px; margin: 0 auto;}
.bgmid {background :url([sign in to see URL]) repeat-y center 0; width: 780px; margin: 0 auto;}
.bgfoot {background: url([sign in to see URL]) no-repeat center 0; width: 780px; height: 52px; margin: 0 auto;}
.banbox {margin-top: 1px; margin : 0 auto; width: 95%; height: 95%; color:#789AA6; font-size: 15px; text-align: center; font-weight: bold;}

/* SKIN SPECIFIC CSS CLASSES BELOW! */
.backtotop {font-family:verdana; font-size:12px; color:#789AA6;}

/* STANDARD RUNBOARD CSS CLASSES BELOW! */

/* REMOVES THE SIDE PAGE MARGINS AND SETS BACKGROUND COLOR */
body {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-family:verdana,tahoma,arial;font-size:12px;text-align:center;}
[sign in to see URL], [sign in to see URL], [sign in to see URL] {font-size:15px;font-family:verdana,tahoma,arial;}

/* HR FOR CROSS COMPATIBILITY REASONS WE USE THE BORDER TO GIVE THE LINE EFFECT */
hr {height:0;width:95%;border:none;border-bottom:1px dashed #B7C2C2;}

/* TEXTAREAS SETS THE BACKGROUND-COLOR */
textarea {border-style: solid; border-width: 0; border-color: #000000;}

/* FORUM LIST PAGE */
.forum_list_table {width:720px;border:0 solid #000000;}
[sign in to see URL] {border:1px dashed #789AA6;font-size:12px;font-family:tahoma,arial;color:#789aa6;padding:5px;}
.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 {color:#000000;height:20px;background-image:url([sign in to see URL]); background-repeat: repeat-x;padding-top:1px; padding-bottom:3px;}
.forumlist_separator_td {text-align:center;color:#000000;height:20px;
background-image:url([sign in to see URL]); background-repeat: repeat-x;padding-top:1px; padding-bottom:3px;}
[sign in to see URL] {background-color:#FFF5EB;border:1px dashed #789AA6;font-size:12px;color:#789AA6;padding:5px;}
[sign in to see URL] {font-size:10px;color:#789AA6;}
.forumlistforumname,[sign in to see URL] {font-size:11px;font-family:verdana,tahoma,arial;color:#000000;}
.forumlistboardstatsheader {color:#789AA6; background-image:url([sign in to see URL]); background-repeat:repeat-x;font-size:12px;border-width:0;}
.forumlistboardstatstable {width:720px;border:0 dashed #789AA6;}
[sign in to see URL], [sign in to see URL] {font-size:12px;color:#789AA6;}
[sign in to see URL] {font-size:11px;color:#789AA6;}

/* WHOS ONLINE TABLE */
.forumlistwhosonlinetable {width:720px;border-style:solid;border-width:0;border-color:#000000;}
.forumlistwhosonlinetd{padding:6px;}

/* TOPIC LIST PAGE */
.topic_list_table {width:720px;border:0 dashed #789AA6;}
[sign in to see URL] {font-size:12px;color:#789AA6;}
.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:#000000;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] {font-size:12px;}
.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-size:11px;font-weight:normal;font-family:verdana;color:#000000;}

/* POLL TABLE AND ITS PARTS */
.ak_poll_table {font-size:11px;color:#B92103;font-family:verdana;text-align:left;border:2px solid #789AA6;background-color:#FFF5EB;margin-bottom:10px;}
.ak_poll_table td {border:0 solid #FFD1D1;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; background-image:url([sign in to see URL]); background-repeat: repeat-x;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-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([sign in to see URL]); background-repeat: repeat-x;}
.ak_poll_table_option_gback2 {background-color:#00C0C0; background-image:url([sign in to see URL]); background-repeat: repeat-x;}
.ak_poll_table_option_gcell1, .ak_poll_table_option_gcell2 {border:1px dashed #789AA6;}

/* NEW TOPIC & ADD REPLY BUTTONS */
.topiclistpostnewtopic a {background-position:center;padding-top:18px;padding-bottom:20px;padding-left:22px;padding-right:22px;font-size:14px;font-family:verdana,arial, tahoma;background-image: url([sign in to see URL]); background-repeat:no-repeat;}

.postlistaddareply a {background-position: center;padding-top:18px;padding-bottom:20px;padding-left:28px;padding-right:28px;font-size:14px;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 dashed #789AA6;text-align:center;}
.ak_msg_seememberlist_table {font-size:12px;border:1px dashed #789AA6;width:720px;text-align:center;}
.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-family:verdana,tahoma,arial;
font-size:12px;color:#B92103;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:12px;font-family:verdana;color:#789AA6;}

/* POST TABLE */
.ak_msg_post_master_table {width:720px;font-family:verdana;font-size:12px; border-width:5px;border-style:dashed;border-color:#789AA6; margin-bottom:40px;background-color:#ffffff;}
.ak_msg_post_master_table td {border:1px dashed #789AA6;}
.ak_msg_post_table {font-size:9px;color:#4E595E; padding: 2px; border: 3px solid; border-color: #789AA6;background-color:#FFF5EB;}
[sign in to see URL] {font-size:12px;color:#4E595E;}
[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-size:12px;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:11px;color:#4E595E;}
[sign in to see URL] {font-size:12px;color:#4E595E;}
[sign in to see URL] hr {display:none;}
blockquote {width:500px;border:1px dashed #B7C2C2;font-family:verdana;font-size:12px;color:#000000; margin:10px;padding:5px; background-color:#E6EEEE;}

/* WRITE MESSAGE TABLE */
.ak_msgform_master_table {font-family:verdana;font-size:12px;margin-left:-35px;}
.ak_msgform_master_table td {border:0 solid #789AA6;}
.ak_msgform_poll_options_table {border-width:0;border-style:solid;border-color:#FFFFFF;}
.ak_msgform_poll_options_table td {border-bottom:1px dashed #789AA6;padding:1px;}
.ak_msgform_poll_options_table td input {border-width:1px; border-style:solid;border-color:#789AA6; font-family:verdana,arial,tahoma;font-size:12px;}
.ak_msgform_poll_options_head_td {color:#B92103;font-family:verdana,tahoma,arial; font-size:12px;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 dashed #789AA6;font-size:12px;margin-top:1px;
font-family:verdana;font-size:12px;height:20px; background-image:url([sign in to see URL]); background-repeat: repeat-x;padding-top:0; padding-bottom:1px;color:#789AA6;}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea {background-color:#F8F6F2;border:1px dashed #789AA6;color:#000000;width:350px;font-family:verdana;font-size:12px;}

/* POSTICON TABLE */
.ak_subject_posticon_table {border:1px dashed #789AA6;margin-bottom:4px;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-family:verdana;font-size:12px; color:#B92103; 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 td, .msgform_clickable_smiley_box_h tr {display: inline;}
.msgform_clickable_smiley_box_h {padding:5px;border:1px dashed #789AA6;}
.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
<a name="top"></a>
<div class="bghead"></div>
<div class="bgmid">
<div class="banbox">(Your Banner Goes Here)
</div>

HTML FOOTERcopy and paste the following HTML code into your Custom HTML footer
<div class="backtotop"><a href="#top">↑Back To Top↑</a></div>
</div>
<div class="bgfoot"></div>

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: #FFF5EB
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 : #789AA6
Bottom info line color: #000000

Link Options
Link color : #FF8080
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 : #8FA7B9
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 : #B92103
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 :
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 : #000000
Forum list table first alternate background color :
Forum list table second alternate background color :
Forum list table text color (optional) : #000000
Forum list table description color : #000000
Forum list table separator background color :
Forum list table separator background image:
Forum list table separator text color : #000000
Forum list master table width (percents): 95
Forum list table width (percents): 95

Topic List Layout Options
Topic list master table background color :
Topic list master table border color : #000000
Topic list master table border width (pixels): 0
Topic list table background color :
Topic list table background image:
Topic list table border color : #000000
Topic list table border width (pixels): 0
Topic list table header background color :
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 : #000000
Topic list table first alternate background color :
Topic list table second alternate background color :
Topic list table text color (optional) : #000000
Topic list master table width (percents) : 95
Topic list table width (percents) : 95

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

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="23" height="25" />
topic_list_newtext: <img src="[sign in to see URL]" alt="New" width="23" height="25" />
forum_list_nonewtext: <img src="[sign in to see URL]" alt="Old" width="23" height="25" />
topic_list_nonewtext: <img src="[sign in to see URL]" alt="Old" width="23" height="25" />
misc_sticky_topic: <img src="[sign in to see URL]" alt="Sticky" width="16" height="18" />
misc_sticky: <img src="[sign in to see URL]" alt="Sticky" width="16" height="18" />


Last edited by Pastor Rick, 2/10/2009, 9:52 am


---

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


Add a Reply



You are not logged in (login)