Pastor Rick
Admin
Registered: 07-2005
Location: Texas Country
Posts: 640
Karma: 6 (+6/-0)
|
|
Reply | Quote
|
|
The Medieval Way
The Medieval Way
by: Pastor Rick, The Wizard3, Lesigner Girl, Newt Edge and Skokey
The Medieval Way
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
/* THE MEDIEVAL WAY - A CULTURAL THEMED RUNBOARD SKIN */
/* A Flex-width, content first with fixed width equal height sidebar design */
/* Credits: Lesigner Girl - Initial coding concept and parameter design */
/* Pastor Rick - Coding and graphics on forums, topics, sidebar, and footer */
/* The Wizard3 - Coding and graphics on header, sidebar and message areas */
/* http://phoenity.com/newtedge/ - Board Names Fancy Text coding */
/* Skokey - seamless tile design/cleanup for the tower */
/* BASIC SKIN LAYOUT */
body {margin: 0; padding: 0; font: 12px sans-serif, verdana, arial; background: url(http://www.rbbt.net/skins/team/medieval/tmw-bg.jpg) repeat; border: 0;}
#header {margin: .5em auto; padding: 0 0 0 1em; height: 110px; text-align: center;}
h1 {text-decoration: none; width: 50%; margin: 0 auto; padding: 0.25em; font: 700 450% 'Excalibur Sf', papyrus, 'papyrus let', scroll, sans-serif; color: #fbf1e7;}
h2 {margin: 0; padding-top: 0.5em; font: 700 200% 'Excalibur Sf', papyrus, 'papyrus let', scroll, sans-serif; color: #555; text-align: center;}
#footer h2 {padding-top: 0;}
#sidebar h2 {background: url(http://www.rbbt.net/skins/team/medieval/sb-win1.gif) left center no-repeat; margin-top: 2em; padding-top: .7em; height: 51px; font: 700 175% 'Excalibur Sf', papyrus, 'papyrus let', scroll, sans-serif; text-align: right; color: #b41900;}
h3 {font: 700 150% 'Excalibur Sf', papyrus, 'papyrus let', scroll, sans-serif; color: #555;}
#container {width: 100%; margin: .5em auto;}
#offset {display:inline; position: relative; width: 100%; float: left; margin-right: -211px;}
#sidebar {display:inline; border-left: 1px solid #000; border-bottom: 0; margin: 0; width: 200px; padding: 0 5px; background-image: url(http://www.rbbt.net/skins/team/medieval/sb-mid.jpg); float: right;overflow: hidden;}
#col_wrap {display:inline; overflow: hidden; float: left; width: 100%; position: relative; z-index: 10;}
#content {margin-right: 210px; padding: 0 1em; background: #eee url(http://www.rbbt.net/skins/team/medieval/tmw-bg.jpg);}
#content, #sidebar {padding-bottom: 1500em; margin-bottom: -1500em; position:relative;}
.first-ul {background-image: url(http://www.rbbt.net/skins/team/medieval/sb-win1.gif); clear:both;}
.ak_msgform_master_table {background: url(http://www.rbbt.net/skins/team/medieval/knighted.jpg) no-repeat right top;}
/* BOARD NAME FANCY TEXT */
#fancy {font: 700 6em 'Excalibur Sf', papyrus, 'papyrus let', scroll, sans-serif; margin-top: -1.25em; color: #555; display: block; line-height: 1em; color: #DEC49E; /* shadow color */
background-color: transparent; white-space: nowrap; /* wrapping breaks the effect */; position:relative;}
#fancy:before, #fancy:after {content: "The Medieval Way"; display: block;} /* generated text */
#fancy:before {margin-bottom: -1.05em; margin-left: 0.1ex; color: #B41900; background-color: transparent; text-align:center; position:relative;} /* shadow color */
#fancy:after {margin-top: -1.05em; margin-left: -0.1ex; color: #F0E4D5; background-color: transparent;text-align:center; position:relative;} /* text color */
/* SIDEBAR AND LINKS */
#sbtop {margin: 0 0 0 -6px; height: 60px; width: 210px; padding: 0; background-image: url(http://www.rbbt.net/skins/team/medieval/sb-top.gif);border-left: 1px solid #F8F0E4; position:relative;}
#sidebar .first-ul {background: none; position: relative; top: -47px; margin-bottom: -47px; padding-bottom: 1em; clear:both;}
.box {width: 190px; margin: 1px; padding: 1px;}
.box ul, .box li {margin: 0; padding: 0; list-style: none; display: inline;}
.box li a {background: #f5ede2; display: block; padding: 2px 2px 2px 5px; border: 1px solid #015786; border-left: 2px solid #015786; font-size: 11px; font-weight: 700; margin: 1px 0;}
.box li a:link, .box li a:visited {color: #000; text-decoration: none;}
.box li a:hover {border-color: #b95c63; text-decoration: none; background: #b41900; color: #fef2da; padding: 2px 1px 2px 6px; overflow: auto;}
#window {display:inline; background: url(http://www.rbbt.net/skins/team/medieval/sb-win1.gif) left center no-repeat; height: 80px; width: 30px; float: left;}
/* FOOTER AND FAKE TOWER EXTENTION */
#footer {clear: both; margin-right: 210px; padding: 0 1em; height: 188px; z-index: 20;}
.basebox {position: relative; font: 700 150% 'Excalibur Sf', papyrus, 'papyrus let', sans-serif; color: #fbf1e7; text-align: center; top: -185px; z-index: 10; overflow: hidden;}
#fauxbg {display:inline; line-height: 188px; margin: -225px 0; height: 225px; width: 200px; padding: 0 5px; background-image: url(http://www.rbbt.net/skins/team/medieval/sb-fauxfoot.jpg); border-left: 1px solid #000; border-top: 0; z-index: 15; float: right; position: relative; white-space: nowrap;}
#gate {display: inline; height: 175px; width: 185px; background: url(http://www.rbbt.net/skins/team/medieval/sb-gate.gif) center no-repeat; z-index: 30; float: right; position:relative; bottom: -45px; white-space: nowrap;}
#backtotop a {border: 0; outline: none; font: 700 150% 'Excalibur Sf', papyrus, 'papyrus let', sans-serif; color: #fbf1e7;width:98%;clear:both;}
/* FORUMS AND TOPICS */
.forumlist_separator_td {background: #f5ede2 url(http://www.rbbt.net/skins/team/medieval/tmw-sep1.gif) no-repeat 90% 50%; line-height: 20px; text-align: left; padding-left: 22.5%;}
.forumlist_separator_td br {display: none;}
.forumlist_separator_td div {padding: 3px;}
.forumlistboardstatsheader {border: 1px solid #015786; padding-left: 1em;}
.forum_list_header_newtext_td, .topic_list_header_newtext_td {background: #d2ae9e url(http://www.rbbt.net/skins/team/medieval/tent.jpg) no-repeat right top; height: 38px; width: 40px; margin: 0 auto; padding: 0; border: 0;}
.ak_tl_topicrow_mouseover_off, .ak_tl_topicrow_mouseover_on {padding: 10px 1px;}
/* SMILIE BOX */
.msgform_clickable_smiley_box_h {line-height: 20px; font-size: 14px; color: #000; text-align: center; height: 20px; background: #fef2da url(http://www.rbbt.net/skins/team/medieval/marble5.gif) repeat-x; border: 1px solid #4b4b4b; white-space: nowrap;}
.msgform_clickable_smiley_box_b {border: 0; padding: 2px; background-color: #f8f0e5; width: 100%;}
.msgform_clickable_smiley_box_b td {border: 0;}
/* POST ICON TABLE */
.ak_subject_posticon_table {line-height: 15px; font-size: 14px; color: #000; text-align: center; background-color: #f8f0e5; border: 1px solid #4b4b4b; margin-bottom: 4px; padding: 0;}
.ak_subject_posticon_head_td {font: 700 14px sans-serif, verdana; height: 20px; background: url(http://www.rbbt.net/skins/team/medieval/marble5.gif) repeat-x;}
/* MEMBER LIST COLORS AND SIZE */
.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 {height: 24px; background: url(http://www.rbbt.net/skins/team/medieval/marble5.gif) 50% 0%; padding: 0 5px; line-height: 12px; border: 0;} /* header */
.ak_msg_seememberlist_table td {border: 1px solid #000;}
.ak_msg_seememberlist_table {font-size: 12px; width: 100%;}
.ak_msg_seememberlist_user_td1, .ak_msg_seememberlist_user_td2, .ak_msg_seememberlist_im_td1, .ak_msg_seememberlist_im_td2, .ak_msg_seememberlist_pm_td1, .ak_msg_seememberlist_pm_td2,
.ak_msg_seememberlist_date_td1, .ak_msg_seememberlist_date_td2, .ak_msg_seememberlist_email_td1, .ak_msg_seememberlist_email_td2 {font-size: 12px;
border: 1px solid #000; background: #f8f0e5;} /* members */
/* POLL TABLE COLORS AND PARTS */
.ak_poll_table {margin: .2em auto;}
.ak_poll_table_header, .ak_msgform_poll_options_head_td {height: 24px; background: #fef2da url(http://www.rbbt.net/skins/team/medieval/marble5.gif) repeat-x 50% 0%; padding: 0 5px; line-height: 15px; text-align: center; font-size: 14px; border: 1px solid #000;}
.ak_poll_table_header br {display: none;}
.ak_poll_table_option_gback1 {background-color: #c00;}
.ak_poll_table_option_gback2 {background-color: #930;}
.ak_poll_table_stats_cell {font-size: 10px; background-color: #f5ede2;}
/*MESSAGE REPLY WINDOW*/
.ak_msgform_message_right_td textarea {background-image: url(http://www.rbbt.net/skins/team/medieval/tmw-msgarea.jpg); border: 1px solid #9c9; width: 99%; font: 400 18px sans-serif, verdana;}
/*YOUTUBE SETTINGS*/
.postlistpostbody object, .postlistpostbody embed {width: 480px; height: 385px;}
/*IMAGE REPLY WINDOW*/
.qcode_bar_but {font: 400 18px sans-serif, verdana; color: #000; height: 22px; border: 1px solid #4b4b4b; background: #debdad url(http://www.rbbt.net/skins/team/medieval/marble5.gif) repeat-x; margin-top: 2px; padding: 0 5px;}
.ak_msgform_poll_options_head_td, .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, .ak_poll_table_header, .forumlistboardstatsheader, .topic_list_header_modbox_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 {font: 400 14px sans-serif, verdana; height: 28px;
background: url(http://www.rbbt.net/skins/team/medieval/marble5.gif) repeat-x;}
.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 {border: 1px solid #4b4b4b; height: 24px; background: url(http://www.rbbt.net/skins/team/medieval/marble5.gif) repeat-x; color: #000; font: 400 18px sans-serif, verdana;}
HTML HEADERcopy and paste the following HTML code into your Custom HTML header
<div id="container">
<a href="http://www.runboard.com/bnew134">
<div id="header">
<img src="http://www.rbbt.net/skins/team/medieval/tmw-banner.jpg" width="99.99%" height="110" alt="" />
<div id="fancy">
The Medieval Way
</div>
</div>
</a>
<div id="col_wrap">
<div id="offset">
<div id="content">
HTML FOOTERcopy and paste the following HTML code into your Custom HTML footer
</div><!-- end main content -->
</div><!-- end col_wrap -->
<div id="sidebar">
<div id="sbtop">
</div>
<h2>
Other Lands
</h2>
<div class="box">
<ul class="first-ul">
<h2>
Friends
</h2>
<li>
<a href="/bdesignelements">
Design Elements
</a>
</li>
<li>
<a href="/boardskins">
Board Skins
</a>
</li>
<li>
<a href="/billusia">
Temple of Illusia
</a>
</li>
<li>
<a href="/bwizardsworkshop">
Computer Solutions
</a>
</li>
</ul>
</div>
<div class="box">
<ul class="first-ul">
<h2>
Support Links
</h2>
<li>
<a href="/">
Runboard.com
</a>
</li>
<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>
</ul>
</div>
<div id="window"></div>
</div>
</div>
<div id="footer">
<img src="http://www.rbbt.net/skins/team/medieval/tmw-foot.jpg" width="100%" height="188" alt="" />
<div class="basebox">
<div id="backtotop">
<a href="#">
Back To Top
</a>
</div>
</div>
</div><!-- end footer -->
<div id="fauxbg">
<div id="gate">
</div>
</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?: 
Use CSS trick 1?:
Use CSS trick 2?:
Background color: #F5EDE2
Background color transparent: 
Background image (optional):
Background image tile X:
Background image tile Y:
Text color: #000000
Bottom info line color: #AA0000
Link Options
Link color: #000000
Link overlined:
Link line-through:
Link underlined:
Visited link color: #000000
Visited link overlined:
Visited link line-through:
Visited link underlined:
Hover link color: #AA0000
Hover link overlined:
Hover link line-through:
Hover link underlined:
Forum List Layout Options
Forum list master table background color:
Forum list master table border color: #015786
Forum list master table border width (pixels): 0
Forum list table background color: #000000
Forum list table background image:
Forum list table border color: #015786
Forum list table border width (pixels): 1
Forum list table header background color: #D2AE9E
Forum list table header background image: http://www.rbbt.net/skins/team/medieval/marble5.gif
Forum list table header border color: #015786
Forum list table header border width (pixels): 1
Forum list table header text color: #000000
Forum list table first alternate background color: #F5EDE2
Forum list table second alternate background color: #FFFFF6
Forum list table text color (optional): #000000
Forum list table description color: #AA0000
Forum list table separator background color: #015786
Forum list table separator background image:
Forum list table separator text color: #9F1800
Forum list master table width (percents): 100
Forum list table width (percents): 100
Topic List Layout Options
Topic list master table background color:
Topic list master table border color: #015786
Topic list master table border width (pixels): 0
Topic list table background color: #000000
Topic list table background image:
Topic list table border color: #015786
Topic list table border width (pixels): 1
Topic list table header background color: #D2AE9E
Topic list table header background image: http://www.rbbt.net/skins/team/medieval/marble5.gif
Topic list table header border color: #015786
Topic list table header border width (pixels): 1
Topic list table header text color: #000000
Topic list table first alternate background color: #F5EDE2
Topic list table second alternate background color: #FFFFF6
Topic list table text color (optional): #000000
Topic list master table width (percents): 100
Topic list table width (percents): 100
Post List Layout Options
Post list master table background color:
Post list master table border width (pixels): 0
Post list master table border color: #015786
Post list master table width (percents): 100
Post list table width (percents): 100
Post list table first alternate background color: #F5EDE2
Post list table second alternate background color: #FFFFF6
Post list table border color: #015786
Post list table border width (pixels): 2
CUSTOM LANGUAGE SET (CLS)(optional)find and change the following in your: Control Panel :: Board management :: Customize the language set
forum_list_newtext: <img src="http://www.rbbt.net/skins/team/medieval/tmw-new1.gif" alt="New" width="39" height="35" />
topic_list_newtext: <img src="http://www.rbbt.net/skins/team/medieval/tmw-new1.gif" alt="New" width="39" height="35" />
topic_list_post_new_topic: <img src="http://www.rbbt.net/skins/team/medieval/newtopic.gif" alt="New Topic" title="New Topic" border="0" />
post_list_add_a_reply: <img src="http://www.rbbt.net/skins/team/medieval/tmw-reply.gif" alt="Add Reply" border="0" />
msgform_reply_added: <img src="http://www.rbbt.net/skins/team/medieval/replyadded.gif" alt="Reply Added" />
THIRD PARTY OPTIONAL ADDITION-Special fonts (optional):
Excalibur Sf http://www.broble.com/download-free-font/excalibur-sf/ (free)
Papyrus http://new.myfonts.com/fonts/letraset/papyrus/ (commercial font purchase)
Papyrus let http://www.fonts101.com/xt_fontdetails_az_FID!14907~Papyrus_LET~font.html (free).
Last edited by Pastor Rick, 7/19/2009, 11:51 pm
|
