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.

 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator
Global user (premium)

Registered: 07-2005
Location: Runboard Staff Aux
Posts: 9130
Karma: 254 (+313/-59)
Reply | Quote
Winter (added November 2011)


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

From the Seasonal Collection
by SKOKEY and Lesigner Girl


Installation InstructionsFirst, switch your board over to custom mode (]details are located here)

Custom CSScopy and paste the following CSS code into your Custom CSS box
/* Winter theme by SKOKEY and Lesigner Girl */

/* MAIN FONT, PAGE MARGINS, NO BORDERS ON IMAGE LINKS */

html { background: #fff url([sign in to see URL]); }

body { margin: 0; font: 14px verdana, arial, helvetica, sans-serif; z-index: 2; position: relative;
  background: transparent; }

.wrapper { background: url([sign in to see URL]) top center repeat-y; margin-bottom: -50px; }

img { border: 0; }

iframe { margin-bottom: [sign in to see URL]; }


/* ******************

  OVERALL PAGE LAYOUT

  ******************* */

.header { width: 898px; margin: 0 auto;
  border: 2px solid #000;
  position: relative; top: 0; left: 0; height: 250px; z-index: 50;
  background: #fff url([sign in to see URL]) left top no-repeat;
  padding-top: [sign in to see URL];
}

.top { font-family: times, 'times new roman', serif; position: relative; height: 497px; }

.top h1 { margin: 0; font-size: 32px; width: 100%; line-height: 1em;
  position: absolute; top: 140px; left: 0; text-transform: uppercase;
  text-align: center; color: #b32620; letter-spacing: [sign in to see URL];
}

.top h2 { margin: 0; font-size: 12px; width: 100%; line-height: 1em;
  position: absolute; top: 160px; left: 0; margin-top: 2em; text-transform: uppercase;
  text-align: center; color: #b32620; letter-spacing: [sign in to see URL];
}

.top h1 a:link, .top h1 a:visited, .top h1 a:hover { color: #b32620; 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: #e1e4e9 url([sign in to see URL]);
  font: 700 22px verdana; color:#b32620;
}

.container { margin: 0 auto; width: 902px; position: relative; top: 0; left: 0; z-index: 70;
   background: #fcfafa url([sign in to see URL]);
}

.fauxcolumn { background: url([sign in to see URL]) -15px top repeat-y;
   border: 2px solid #000;
}

.content { float:right; width: 754px; }

.ak_msg_master_table { width: 734px; margin: 0 auto; }


/* SIDEBAR */

.sidebar { width: 141px; text-align: left; position: relative; z-index: 80; background: #000067;
  float: left;
}


/* Hack for IE7 & earlier */

*:first-child+html .sidebar { left: -1px; width: 139px; }

* html .sidebar { left: -1px; width: 139px; }

*:first-child+html .box { width: 139px; }

* html .box { width: 139px; }

/* End IE hacks */


.box { background: #e5ebef; border-bottom: 2px solid #000; width: 141px;
}

.sidebar h2 { margin: 0; padding: 1px 3px; vertical-align: middle; font-size: 12px;
  background: #cbd0d9; border-bottom: 2px solid #000;
}

.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: #d4deea url([sign in to see URL]) 1px 3px no-repeat;
   text-decoration: none;
}

/* Pics in Sidebar */

.todayspic { background:url([sign in to see URL]) top left no-repeat;
  height: 475px;
}

.tomorrowspic { background:url([sign in to see URL]) top left no-repeat;
  height: 354px;
}


/* FOOTER */

.footer { text-align: center; height: 162px; clear: both; position: relative; z-index: 95;
   margin: 0 0 0 143px;
   background:url([sign in to see URL]) center bottom repeat-x;
   position:relative;
}

/* [sign in to see URL] */

.footer2 { height: 162px;
   background:url() center bottom no-repeat;
}

/* 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 #000; }


/* TOP AND BOTTOM IMAGES */

.top, #top { margin: 0 auto; width: 100%; height: 277px; z-index: 98;
   background: url([sign in to see URL]) top center no-repeat;
}

.bottom1 { width: 100%; margin-top:-51px; height: 155px; position: relative; z-index: 98;
   background: url([sign in to see URL]) top center no-repeat;
}

.bottom2 { display: none; }


/* RB-SPECIFIC CLASSES */

/* WHO'S ONLINE */

.forumlistwhosonlinetable { background: #E5EBEF; border: 2px solid #000; width: 97%;
  margin: 0 auto;
}

/* FORUM, TOPIC AND SEPARATOR HEADERS */

.forumlistheader, .topiclistheader, .forumlistseparator { color: #000067; text-shadow: -1px -1px white;
}

/* BOARD STATS */

.forumlistboardstatsheader { background : #e1e4e9 url([sign in to see URL]) repeat-x;
  font-size : 16px; color: #000067; text-shadow: -1px -1px white;
  height: 30px; text-align:center; padding:0; line-height: 30px; border-bottom: 1px solid #000;
}

