Runboard.com
You're welcome.

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

 
The Wizard3 Profile
Live feed
Blog
Friends
Miscellaneous info

Clones




Registered: 06-2006
Location: Castle Belgalor
Posts: 90
Karma: 1 (+3/-2)
Reply | Quote
Surfer's Paradise


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


]Surfer's Paradise



Custom CSScopy and paste the following CSS code into your Custom CSS box
/* DEFINES BODY and COLOR FONT */
body {
background : #009999;
color : #000000;
font-family : verdana, arial, tahoma;
}

/* DEFINES STRUCTURE OF LAYOUT */
#shell {
width : 95%;
margin : 0 auto;
}
#offset {
margin-left : -165px;
width : 100%;
float : right;
}
#container {
margin-left : 170px;
}
#nav {
width : 165px;
float : left;
margin : 0;
}
#footer {
clear : both;
text-align : center;
padding : 2px;
margin-bottom : [sign in to see URL];
}
.nav {
background-color : #ffff00;
border : 1px solid #667480;
}
/* INNER FORUM BACKGROUND COLOUR */
.container {
margin : 1px;
border : 4px double #000000;
background : #00B3B3;
font-size : 12px;
}
.footer {
font-size : 12px;
}
/* CONTROLS BG COLOUR IN THE SIDEBAR */
.navlist {
text-align : center;
font-size : 11px;
background : #00B3B3;
border : 1px solid #000000;
margin-bottom : [sign in to see URL];
}
.navlist h2 {
font-size : 14px;
margin : 1px;
background : url([sign in to see URL]);
border : 1px solid #000000;
text-align : center;
height : 25px;
}
#nav ul, #nav li {
margin : 0;
padding : 0;
list-style : none;
display : inline;
}
#nav ul a:link, #nav ul a:visited {
text-decoration : none;
display : block;
border : 1px solid #000000;
margin : 1px;
padding : 2px;
}
#nav ul a:hover {
text-decoration : none;
background : #00CCCC;
}

/* DEFINES SPACE BETWEEN POSTS */
.ak_msg_postlist_betweenposts_table {
height : 1px;
display : block;
}
.ak_msg_postlist_betweenposts_table_td {
height : 1px;
display : block;
}

/* DEFINES BOXED PAGE NUMBERS */
[sign in to see URL] {
font-size : 13px;
font-weight : bold;
background-color : #899AEB;
border : 1px solid #000000;
}

/* PREVENTS BORDERS ON IMAGE LINKS */
img {
border : 0;
}

/* DEFINES WIDTH AND COLOR OF TABLES */
.ak_msg_master_table {
border : none;
width : 100%;
font-size : 12px;
}
.forum_list_table {
width : 100%;
border : 1px solid #000000;
background-color : #009999;
}
.topic_list_table, .ak_msg_post_master_table, .ak_msg_seememberlist_table {
width : 100%;
border : 1px solid #000000;
background-color : #899AEB;
}

/* DEFINES WHOS ONLINE BOARD STATS AND MISCOPTBAR TABLES */
.ak_miscoptbar_table {
background-color : #00CCCC;
background-repeat : repeat-x;
width : 100%;
padding : 4px;
border : 1px solid #000000;
}
.forumlistwhosonlinetable {
width : 100%;
border : 1px solid #000000;
background-color : #00CCCC;
}
.forumlistwhosonlinetd {
padding : 6px;
font-size : 11px;
font-weight : bold;
}
.forumlistboardstatstable {
width : 100%;
border : 1px solid #000000;
background-color : #00CCCC;
}
.ak_fl_boardstats_master_table {
width : 100%;
}
.forumlistboardstatstable {
width : 100%;
border : 1px solid #000000;
}
.forumlistboardstatsdata {
background-color : #00CCCC;
border : 0;
font-size : 11px;
color : #000000;
padding : 3px;
}
.forumlistboardstatsheader {
background-image : url([sign in to see URL]);
width : 100%;
border : 0;
}
.forumlistboardstatstitle {
background-color : #00CCCC;
border : 1px solid #000000;
font-size : 11px;
color : #000000;
padding : 3px;
}


