Runboard.com
You're welcome.
Runboard Extra! The Runboard Directory Runboard Knowledge Base
Chat room Runboard Knowledge Base (wiki) Search Facebook Twitter

runboard.com       You are not logged in.

 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Global user (premium)
Head of Runboard staff

Registered: 11-2005
Posts: 24318
Karma: 420 (+466/-46)
Reply | Quote
Autumn Skin


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


]Autumn Skin

From the Seasonal Collection
by SKOKEY and Lesigner Girl


Installation Instructions
*** Before doing anything else, switch your board over to custom mode (details are located ]here). ***



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


/* Autumn theme by SKOKEY and Lesigner Girl */

/* MAIN FONT, PAGE MARGINS, NO BORDERS ON IMAGE LINKS */
html { background: #7d471f url([sign in to see URL]); }
body {
  margin: 100px 0 80px 0; font: 14px verdana, arial, helvetica, sans-serif;
  background: url([sign in to see URL]) top center repeat-y;
  position: relative; }
img { border: 0; }
iframe { margin-bottom: [sign in to see URL]; }


/* ******************
  OVERALL PAGE LAYOUT
  ******************* */

.header {
  width: 898px; margin: 0 auto;
  border: 2px solid #3a1606;
  position: relative; top: 0; left: 0; height: 250px; z-index: 10;
  background: #7d471f url([sign in to see URL]) left top no-repeat;
  padding-top: [sign in to see URL];
}
.header h1 {
  margin: 0; font-size: 28px; width: 335px; line-height: 1em;
  position: absolute; top: 141px; right: 30px; font-weight: normal; text-transform: uppercase;
  font-family: 'comic sans ms', 'comic sans'; text-align: center; color: #e1cc01;
}
.header h2 {
  margin: 0; font-size: 12px; width: 335px; line-height: 1em;
  position: absolute; top: 181px; right: 30px; text-transform: uppercase;
  font-family: 'comic sans ms', 'comic sans'; text-align: center; color: #e1cc01;
}
.header h1 a:link, .header h1 a:visited, .header h1 a:hover {
   color: #e1cc01; text-decoration: none;
}

/* Marquee at top of board */
.header .marquee {
  position: absolute; bottom: -1px; left: 0;
  width: 898px; height: [sign in to see URL];
  background: #3a1606 url([sign in to see URL]);
  font: bold 22px verdana; color:#fee9c5;
}

.container {
  margin: 0 auto; width: 902px; position: relative; top: 0; left: 0; z-index: 100;
   background: #ab703c url([sign in to see URL]);
}
.fauxcolumn {
 background: url([sign in to see URL]) -15px top repeat-y;
  position: relative; top: 0; left: 0;
   border: 2px solid #3a1606;
}
.content { float:right; width: 754px; position:relative; z-index:200; }
.ak_msg_master_table { width: 734px; margin: 0 auto; }

/* SIDEBAR */

.sidebar {
  width: 141px;
  text-align: left;
  position: relative;
  z-index: 150;
  background: #ab703c;
}

/* Hack for IE7 & earlier */
*:first-child+html .sidebar { left: -2px; width: 139px; }
* html .sidebar { left: -1px; width: 139px; }
*:first-child+html .box { width: 139px; }
* html .box { width: 139px; }
/* End IE hacks */

.box {
  background:#f1bc8b;
  border-bottom: 2px solid #3a1606;
  width: 141px;
}
.sidebar h2 {
  margin: 0; padding: 1px 3px;
  vertical-align: middle;
  font-size: 12px;
  background: #ab703c;
  border-bottom: 2px solid #3a1606;
}


.box p { margin: 1em 3px; }
.box ul { margin: [sign in to see URL] 0; padding: 0; }
.box li { display: inline; margin: 0; padding: 0; }
.box li a:link, .sidebar li a:visited {
   display: block; padding: 2px 2px 2px 20px; text-decoration: none; width: 116px;
   margin: 0 auto; }
.box li a:hover {
   background: #f7d6b8 url([sign in to see URL]) 1px 3px no-repeat;
   text-decoration: none;
}
/* Pics in Sidebar */
.todayspic {
  background:url([sign in to see URL]) left top no-repeat;
  height: 568px;
}
.tomorrowspic {
  background:url([sign in to see URL]) left top no-repeat;
  height: 500px;
}

/* FOOTER */

.footer {
   text-align: center; padding-bottom: 140px; clear: both;
   margin: 0 0 0 auto; margin-left: 143px;
   background:url([sign in to see URL]) center bottom repeat-x;
}
/* Hack for IE7 & earlier */
*:first-child+html .footer { margin-left: 141px; }
* html .footer { margin-left: 141px; }


hr { height: 0; border-bottom: 0; border-top: 1px solid #3a1606; }

/* TOP AND BOTTOM IMAGES */
.top, #top { position: absolute; top: -81px; left: 0; height: 194px; width: 100%; z-index: 100;
   background: url([sign in to see URL]) top center no-repeat; }
.bottom1 { position: absolute; bottom: -129px; left: 0; height: 194px; width: 100%;
   background: url([sign in to see URL]) top center no-repeat; z-index: 150; }
.bottom2 { display: none; }

/* RB-SPECIFIC CLASSES */

/* WHO'S ONLINE */
.forumlistwhosonlinetable {
  background: #f1bc8b; border: 2px solid #3a1606; width: 97%; margin: 0 auto;
}

/* BOARD STATS */
.forumlistboardstatsheader {
background : #3a1606 url([sign in to see URL]) repeat-x;
font-size : 16px;
height: 30px;
color : #fee9c5;
text-align:center;
padding:0;
line-height: 30px;
border-bottom: 1px solid #3a1606;
}
.forumlistboardstatstable { border : 2px solid #3a1606; background-color:#f1bc8b }


/* FOR CSS TRICK 1 AND 2 */
[sign in to see URL] {
  background-color: #e5bb95; cursor: pointer; padding: 5px; border: 0; }
[sign in to see URL] {
  background-color: #e5bb95; cursor: pointer; padding: 10px; border: 0; }


/* Bug fix for Opera and possibly other browsers */
.forum_list_table, .topic_list_table { border: 1px solid #3a1606; }
.ak_msg_post_master_table td { border: 2px solid #3a1606; }

/* Space between posts */
.ak_msg_postlist_betweenposts_table, .ak_msg_postlist_betweenposts_table_td {
  display: block; height: 2px; width: 100%; border-collapse: collapse; padding: 0;
}

/* POSTING AREA */
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea{
    width: 325px; border: 1px solid #3a1606; background: #f1bc8b;
}
.ak_msgform_master_table { border: 2px solid #3a1606; }
.ak_msgform_master_table td { border: 1px solid #3a1606; }
.ak_subject_posticon_table {
   border-collapse: collapse; border: 2px solid #3a1606;
   margin-bottom: [sign in to see URL];
}
[sign in to see URL] {
   border: solid #3a1606; border-width: 0 0 1px 0;
   text-align: center; color: #fee9c5;
   background: #3a1606 url([sign in to see URL]);
}
[sign in to see URL] { border: 0; }
.msgform_clickable_smiley_box_h { border: 0; border-collapse: collapse; }
.smileyhead {
  background: url([sign in to see URL]) left top repeat-x;
  color: #ffe9c5; line-height: 16px; vertical-align: middle;
  border: solid #3a1606; border-width: 2px 2px 0 2px; }
.msgform_clickable_smiley_box_b td {
  border: 1px solid #3a1606; }
.msgform_clickable_smiley_box_b {
   width: 100%; border: 1px solid #3a1606; }

/* POSTING BUTTONS */
.qcode_bar_but,
.ak_msgform_postreply_submit_button, .ak_msgform_postreply_preview_button,
.ak_msgform_editpost_submit_button, .ak_msgform_editpost_preview_button,
.ak_msgform_newtopic_submit_button, .ak_msgform_newtopic_preview_button {
   background: #3a1606 url([sign in to see URL]);
   color: #ffe9c5; border: 1px solid #3a1606; margin: 0 2px 2px 0;
   font: bold 12px arial; }

/* ****************************************************
    THE FOLLOWING BUTTONS ALL USE 1x1px TRANSPARENT GIFS
    ADDED VIA THE CUSTOM LANGUAGE SET, EACH WITH ITS OWN ID
    **************************************************** */

/* To decrease spacing between links */
    .ak_miscoptbar_table { letter-spacing: -1px; }

 /* So "alt" text isn't scrunched together if images go down */
    .ak_miscoptbar_table a { letter-spacing: [sign in to see URL]; }

/* Height of all links in this group */
 .ak_miscoptbar_table a img { height: 17px; }

/* [sign in to see URL] link */
 .rblink {
   width:100px; background:url([sign in to see URL]) center top;
}
 a:hover .rblink { background-position: center; }
 a:active .rblink { background-position: center bottom; }

/* Control Panel link */
 .cplink { width:93px; background:url([sign in to see URL]) center top; }
 a:hover .cplink { background-position: center; }
 a:active .cplink { background-position: center bottom; }

/* Mark forum as read */
 .markread { width: 117px; background:url([sign in to see URL]) center top; }
 a:hover .markread { background-position: center; }
 a:active .markread { background-position: center bottom; }

/* Mark all forums as read */
 .markallread { width: 123px; background:url([sign in to see URL]) center top; }
 a:hover .markallread { background-position: center; }
 a:active .markallread { background-position: center bottom; }

/* Add to favorites */
 .add2favs { width: 111px; background:url([sign in to see URL]) center top; }
 a:hover .add2favs { background-position: center; }
 a:active .add2favs { background-position: center bottom; }

/* Inbox */
 .inbox { width: 47px; background:url([sign in to see URL]) center top; }
 a:hover .inbox { background-position: center; }
 a:active .inbox { background-position: center bottom; }

/* Subscribe to Topic */
 .sub2topic { width: 121px; background:url([sign in to see URL]); }
 a:hover .sub2topic { background-position: center; }
 a:active .sub2topic { background-position: center bottom; }

/* Upgrade your account */
 .upgrade { width: 116px; background:url([sign in to see URL]); }
 a:hover .upgrade { background-position: center; }
 a:active .upgrade { background-position: center bottom; }
 
/* Back to top link in footer */
 .backtotop { width: 80px; height: 17px; margin-top: 5px;
     background:url([sign in to see URL]) center top no-repeat;
}
  a:hover .backtotop { background-position: center; }
  a:active .backtotop { background-position: center bottom; }


/* THESE SHOW UP AFTER SOMEONE MAKES A POST, REPLY, OR EDIT */

  .newtopicposted {
     height: 17px; width: 114px; background:url([sign in to see URL]); }
  .postedited { height: 17px; width: 82px; background:url([sign in to see URL]); }
  .replyadded { height: 17px; width: 89px; background:url([sign in to see URL]); }
  


/* ****************************************************************
    THE FOLLOWING BUTTONS USE CLASS NAMES ALREADY DEFINED BY RUNBOARD,
    INSTEAD OF IDs DEFINED IN THE CUSTOM LANGUAGE SET
    *************************************************************** */

/* POST NEW TOPIC */
.topiclistpostnewtopic a img {
     height: 17px; width: 101px; background:url([sign in to see URL]) center top no-repeat; }
.topiclistpostnewtopic a:hover img { background-position: center; }
.topiclistpostnewtopic a:active img { background-position: center bottom; }

/* ADD A REPLY */
.postlistaddareply a img {
     height: 17px; width: 82px; background:url([sign in to see URL]) center top no-repeat; }
.postlistaddareply a:hover img { background-position: center; }
.postlistaddareply a:active img { background-position: center bottom; }

/* NEW and NONEW INDICATORS */

.topiclistnonewswitch, .forumlistnonewswitch {
  background:url([sign in to see URL]) center no-repeat;
  display: block; width: 28px; height: 25px;
  text-indent: -100000px; font-size: 5px;
}
.topiclistnewswitch, .forumlistnewswitch {
  background:url([sign in to see URL]) center no-repeat;
  display: block; width: 28px; height: 25px;
  text-indent: -100000px; font-size: 5px;
}

/* VIEW THREAD */
.ak_msg_post_master_table { border: 1px solid #3a1606; }
.postlistusername a, [sign in to see URL], [sign in to see URL] { font-size : 16px; }
.ak_msg_post_signature_block { font-size: 14px; }
[sign in to see URL] { font-size:14px; }
[sign in to see URL] blockquote {
   margin: [sign in to see URL] 1em; padding: [sign in to see URL] [sign in to see URL];
   border: 1px solid #3a1606;
}
.postlistquotedtext hr { display: none; }
.postlistquotedtext :first-line { font-size: 12px; }

/* Control size of avatars without making them an exact size
    (disable restrictions in misc. settings) */
.ak_msg_post_table img { max-width:125px; width: expression([sign in to see URL] > 125 ? 125: true); max-height:200px; height: expression([sign in to see URL] > 200 ? 200: true); }

.postlistpostbody img { max-width: 470px; }
.postlistpostbody embed, .postlistpostbody object { width: 470px; height: 280px; }


/* POLLS */
.ak_msgform_poll_options_table, .ak_poll_table_header,
.ak_poll_table_option_lcell1, .ak_poll_table_option_rcell1,
.ak_poll_table_option_lcell2, .ak_poll_table_option_rcell2,
.ak_poll_table_button_cell, .ak_poll_table_viewres_cell { border: 0; }

.ak_poll_table { border: 1px solid #3a1606; margin-bottom: [sign in to see URL]; }
.ak_poll_table td { border: 0; }

.ak_poll_table_header {
  background: url([sign in to see URL]) repeat-x;
  line-height: 16px; padding: 1px 3px; color: #ffe9c5; text-align: center;
}
.ak_poll_table_button_cell, .ak_poll_table_viewres_cell { text-align: center; }
.ak_poll_table_button_cell input {
   background: #3a1606 url([sign in to see URL]);
   color: #ffe9c5; border: 1px solid #3a1606; margin: 0 2px 2px 0;
   font: bold 12px arial;
}

[sign in to see URL] { background: #bf6c2f url([sign in to see URL]) repeat-x; border: 1px solid #3a1606;}
[sign in to see URL] { background: transparent; }


/* SEE MEMBER LIST */
.ak_msg_seememberlist_table { margin: 0 auto; }
.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 {
  padding: 2px 5px;
  background : #3a1606 url([sign in to see URL]) repeat-x;
  font-size : 16px;
  height: 30px; line-height: 30px;
  color : #fee9c5;
  border-bottom: 1px solid #3a1606;
}
.ak_msg_seememberlist_head_date_td a:link,
.ak_msg_seememberlist_head_date_td a:visited { color: #fee9c5; }


.memberlistbacktoboard, .searchbacktoboard {
     line-height: 22px; vertical-align: middle; text-align: center;
     margin: 1em 0 2em 0;
}
.memberlistbacktoboard a:link, .searchbacktoboard a:link,
.memberlistbacktoboard a:visited, .searchbacktoboard a:visited {
     background: url([sign in to see URL]) left center repeat-x;
     font-weight: bold; text-decoration: none; color: #fee9c5;
     border: 1px solid #3a1606; padding: 0 [sign in to see URL];
}
input[type=submit] {
     background: url([sign in to see URL]) left center repeat-x;
     font-weight: bold; text-decoration: none; color: #fee9c5;
     border: 1px solid #3a1606; padding: 0 [sign in to see URL];
}



Custom HTML header
copy and paste the following HTML code into your Custom HTML header
Note: If you already have a seasonal skin by SKOKEY and Lesigner Girl in place, you may not have to change anything past where it says:
<!-- end top -->



<div class="top" id="top"> </div>

<div class="wrapper">
<link rel="shortcut icon" href="[sign in to see URL]" />

<div class="header"><h1><a href="/boardthemesbyskokeyandlesa">Autumn</a></h1>
<h2>Part of the Season and Holiday Collection</h2>

<div class="marquee"><marquee>A marquee, if you need one - but the page looks just as good without the scrolling text. : )</marquee></div>

</div><!-- end header --><div class="container"><div class="fauxcolumn"><div class="content">



Custom HTML Footer
copy and paste the following HTML code into your Custom HTML Footer
Note: If you already have a seasonal skin by SKOKEY and Lesigner Girl in place, you may not have to change this.



</div><!-- end content -->
<div class="sidebar">


<!-- start 1st box -->
<div class="box">
<h2>Things to Know</h2>
<p>This site is best viewed with a 1024 pixel wide resolution or higher. </p>
<p>1280 pixel wide is perfect.</p>
</div><!-- end 1st box -->


<!-- start 2nd box -->
<div class="box">
<h2>Some Useful Links</h2>

<ul>
<li><a href="bakheva">Runboard Support</a></li>
<li><a href="btherunboarddirectory">The Runboard Directory</a></li>
<li><a href="brunboardextra">Runboard Extra!</a></li>
<li><a href="[sign in to see URL]">The Season and Holiday Collection</a></li>
</ul>
</div>
<!-- end 2nd box -->



<!-- start 3rd box -->
<div class="box"><h2>Today's Pic</h2>
<div class="todayspic"><br /></div></div>
<!-- end 3rd box -->

<!-- start 4th box -->
<div class="box"><h2>Tomorrow's Pic</h2>
<div class="tomorrowspic"><br /></div></div>
<!-- end 4th box -->



</div><!-- end sidebar -->



<div class="footer"><div class="footer2">
<a href="#top"><img src="[sign in to see URL]" alt="Backtotop" class="backtotop" /></a>
</div></div><!-- end footer -->
</div></div><!-- end faux column and container -->

<div class="bottom1"> </div><div class="bottom2"> </div>
</div><!-- end wrapper -->


Customize colors and layout settings
copy and paste the following into the correct tab in your customize color section.


Miscellaneous options
Use extra CSS options?: [x]
Use CSS trick 1?: [x]
Use CSS trick 2?: [x]
Background color: #AB703C
Background color transparent: [ ]
Background image (optional): leave blank
Background image tile X: [ ]
Background image tile Y: [ ]
Text color : #3A1606
Bottom info line color: #3A1606

Link Options
Link color : #3A1606
Link overlined : [ ]
Link line-through : [ ]
Link underlined : [x]
Visited link color : #3A1606
Visited link overlined : [ ]
Visited link line-through : [ ]
Visited link underlined : [x]
Hover link color : #3A1606
Hover link overlined : [x]
Hover link line-through : [ ]
Hover link underlined : [x]

Community Logo Options
Leave all four boxes blank

Forum List Layout Options
Forum list master table background color :
Forum list master table border color : #3A1606
Forum list master table border width (pixels): 0
Forum list table background color : #3A1606
Forum list table background image:
Forum list table border color : #3A1606
Forum list table border width (pixels): 2
Forum list table header background color : #5B3519
Forum list table header background image: [sign in to see URL]
Forum list table header border color :
Forum list table header border width (pixels): 0
Forum list table header text color : #FEE9C5
Forum list table first alternate background color : #F7D6B8
Forum list table second alternate background color : #F1BC8B
Forum list table text color (optional) : #3A1606
Forum list table description color : #3A1606
Forum list table separator background color : #5B3519
Forum list table separator background image: [sign in to see URL]
Forum list table separator text color : #FEE9C5
Forum list master table width (percents): 100
Forum list table width (percents): 97

Topic List Layout Options
Topic list master table background color :
Topic list master table border color :
Topic list master table border width (pixels): 0
Topic list table background color : #3A1606
Topic list table background image:
Topic list table border color : #3A1606
Topic list table border width (pixels): 2
Topic list table header background color : #5B3519
Topic list table header background image: [sign in to see URL]
Topic list table header border color :
Topic list table header border width (pixels): 0
Topic list table header text color : #FEE9C5
Topic list table first alternate background color : #F7D6B8
Topic list table second alternate background color : #F1BC8B
Topic list table text color (optional) : #3A1606
Topic list master table width (percents) : 100
Topic list table width (percents) : 97

Post List Layout Options
Post list master table background color :
Post list master table border width (pixels): 0
Post list master table border color : #3A1606
Post list master table width (percents) : 100
Post list table width (percents) : 97
Post list table first alternate background color : #F7D6B8
Post list table second alternate background color : #F1BC8B
Post list table border color : #3A1606
Post list table border width (pixels): 2


Customize the language set
copy and paste the following into the correct tab in your custom language section.
Note: If you already have a seasonal skin by SKOKEY and Lesigner Girl in place, you may not have to change any of these.



control_panel: <img src="[sign in to see URL]" alt="Control Panel" class="cplink" />
mark_all_forums_read: <img src="[sign in to see URL]" alt="Mark ALL forums read" class="markallread" />
mark_forum_read: <img src="[sign in to see URL]" alt="Mark forum as read" class="markread" />
add_board_to_favorites: <img src="[sign in to see URL]" alt="Add board to favorites" class="add2favs" />
inbox: <img src="[sign in to see URL]" alt="Inbox" class="inbox" />
upgrade_your_account: <img src="[sign in to see URL]" alt="Upgrade Account" class="upgrade" />
topic_list_post_new_topic: <img src="[sign in to see URL]" alt="Post New Topic" />
topic_list_moderator_delete: <span title="Only mods or higher can delete posts">Delete</span>
post_list_subscribe_to_this_topic: <img src="[sign in to see URL]" alt="Subscribe to topic" class="sub2topic" />
post_list_add_a_reply: <img src="[sign in to see URL]" alt="Add A Reply" />
msgform_clickable_smilies: <div class="smileyhead">Clickable smilies</div>
msgform_new_topic_posted: <img src="[sign in to see URL]" alt="New topic added!" class="newtopicposted" />
msgform_post_edited: <img src="[sign in to see URL]" alt="Post edited!" class="postedited" />
msgform_reply_added: <img src="[sign in to see URL]" alt="Reply added!" class="replyadded" />
memberlist_link_back_to_board: <div class="memberlistbacktoboard"><a href="%1">Go back to %2</a></div>
search_link_back_to_board: <div class="searchbacktoboard"><a href="%1">Go back to %2</a></div>
misc_miscoptbar_host_service_link <a href="%1"><img src="[sign in to see URL]" alt="[sign in to see URL]" class="rblink" /></a>



If you need help with this skin, please ask your questions ]Here.

Last edited by Lesigner Girl, 1/28/2013, 6:44 am


---
Runboard Knowledge Base
Website Creation Tutorials
10/8/2008, 1:19 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 


Add a reply



You are not logged in (login)