.forumlistboardstatstable { border : 2px solid #000; background-color:#E5EBEF; }


/* FOR CSS TRICK 1 AND 2 */

[sign in to see URL] { background-color: #EEF2F4; cursor: pointer;
  padding: 5px; border: 0;
}

[sign in to see URL] { background-color: #EEF2F4; cursor: pointer; padding: 10px; border: 0;
}


/* Bug fix for Opera and possibly other browsers */

.forum_list_table, .topic_list_table { border: 1px solid #000; }

.ak_msg_post_master_table td { border: 2px solid #000; }


/* 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: 406px; border: 1px solid #000; background: #e1e4e9 url([sign in to see URL]);
}

.ak_msgform_message_right_td textarea { height: 338px; font: 14px verdana, arial, helvetica, sans-serif;
}

.ak_msgform_master_table { border: 2px solid #000; }

.ak_msgform_master_table td { border: 1px solid #000; }

.ak_subject_posticon_table {
 border-collapse: collapse; border: 2px solid #000; margin-bottom: [sign in to see URL];
}

[sign in to see URL] { border: solid #000; border-width: 0 0 1px 0;
   text-align: center; color: #6588B0;
   background: #e1e4e9 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: #e1e4e9 url([sign in to see URL]) left top repeat-x; color: #6588B0; line-height: 16px; vertical-align: middle; border: solid #000;
  border-width: 2px 2px 0 2px;
}

.msgform_clickable_smiley_box_b td { border: 1px solid #000; }

.msgform_clickable_smiley_box_b { width: 100%; border: 1px solid #000; }


/* 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: #e1e4e9 url([sign in to see URL]); color: #6588B0; border: 1px solid #000; margin: 0 2px 2px 0; font: 700 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]) center top; }

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]) center top; }

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; }


/* LINK 2 POSTS */

[sign in to see URL] { border: 0; margin: 0; padding: 0;
}


/* SHARE HEADER */

.share_hidden h4, .share_hidden a:link, .share_hidden a:visited { background: #def url([sign in to see URL]); height:17px; color: #000067;
}

/* 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 #000; }

.postlistusername a, [sign in to see URL], [sign in to see URL] { font-size : 16px; }

[sign in to see URL] img {
  max-width:490px;
  width: expression([sign in to see URL] > 490 ? 490: true);
}

.postlistpostbody embed, .postlistpostbody object {
   width: 480px;
   height: 385px;
}

.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 #000;
}

.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); }


/* 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 #000; 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: #6588B0; text-align: center;
}

.ak_poll_table_button_cell, .ak_poll_table_viewres_cell { text-align: center; }

.ak_poll_table_button_cell input {
  background: #e1e4e9 url([sign in to see URL]);
  color: #6588B0; border: 1px solid #000; margin: 0 2px 2px 0;
  font: bold 12px arial;
}

[sign in to see URL] { background: #e1e4e9 url([sign in to see URL]) repeat-x; border: 1px solid #000;
}

[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 : #e1e4e9 url([sign in to see URL]) repeat-x;
  font-size : 16px; height: 30px; line-height: 30px; color : #6588B0;
  text-shadow: -1px -1px white; border-bottom: 1px solid #000;
}

.ak_msg_seememberlist_head_date_td a:link,
.ak_msg_seememberlist_head_date_td a:visited { color: #6588B0; }

.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: 700; text-decoration: none; color: #6588B0; border: 1px solid #000;
   padding: 0 [sign in to see URL];
}

input[type=submit] { background: url([sign in to see URL]) left center repeat-x;
  font-weight: 700; text-decoration: none; color: #6588B0;
  border: 1px solid #000; padding: 0 [sign in to see URL];
}

.msg_foot_linkbar a { margin: 0 [sign in to see URL];
}

.bottominfoline { padding-top:5px;
}


HTML HEADER - (SEE NOTE)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 id="main">

<link rel="shortcut icon" href="[sign in to see URL]" />
<div class="top" id="top"><h1><a href="/bwinterdraft/">Winter</a></h1>
<h2>Part of the Season and Holiday Collection</h2></div><!-- end top -->
<div class="wrapper">


<div class="header">

<div class="marquee"><marquee scrollamount="5">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">


HTML FOOTER - (SEE NOTE)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 -->


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: #FCFAFA
Background color transparent: --Log in or sign up to see linked image content--
Background image (optional):
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 : #000067
Bottom info line color: #000067

Link Options
Link color : #000067
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 : #000000
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 : #252571
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 : #000067
Forum list master table border width (pixels): 0
Forum list table background color : #D1D1D1
Forum list table background image:
Forum list table border color : #000067
Forum list table border width (pixels): 2
Forum list table header background color : #E1E4E9
Forum list table header background image: [sign in to see URL]
Forum list table header border color : #000067
Forum list table header border width (pixels): 0
Forum list table header text color : #000067
Forum list table first alternate background color : #E5EBEF
Forum list table second alternate background color : #E5EBEF
Forum list table text color (optional) : #000067
Forum list table description color : #000067
Forum list table separator background color : #E1E4E9
Forum list table separator background image: [sign in to see URL]
Forum list table separator text color : #000067
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 : #000067
Topic list master table border width (pixels): 0
Topic list table background color : #D1D1D1
Topic list table background image:
Topic list table border color : #000067
Topic list table border width (pixels): 2
Topic list table header background color : #E1E4E9
Topic list table header background image: [sign in to see URL]
Topic list table header border color : #000067
Topic list table header border width (pixels): 0
Topic list table header text color : #000067
Topic list table first alternate background color : #E5EBEF
Topic list table second alternate background color : #E5EBEF
Topic list table text color (optional) : #000067
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 : #000067
Post list master table width (percents) : 100
Post list table width (percents) : 97
Post list table first alternate background color : #E5EBEF
Post list table second alternate background color : #E5EBEF
Post list table border color : #000067
Post list table border width (pixels): 2


CUSTOM LANGUAGE SET (CLS) - (SEE NOTE)find and change the following in your: Control Panel :: Board management :: Customize the language set
 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 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_moderate_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_delete: <span title="Only mods or higher can delete posts">Delete</span>

post_list_send_pm_to: Email %1

post_list_send_opm_to: PM %1

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" />

misc_topic_status_separator: ,&nbsp;

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 Pastor Rick, 8/1/2012, 8:10 pm


---

RSFRDAdvertise Boards On TRDREITB
11/17/2011, 4:30 am Link to post Email Pastor Rick   PM Pastor Rick Blog
 


Add a reply



You are not logged in (login)