/* DEFINES BACK TO TOP LINK AND HOVER */
.backtotop {
margin : 0 auto;
}
.backtotop a:link {
font-size : 12px;
text-decoration : none;
}
.backtotop a:active {
font-size : 12px;
text-decoration : none;
}
.backtotop a:visited {
font-size : 12px;
text-decoration : none;
}
.backtotop a:hover {
color : #5c5c5c;
font-size : 12px;
text-decoration : none;
}


/* DEFINES SEPARATOR IMAGES */
.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, .forum_list_header_newtext_td, .forum_list_header_forum_td, .forum_list_header_topics_td, .forum_list_header_posts_td, .forum_list_header_lastpost_td, .forumlistboardstatsheader, .forumlist_separator_td, .topic_list_header_modbox_td, .topic_list_header_newtext_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, .msgform_clickable_smiley_box_h, .ak_subject_posticon_head_td {
font-size : 11px;
height : 23px;
background-image : url([sign in to see URL]);
background-repeat : repeat-x;
padding: 0;

}


/* DEFINES FONT SIZE AND COLORS FOR TOPIC FORUM AND POST LISTS */
.ak_msg_post_master_table {
font-size : 12px;
}
[sign in to see URL] a, [sign in to see URL], [sign in to see URL] {
color : #000000;
font-size : 12px;
}
.ak_msg_post_table {
padding-left : 3px;
}
[sign in to see URL] font {
color : #000000;
}
blockquote {
border : 1px solid #000000;
background-color: #00E6E6;
font-size : 12px;
}
blockquote hr {
display : none;
}
.ak_msg_post_master_table {
border : 1px solid #000000;
background-color : #000000;
}
.ak_msg_post_master_table td {
border : 1px solid #000000;
}
hr {
height : 0;
width : 100%;
border : none;
border-bottom : 1px solid #000000;
}
.postlistpostbody pre {
font-size : 11px;
overflow : scroll;
width : 500px;
border : 1px solid #000000;
}

/* DEFINES COLORS AND IMAGES IN MESSAGE AREA */
.ak_msgform_master_table {
background-color : #00B3B3;
border : 2px solid #000000;
font-size : 12px;
}
.ak_msgform_master_table td {
border : 0;
}
.ak_msgform_master_table input {
border : 1px solid #000000;
}
.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 #000000;
height : 20px;
background-image : url([sign in to see URL]);
background-repeat : repeat-x;
color : #000000;
font-size : 11px;
}
.qcode_bar_but {
font-size : 11px;
border : 1px solid #000000;
background-color : #00B3B3;
color : #000000;
height : 20px;
background-repeat : repeat-x;
margin-top : 2px;
padding-left : 5px;
padding-right : 5px;
}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea {background-color: #00CCCC;
border : 1px solid #000000;
color : #000000;
width : 340px;
font-size : 13px;
}
.ak_msgform_poll_options_table {
border : 1px solid #000000;
}
.ak_msgform_poll_options_right_td input {
background-image : url([sign in to see URL]);
padding-top : 2px;
padding-bottom : 2px;
margin : 2px;
font-size : 11px;
color : #000000;
border : 1px solid #000000;
}

/* DEFINES POLL TABLE COLORS */
.ak_poll_table {
font-size : 11px;
text-align : center;
border : 1px solid #000000;
background-color : #00CCCC;
margin-bottom : 15px;
}
.ak_poll_table_header {
height : 22px;
padding : 0 25px 0 25px;
font-size : 11px;
}
.ak_poll_table_header br {
display : none;
}
.ak_poll_table_header a {
padding-left : 11px;
}
.ak_poll_table_button_cell input {
background-color : #00CCCC;
border : 1px solid #000000;
height : 22px;
background-image : url([sign in to see URL]);
background-repeat : repeat-x;
color : #000000;
font-size : 11px;
}
.ak_poll_table td {
border : 0;
}
.ak_poll_table_option_rcell1 input, .ak_poll_table_option_rcell2 input {
border : 0;
}
.ak_poll_table_viewres_cell {
font-weight : bold;
font-size : 11px;
}
.ak_poll_table_option_gback1 {
background : #00CCCC;
}
.ak_poll_table_option_gback2 {
background : #00CCCC;
}
.ak_poll_table_header {
color : #000000;
}
.ak_msgform_poll_options_head_td {
color : #000000;
}

