Pastor Rick
Head Administrator
Global user (premium)
Registered: 07-2005
Location: Texas Country
Posts: 292
Karma: 4 (+4/-0)
|
|
Reply | Quote
|
|
Blue Sky 3.0 - Header/Footer & 2-sidebars
Hi,
This is a very basic theme based on Smackdown5's Blue Sky theme (matter of fact most of the coding for the forums is his). This one incorporates a header, footer and both a left and right sidebar.
Blue 3.0
To implement the skin you start by changing your boards theme to the Blue Sky theme. Then you delete the existing CSS and HTML for that theme and replace them with the following:
Custom CSScopy and paste the following CSS code into your Custom CSS box
/* Pastor Rick's Blue Sky 3.0 Skin */
/* SET THE GENERAL BODY CODES */
body {margin:6px 5px; font:400 13px verdana;background-color: #cef;}
/* BASIC SKIN LAYOUT */
#bcss-header {width:100%; border:1px solid #09f; clear:both;}
#bcss-sidebar-1 {width:12.5%;float:left;border:1px solid #09f;}
#bcss-sidebar-2 {width:12.5%;float:right;border:1px solid #09f;}
#bcss-content {width:auto;float:left;}
#bcss-footer { width:100%;clear:both;border:1px solid #09f;}
/* DEFINES WIDTH AND COLOR OF TABLES */
.ak_msg_master_table {border: 0;width:71%;font:400 14px verdana;}
.forum_list_table, .topic_list_table {width: 100%;border: 1px solid #09f;background-color: #000;}
.ak_msg_post_master_table {width: 100%;border: 0;background-color: #000;}
/* SETS THE WIDTH AND BORDERS OF THE FORUM/TOPIC/POST/MEMBER LIST TABLES */
.ak_msg_post_master_table, .ak_msg_seememberlist_table, .forumlistboardstatstable, .forumlistwhosonlinetable {width:98%;border:1px solid #09f;background-color:#CEF;}
.ak_tl_topicrow_mouseover_on, .ak_tl_topicrow_mouseover_off {padding:5px;}
/* SETS THE HEADER CELLS OF MOST TABLES */
.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:400 14px verdana;height:22px;padding-top:0px; padding-bottom:0px;color:#000;background-color:#9CF;}
/* CHANGES AND ADJUSTS THE WHO IS ONLINE TABLE */
.forumlistwhosonlinetable {background-color: #9CF;}
.forumlistwhosonlinetd {padding: 6px;}
/* SETTINGS FONT TYPE, COLOR AND SIZE TO REMAINING ELEMENTS */
span.locationboard, span.locationforum, span.locationtopic {font-size:14px;font-family:verdana;}
.forumlistforumname, .topiclisttopicname {color:#000;font-size:14px;font-family:verdana;}
span.forumlistnumtopics, span.forumlistnumposts {font:400 10px verdana;}
span.topiclistnewswitch, span.forumlistnewswitch {color:#000;font-size:14px;font-family:verdana;}
.forumlistboardstatsheader {font-family:verdana;font-size:14px;border:0;color:#000;}
span.forumlistheader, span.topiclistheader, span.forumlistseparator, span.topiclisttopicname, span.topiclistreplies, span.topiclistviews, span.topicliststartedby{color:#000;font-family:verdana;font-size:14px;}
span.topiclistlastpost {font-family:verdana;font-size:14px;}
span.forumlistdescription {color:#404040;}
span.topiclisttopicclosed, span.topiclisttopicsticky,span.topiclisttopichidden {font:400 14px verdana;}
/* WRITE MESSAGE */
.ak_msgform_master_table {background-color:#CEF;border:1px solid #09F;font-family:verdana;font-size:14px;}
.ak_msgform_master_table td {border:1px solid #09F;}
.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 {font-family:verdana;font-size:10px;border: 1px solid #09F;background-color:#9CF;}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea {background-color:#FF9F11;border:1px solid #09F;color:#000;width:400px;font-family:verdana;font-size:14px;}
.ak_msgform_poll_options_table {border:1px solid #09F;}
.ak_msgform_poll_options_table td{border:1px solid #09F}
.ak_msgform_poll_options_right_td input {background-color:#9CF; padding-top:2px;padding-bottom:2px;margin:2px;font-family:verdana;font-size:14px;color:#09F;}
.qcode_bar_but {font-size:10px;background-color:#9CF;border:1px solid #09f;margin-top:1px;}
/* HORIZONTAL RULE FOR CROSS COMPATIBILITY REASONS WE USE THE BORDER TO GIVE THE LINE EFFECT */
hr {height:0px;width:100%;border:none;border-bottom: 1px solid #09f;}
/* DEFAULT 'FORUM READY' MSGS ARE MADE SCROLL INSTEAD OF DISTORTING TABLES */
.postlistpostbody pre {font:400 14px verdana;overflow:scroll;width:500px;border:1px solid #09f;}
/* POST TABLE */
.ak_msg_post_master_table {font-family:verdana;font-size:14px;}
.ak_msg_post_master_table td {border:1px solid #09F;}
span.postlistusername, span.postlistpostname, span.postlistpostbody {color:#000;font-family:verdana;font-size:14px;}
span.postlistusertitle font {color:#09f;font-family:verdana;font-size:14px;}
blockquote {border:1px solid #09f;background-color:#9CF;font-family:verdana;font-size:14px;color:#000;}
blockquote hr {display:none;}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea {background-color:#9CF;border:1px solid #09f;color:#000;width:400px;font-family:verdana;font-size:14px;}
.ak_msgform_poll_options_table {border:1px solid #09f;}
.ak_msgform_poll_options_right_td input {background-color:#9CF; padding-top:2px;padding-bottom:2px;margin:2px;font-family:verdana;font-size:14px;color:#000;}
/* POLL TABLE AND ITS PARTS */
.ak_poll_table {font-size:12px;font-family:verdana;text-align:center;border-width:1px;border-style:solid;border-color:#09f;background-color:#CEF;margin-bottom:15px;}
.ak_poll_table_header {height:22px;padding:0px 25px 0px 25px;font-size:14px;}
.ak_poll_table_button_cell input {background-color:#9CF;border:1px solid #09f;height:22px;font-family:verdana;font-size:14px;}
.ak_poll_table td {border:0;}
.ak_poll_table_header br {display:none;}
.ak_poll_table_header a {padding-left:10px;}
.ak_poll_table_option_rcell1 input, .ak_poll_table_option_rcell2 input {border:none;}
.ak_poll_table_viewres_cell {font-weight:700;font-size:14px;}
.ak_poll_table_option_gback1 {background-color:#9CF;}
.ak_poll_table_option_gback2 {background-color:#9CF;}
.ak_msgform_poll_options_right_td input {border:1px solid #09f;}
/* MEMBERSHIP LIST */
.ak_msg_seememberlist_table td {border:0;text-align:center;}
.ak_msg_seememberlist_table {font-size:14px;}
.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:#000;font-family:verdana;font-size:14px;padding:1px;text-align:center;}
.ak_msg_seememberlist_showing {font-size:14px;font-family:verdana;color:#000;}
/* NEW TOPIC & ADD REPLY BUTTONS */
.topiclistpostnewtopic a, .postlistaddareply a {color:#000;font-size:14px;font-family:verdana;}
/* POSTICONS & SMILIE TABLES */
.ak_subject_posticon_table {padding:0px;text-align:center;color:#000; font-family:verdana,tahoma,arial; font-size:14px;border:1px;background-color:#cef; margin-bottom:5px; width: 100%;}
.ak_subject_posticon_icons_td{border:1px solid #9cf;}
.ak_subject_posticon_head_td, .msgform_clickable_smiley_box_h {padding:0px;text-align:center;color:#000; font-family:verdana,tahoma,arial; font-size:14px;border:1px;background-color:#9cf; margin-bottom:5px; width: 100%;}
.msgform_clickable_smiley_box_b, .msgform_clickable_smiley_box_b td, .msgform_clickable_smiley_box_b_td, .msgform_clickable_smiley_box_b_td td {width:100%;border:1px solid #9cf;background-color:#cef;text-align:center;}
/* MOUSEOVER FORUM/TOPIC ROW (TURNED OFF BY DEFAULT) */
.ak_tl_topicrow_mouseover_on, .ak_fl_forumrow_mouseover_on {background-color:#9CF;}
.ak_tl_topicrow_mouseover_off, .ak_fl_forumrow_mouseover_off {}
/* BOARD STATS TABLE */
.forumlistboardstatsheader{border-style: solid; border-width: 0px 0px 1px 0px; background-color: #9CF; border-color: #09F;border-style: solid;}
/* IMAGES NEVER HAVE BORDERS! */
img {border:0;}
HTML HEADERcopy and paste the following HTML code into your Custom HTML header
<div id="bcss-header"><h1>banners and other stuff in the header goes here</h1>
</div>
<div id="bcss-sidebar-1">
sidebar-left<br><br>As you put things in the sidebars the sidebar will grow but it will never go past the footer.
</div>
<div id="bcss-content">
</div>
<div id="bcss-sidebar-2">
sidebar-right<br><br>The minimum screen resolution for this skin is realistically 1152px x 864px<br><br>I have been able to get it to display correctly with a 1024px x 768px screen resolution with the sidebars coming in at 124px wide. You could make them wider if the board was premium but that's the best you can do with the Google ads in place.
</div>
HTML FOOTERcopy and paste the following HTML code into your Custom HTML footer
<div id="bcss-footer">
footer
</div>
EDIT COLORS/LAYOUT (ECL)find and change the following in your: Control Panel :: Board management :: Edit colors and theme
Miscellaneous options
Background color: #CCEEFF
Forum list layout options
Forum list master table border color : #0099FF
Forum list table header background color : #99CCFF
Forum list table header border color : #0099FF
Forum list table first alternate background color : #CCEEFF
Forum list table second alternate background color : #CCEEFF
Forum list table separator background color : #99CCFF
Topic list layout options
Topic list master table border color : #0099FF
Topic list table header background color : #99CCFF
Topic list table header border color : #0099FF
Topic list table first alternate background color : #CCEEFF
Topic list table second alternate background color : #CCEEFF
Post list layout options
Post list master table border color : #0099FF
Post list table first alternate background color : #CCEEFF
Post list table second alternate background color : #CCEEFF
Last edited by Pastor Rick, 3/4/2009, 10:30 am
|
