Runboard.com
Слава Україні!

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: 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


Image
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?: Image
Use CSS trick 1?: Image
Use CSS trick 2?: Image
Background color: #333399
Background color transparent: Image
Background image (optional):
Background image tile X: Image
Background image tile Y: Image
Text color : #FFFFFF
Bottom info line color: #DDDDDD

Link Options
Link color : #FFFFFF
Link overlined : Image
Link line-through : Image
Link underlined : Image
Visited link color : #FFFFFF
Visited link overlined : Image
Visited link line-through : Image
Visited link underlined : Image
Hover link color : #DDDDFF
Hover link overlined : Image
Hover link line-through : Image
Hover link underlined : Image

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


---

Advertise Boards On TRDConceptsDE
4/28/2009, 7:07 am Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 


Add a Reply





You are not logged in (login)