Runboard.com
You're welcome.

runboard.com       Sign up learn about it Sign in lost password?

 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Admin






Registered: 07-2005
Location: Texas
Posts: 701
Karma: 10 (+10/-0)
Reply | Quote
The Medieval Way


The Medieval Way
by: Pastor Rick, The Wizard3, Lesigner Girl, Newt Edge and Skokey


--Log in or sign up to see linked image content--
]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 */
/* [sign in to see URL] - 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([sign in to see URL]) 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: [sign in to see URL]; font: 700 450% 'Excalibur Sf', papyrus, 'papyrus let', scroll, sans-serif; color: #fbf1e7;}
h2 {margin: 0; padding-top: [sign in to see URL]; 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([sign in to see URL]) 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([sign in to see URL]); 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([sign in to see URL]);}
#content, #sidebar {padding-bottom: 1500em; margin-bottom: -1500em; position:relative;}
.first-ul {background-image: url([sign in to see URL]); clear:both;}
.ak_msgform_master_table {background: url([sign in to see URL]) no-repeat right top;}

/* BOARD NAME FANCY TEXT */
#fancy {font: 700 6em 'Excalibur Sf', papyrus, 'papyrus let', scroll, sans-serif; margin-top: [sign in to see URL]; 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: [sign in to see URL]; margin-left: [sign in to see URL]; color: #B41900; background-color: transparent; text-align:center; position:relative;} /* shadow color */
#fancy:after {margin-top: [sign in to see URL]; margin-left: [sign in to see URL]; 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([sign in to see URL]);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([sign in to see URL]) 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([sign in to see URL]); 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([sign in to see URL]) 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([sign in to see URL]) 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([sign in to see URL]) 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([sign in to see URL]) 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([sign in to see URL]) 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([sign in to see URL]) 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([sign in to see URL]) 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([sign in to see URL]); 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([sign in to see URL]) 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([sign in to see URL]) 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([sign in to see URL]) 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="[sign in to see URL]">
<div id="header">
<img src="[sign in to see URL]" width="[sign in to see URL]%" 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="/">
[sign in to see URL]
</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="[sign in to see URL]" 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?: --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: #F5EDE2
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: #000000
Bottom info line color: #AA0000

Link Options
Link color: #000000
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: #AA0000
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: #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: [sign in to see URL]
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: [sign in to see URL]
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="[sign in to see URL]" alt="New" width="39" height="35" />
topic_list_newtext: <img src="[sign in to see URL]" alt="New" width="39" height="35" />
topic_list_post_new_topic: <img src="[sign in to see URL]" alt="New Topic" title="New Topic" border="0" />
post_list_add_a_reply: <img src="[sign in to see URL]" alt="Add Reply" border="0" />
msgform_reply_added: <img src="[sign in to see URL]" alt="Reply Added" />


THIRD PARTY OPTIONAL ADDITION-Special fonts (optional):
Excalibur Sf [sign in to see URL] (free)
Papyrus [sign in to see URL] (commercial font purchase)
Papyrus let [sign in to see URL]!14907~Papyrus_LET~[sign in to see URL] (free).

Last edited by Pastor Rick, 7/19/2009, 11:51 pm


---

Advertise Boards On TRDConceptsDE
7/12/2009, 1:33 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 


Add a Reply



You are not logged in (login)