/* DEFINES MEMBER LIST COLORS AND SIZE */
ak_msg_seememberlist_table td {
border : 1px solid #000000;
}
.ak_msg_seememberlist_table {
font-size : 11px;
}
.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 {
color : #000000;
font-size : 11px;
padding : 3px;
}
.ak_msg_seememberlist_table {
width : 100%;
border : 1px solid #000000;
background-color : #00CCCC;
}

/* DEFINES POST ICONS AND SMILEY COLORS */
.ak_subject_posticon_table {
padding : 0;
text-align : center;
color : #000000;
font-size : 11px;
border : 1px solid #000000;
background-color : #00CCCC;
margin-bottom : 5px;
}
.ak_subject_posticon_head_td {
text-align : center;
font-size : 11px;
}
.msgform_clickable_smiley_box_h {
padding-left : 11px;
padding-right : 10px;
font-size : 11px;
border : 1px solid #000000;
background-color : #00CCCC;
color : #000000;
line-height: 23px;
}
.msgform_clickable_smiley_box_b {
margin-top : 8px;
text-align : center;
}
.msgform_clickable_smiley_box_b, .msgform_clickable_smiley_box_b_td, .msgform_clickable_smiley_box_b td {
border : 0;
}

/* DEFINES POST NEW TOPIC AND ADD REPLY BOXES */
.topiclistpostnewtopic a, .postlistaddareply a {
color : #000000;
padding: 5px 15px 5px 15px; /* top right bottom left */
font-size : 11px;
background-image : url([sign in to see URL]);
background-repeat : repeat-x;
background-position : center 0%;
border : 1px solid #000000;
}


HTML HEADERcopy and paste the following HTML code into your Custom HTML header
<div id="shell"><div id="header"><center><h1>Your Board name/banner here</h1></center></div>
<div id="offset"><div id="container"><div class="container">
<img src="[sign in to see URL]" border="0" width="100%" height="100%" align="center" alt="" />


HTML FOOTERcopy and paste the following HTML code into your Custom HTML footer
</div></div></div>
<div id="nav">
<div class="navlist">
<h2>Title</h2>
<ul>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>

<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
</ul></div>
<div class="navlist">
<h2>Title</h2>
<ul>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>

<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
</ul></div>
<div class="navlist">
<h2>Title</h2>
<ul>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>

<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
</ul></div>
</div>
<div id="footer">
<div class="backtotop"><br />
<a href="#">♥ Back to Top ♥</a></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?:Leave Checked
Use CSS trick 1?:leave unchecked
Use CSS trick 2?:Leave Unchecked
Background color:#898979
Background color transparent:Leave Unchecked
Background image (optional):Leave Blank
Background image tile X:Leave Unchecked
Background image tile Y:Leave Unchecked
Text color :#000000
Bottom info line color:#000000

Link Options
Link color : #000000
Visited link color : #000000
Hover link color : #595959
Everything else, leave unchecked

Forum List Layout Options
Forum list master table background color : Leave blank
Forum list master table border color : #898989
Forum list master table border width (pixels): 0
Forum list table background color : #898989
Forum list table background image: Leave blank
Forum list table border color : #898989
Forum list table border width (pixels): 0
Forum list table header background color : Leave blank
Forum list table header background image: Leave blank
Forum list table header border color : #898989
Forum list table header border width (pixels): 0
Forum list table header text color : #000000
Forum list table first alternate background color : #00CCCC
Forum list table second alternate background color : #00CCCC
Forum list table text color (optional) : #000000
Forum list table description color : #000000
Forum list table separator background color : Leave blank
Forum list table separator background image: Leave blank
Forum list table separator text color : #000099
Forum list master table width (percents): 100
Forum list table width (percents): 100

Topic list layout options
Topic list master table background color : Leave blank
Topic list master table border color : #898989
Topic list master table border width (pixels): 0
Topic list table background color : #898989
Topic list table background image: Leave blank
Topic list table border color : #898989
Topic list table border width (pixels): 0
Topic list table header background color : Leave blank
Topic list table header background image: Leave blank
Topic list table header border color : #898989
Topic list table header border width (pixels): 0
Topic list table header text color : #000000
Topic list table first alternate background color : #00CCCC
Topic list table second alternate background color : #00CCCC
Topic list table text color (optional) : #000099
Topic list master table width (percents) : 100
Topic list table width (percents) : 100

