Pastor Rick
Admin
Registered: 07-2005
Location: Texas
Posts: 704
Karma: 10 (+10/-0)
|
Reply | Quote
|
|
Celtic Challenge - by Pastor Rick
Thanks to my friends at Runboard who taught me how to do this.
by: Pastor Rick
Celtic Challenge
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
/* CELTIC CHALLENGE BY PASTOR RICK */
* {font-family:verdana,tahoma,arial;}
/* MULTI-PART BOARD LAYOUT */
#container {margin: 0;padding: 0;}
#ccsite {margin: 0 auto; width: 95%;}
#bgtl {background: url(http://www.rbbt.net/skins/PR/celtic/cc-tl.gif) no-repeat left top;
height: 37px; margin-top:-15px; }
#bgtr {background: url(http://www.rbbt.net/skins/PR/celtic/cc-tr.gif) no-repeat right top;
height: 37px; margin-top: -37px;}
.bgtmid {background: url(http://www.rbbt.net/skins/PR/celtic/cc-tmid.jpg) repeat-x center 0;
height: 15px; margin: 0 auto;}
#bgtlc {background: url(http://www.rbbt.net/skins/PR/celtic/cc-tlc.gif) no-repeat left top;
height: 35px; margin-top: 0;}
#bgtrc {background: url(http://www.rbbt.net/skins/PR/celtic/cc-trc.gif) no-repeat right top;
height: 35px; margin-top: -35px;}
#bgleft {min-height: 100%; font-size: 12px; background: url(http://rbbt.net/skins/PR/celtic/bg-left.gif) left top repeat-y; margin: 0; overflow:hidden; }
#bgright {min-height: 100%; font-size: 12px; background: url(http://rbbt.net/skins/PR/celtic/bg-right.gif) right top repeat-y; margin: 0 0 -1000px 0; padding-bottom: 1000px;}
#banbox {margin: 0 auto; width: 95%; height: 160px;text-align: right; vertical-align: middle; line-height: 30px;}
#cclbox {background: url(http://rbbt.net/skins/PR/celtic/cc-dragon.png) no-repeat left top; width: 100%; height: 160px;}
#ccmbox {margin: 0 160px;}
#ccrbox {background: url(http://rbbt.net/skins/PR/celtic/cc-dragonr.png) no-repeat right top;margin-top:-160px; width: 100%; height: 160px;}
#backtotop {padding:0;margin:0 auto; background: url(http://www.rbbt.net/skins/PR/celtic/cc-fountain.gif); width:100px; height:100px; margin-top:5px; font:700 14px verdana; border:0; line-height:20px;}
/* REMOVES THE SIDE PAGE MARGINS AND SETS BACKGROUND COLOR */
body {background:#058 url(http://www.rbbt.net/skins/PR/celtic/celt-bg.jpg) repeat; margin:0;}
/* DECO BOARD IMAGES */
.ak_msg_forumlist_aboveforums_table, .ak_msg_forumlist_belowforums_table, .ak_msg_topiclist_abovetopics_table, .ak_msg_topiclist_belowtopics_table {display: block; margin: 0; height: 15px; width: 100%; background: url("http://www.rbbt.net/skins/PR/celtic/cc-tmid.jpg") repeat-x center 0;}
.ak_msg_forumlist_aboveforums_table_td, .ak_msg_forumlist_belowforums_table_td, .ak_msg_topiclist_abovetopics_table_td, .ak_msg_topiclist_belowtopics_table_td {display: block;}
/* BORDER AROUND the Google ads */
iframe {border: 1px solid #77f;}
/* MISC ACCOUNT LINKS */
.regacc {display: block; text-align: center;}
/* PD MENU */
#holder {position: absolute; overflow: hidden; top: 275px; right: 58px; width:225px; line-height:33px; height: 33px; text-align:center; z-index:100;}
#holder:hover {height: 350px; cursor: pointer;}
#holder a:visited, #holder a {display: block; width:99%; line-height: 18px; color: #A39B9B; text-decoration: none; background: #339; border:1px solid #77f;}
#holder a:hover {color: #fff; background: #007;}
#holder p {color: #fff; background: #007; margin: -1px 0; padding: 0; border: 1px solid #77f; font: 400 14px verdana;}
/* RUNBOARD STANDARD CLASSES */
.forumlistboardstatstable {border: 2px solid #99c;}
.forumlistboardstatsheader {border-bottom: 1px solid #66f;}
/* MESSAGE POSTING */
.ak_msgform_master_table {border: 1px solid #99c;background: url(http://www.rbbt.net/skins/PR/celtic/bluefairie.gif) no-repeat right top;}
.ak_msgform_message_right_td textarea {background-image : url(http://rbbt.net/skins/PR/celtic/unicorn.jpg); border : 1px solid #9c9; width: 99%;}
.ak_subject_posticon_head_td {border-bottom: 1px solid #99c; text-align: center;}
.ak_subject_posticon_table {width: 81%; border: 1px solid #99c; margin-bottom: 5px;}
.msgform_clickable_smiley_box_h, .msgform_clickable_smiley_box_b, .msgform_clickable_smiley_box_b_td {border: 1px solid #99c; margin: 0 auto;}
/* DEFINE SPACE BETWEEN POSTS */
.ak_msg_postlist_betweenposts_table, .ak_msg_postlist_betweenposts_table_td {height: 3px; display: block;}
/* QUOTED TEXT */
.postlistquotedtext {display: block; background: #2F2F8C url(http://www.rbbt.net/skins/PR/celtic/quote.gif) no-repeat; float: left; width:100%; padding-bottom: 0.25em;}
blockquote {border: 1px solid #717195; background-color: #2F2F8C;}
blockquote hr {display: none;}
hr {height: 0; width: 100%; border: 0; border-bottom: 1px solid #717195;}
HTML HEADERcopy and paste the following HTML code into your Custom HTML header
<div id="container">
<div class="bgtmid"></div>
<div id="bgtl"></div>
<div id="bgtr"></div>
<div id="bgtlc"></div>
<div id="bgtrc"></div>
<div id="bgleft"><div id="bgright">
<div id="ccsite">
<div id ="banbox"><div id="cclbox"><div id="ccmbox"><img src="http://www.rbbt.net/skins/PR/celtic/ccbann.png" border="0" width="100%" height="160" align="middle" alt="Celtic Challenge" /></div><div id="ccrbox"></div></div></div>
HTML FOOTERcopy and paste the following HTML code into your Custom HTML footer
</div></div>
<div id="holder"><img src="http://www.rbbt.net/skins/PR/celtic/cc-menu.gif" border="0" width="64" height="33" align="right" alt="~ Menu ~" /><br /><hr />
<p>This Board</p>
<a href="/bcelticchallenge">HOME</a>
<a href="/bcelticchallenge.f1">Main Chat</a>
<a href="/bcelticchallenge.f2">Testing Forums</a>
<a href="/bcelticchallenge.f3">CSS Checks</a>
<a href="/bcelticchallenge.f4">HTML Checks</a>
<p>Friend Links</p>
<a href="/bakheva">Runboard Support</a>
</div>
<div id="backtotop"><a href="#">Back To Top</a></div>
<div class="bgtmid"></div></div></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?:
Use CSS trick 1?:
Use CSS trick 2?:
Background color: #333399
Background color transparent:
Background image (optional):
Background image tile X:
Background image tile Y:
Text color : #FFFFFF
Bottom info line color: #DDDDDD
Link Options
Link color : #FFFFFF
Link overlined :
Link line-through :
Link underlined :
Visited link color : #FFFFFF
Visited link overlined :
Visited link line-through :
Visited link underlined :
Hover link color : #DDDDFF
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 : #666699
Forum list master table border width (pixels): 0
Forum list table background color : #7777FF
Forum list table background image:
Forum list table border color : #9999CC
Forum list table border width (pixels): 1
Forum list table header background color : #000066
Forum list table header background image:
Forum list table header border color : #9999CC
Forum list table header border width (pixels): 0
Forum list table header text color : #FFFFFF
Forum list table first alternate background color : #333399
Forum list table second alternate background color : #2B2B80
Forum list table text color (optional) : #DDDDFF
Forum list table description color : #CCCCCC
Forum list table separator background color : #000066
Forum list table separator background image:
Forum list table separator text color : #FFFFFF
Forum list master table width (percents): 95
Forum list table width (percents): 100
Topic List Layout Options
Topic list master table background color :
Topic list master table border color : #666699
Topic list master table border width (pixels): 0
Topic list table background color : #7777FF
Topic list table background image:
Topic list table border color : #9999CC
Topic list table border width (pixels): 1
Topic list table header background color : #000066
Topic list table header background image:
Topic list table header border color : #9999CC
Topic list table header border width (pixels): 0
Topic list table header text color : #FFFFFF
Topic list table first alternate background color : #333399
Topic list table second alternate background color : #2B2B80
Topic list table text color (optional) : #DDDDFF
Topic list master table width (percents) : 95
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 : #666699
Post list master table width (percents) : 95
Post list table width (percents) : 100
Post list table first alternate background color : #333399
Post list table second alternate background color : #2B2B80
Post list table border color : #9999CC
Post list table border width (pixels): 1
CUSTOM LANGUAGE SET (CLS)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/PR/celtic/cc-fnew.gif" alt="New" width="26" height="26" />
boardstats_board_statistics: <img src="http://www.rbbt.net/skins/PR/celtic/cc-harp.gif" alt="harp pic" width="26" height="30" /> Board Statistics
topic_list_newtext: <img src="http://www.rbbt.net/skins/PR/celtic/cc-fnew.gif" alt="New" width="26" height="30" />
misc_regacc: <span class="regacc">%1 (%3) | %6 (%7)</span>
misc_simplesearch_link: <a href="%1">Search</a><br />
misc_support_link: <a href="%1">Support</a> |
forum_list_nonewtext: <img src="http://www.rbbt.net/skins/PR/celtic/cc-fold.gif" alt="Old" width="26" height="26" />
topic_list_nonewtext: <img src="http://www.rbbt.net/skins/PR/celtic/cc-fold.gif" alt="Old" width="26" height="26" />
edited to fix my posting layout (again) and to modify CSS and CLS.
Last edited by Pastor Rick, 4/29/2009, 9:18 pm
|
4/28/2009, 7:07 am
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|