Post list layout options
Post list master table background color :Leave blank
Post list master table border width (pixels): 0
Post list master table border color : #898989
Post list master table width (percents) : 100
Post list table width (percents) : 100
Post list table first alternate background color : #00CCCC
Post list table second alternate background color : #00CCCC
Post list table border color : #898989
Post list table border width (pixels): 0


Last edited by The Wizard3, 2/12/2009, 6:35 pm
12/13/2008, 7:44 pm Link to this post Send PM to The Wizard3 Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Admin






Registered: 07-2005
Location: Runboard Staff Aux
Posts: 685
Karma: 10 (+10/-0)
Reply | Quote
Re: Surfer's Paradise


Nice one Wiz emoticon

---

RSFRDAdvertise Boards On TRDREITB
1/2/2009, 8:19 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
The Wizard3 Profile
Live feed
Blog
Friends
Miscellaneous info

Clones




Registered: 06-2006
Location: Castle Belgalor
Posts: 90
Karma: 1 (+3/-2)
Reply | Quote
Re: Surfer's Paradise


Thanks for tidying up PR, must learn how to do that as it looks so much neater. Let's hope someone can use the skin for their new board emoticon
1/7/2009, 1:51 pm Link to this post Send PM to The Wizard3 Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Admin






Registered: 07-2005
Location: Runboard Staff Aux
Posts: 685
Karma: 10 (+10/-0)
Reply | Quote
Re: Surfer's Paradise


My only suggestion has to do with the banner pic. Right now it tiles which looks a little strange but there is a way to make the banner look like it stretches to fit the box (it doesn't really re-size but it sure looks like it does which is what most people care about emoticon

If you are interested I'll show you how its done...

---

RSFRDAdvertise Boards On TRDREITB
1/10/2009, 11:48 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Admin






Registered: 07-2005
Location: Runboard Staff Aux
Posts: 685
Karma: 10 (+10/-0)
Reply | Quote
Re: Surfer's Paradise


If you took the banner pic out of the CSS #header and set it with HTML like this:

<img src="[sign in to see URL]" border="0" width="100%" height="100%" align="center" alt="" />

then the banner would always appear the correct size to the user...

---

RSFRDAdvertise Boards On TRDREITB
1/16/2009, 8:59 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
The Wizard3 Profile
Live feed
Blog
Friends
Miscellaneous info

Clones




Registered: 06-2006
Location: Castle Belgalor
Posts: 90
Karma: 1 (+3/-2)
Reply | Quote
Re: Surfer's Paradise


Thanks PR,

I've taken the following CSS off

#header {
border : 4px double #000000;
background : url([sign in to see URL]) repeat;
color : #00E6E6;
height : 102px;
margin : 1px;
text-align : center;
margin-bottom : [sign in to see URL];
margin-top : [sign in to see URL];
}
.header {
height : 100px;
text-align : center;
padding : 2px;
}

and added your HTML code to the HTML Header section, it looks better I think now, many thanks

Now I have to do is change the code here, but need to wait for your reply to see if I have done it correctly before I do
1/31/2009, 9:07 am Link to this post Send PM to The Wizard3 Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Admin






Registered: 07-2005
Location: Runboard Staff Aux
Posts: 685
Karma: 10 (+10/-0)
Reply | Quote
Re: Surfer's Paradise


Looks great Wiz, I checked at 3 resolutions and the banner pic looks like it was designed for each resolution emoticon

---

RSFRDAdvertise Boards On TRDREITB
1/31/2009, 10:06 am Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
The Wizard3 Profile
Live feed
Blog
Friends
Miscellaneous info

Clones




Registered: 06-2006
Location: Castle Belgalor
Posts: 90
Karma: 1 (+3/-2)
Reply | Quote
Re: Surfer's Paradise


All done, thanks again :bow
1/31/2009, 1:38 pm Link to this post Send PM to The Wizard3 Blog
 


Add a Reply



You are not logged in (login)