Joshin Josh
Admin
Registered: 11-2004
Location: State of confusion
Posts: 952
Karma: 9 (+9/-0)
|
|
Reply | Quote
|
|
Rock-N-Roll Skin
Rock-N-Roll Skin
Custom CSS
copy and paste the following CSS code into your Custom CSS box
/* DEFINES BODY COLOR FONT AND POSITION */
body {
background : #f5f5f5 url(http://rbbt.net/skins/joshin_josh/rocknroll/bg.jpg) fixed;
font-family : verdana, arial, tahoma;
font-size : 12px;
}
/* PREVENTS BORDERS ON IMAGE LINKS */
img {
border : 0;
}
/* DEFINES STRUCTURE OF LAYOUT */
#outer {
position : relative;
width : 940px;
margin : 0 auto;
}
#sidebar {
width : 174px;
position : absolute;
top : 2px;
left : 1px;
border : 0;
}
#sidebar ul, #sidebar li {
margin : 0;
padding : 0;
list-style : none;
display : inline;
}
#sidebar ul a:link, #sidebar ul a:visited {
text-decoration : none;
display : block;
background : #e7e7e7;
border : 1px solid #000000;
margin : 1px;
padding : 2px;
}
#sidebar ul a:hover {
background : #f5f5f5;
text-decoration : none;
}
.sidelist {
text-align : center;
font-size : 11px;
border : 0;
margin-bottom : 1.5em;
}
.sidelist h2 {
font-size : 12px;
margin : 1px;
background : url(http://rbbt.net/skins/joshin_josh/rocknroll/sidesep.gif) no-repeat center top;
border-bottom : 1px solid #000000;
text-align : center;
line-height : 23px;
color : #737373;
}
#shell {
margin : 0 auto;
width : 738px;
background : #898989;
border : 1px solid #000000;
float : right;
}
#top {
background : url(http://rbbt.net/skins/joshin_josh/rocknroll/top.gif) no-repeat;
width : 740px;
height : 31px;
margin : 0 auto;
float : right;
}
#bot {
background : url(http://rbbt.net/skins/joshin_josh/rocknroll/bot.gif) no-repeat;
width : 740px;
height : 31px;
margin : 0 auto;
float : right;
}
.banbox {
margin : 0 auto;
background : url(http://rbbt.net/skins/joshin_josh/rocknroll/logo.jpg) no-repeat;
width : 736px;
height : 99px;
color : #737373;
font-size : 17px;
text-align : right;
vertical-align : middle;
line-height : 30px;
}
.banbox h1 {
margin : 0;
position : absolute;
right : 5px;
font-size : 30px;
font-weight : bold;
width: 100%;
}
/* DEFINES WIDTH AND COLOR OF TABLES */
.ak_msg_master_table {
border : 0;
width : 100%;
}
.forum_list_table {
width : 728px;
border : 1px solid #898989;
background-color : #898989;
}
.topic_list_table, .ak_msg_post_master_table, .ak_msg_seememberlist_table {
width : 100%;
border : 1px solid #898989;
background-color : #898989;
}
/* DEFINES BOXED PAGE NUMBERS */
span.pageindexvaluenow {
font-size : 13px;
font-weight : bold;
background-color : #e7e7e7;
border : 1px solid #000000;
}
/* DEFINES SPACE BETWEEN POSTS */
.ak_msg_postlist_betweenposts_table {
height : 2px;
display : block;
}
.ak_msg_postlist_betweenposts_table_td {
height : 2px;
display : block;
}
/* DEFINES SINGLE SEP 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, .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 : 10px;
height : 24px;
background: url(http://rbbt.net/skins/joshin_josh/rocknroll/sep1.gif) repeat-x;
padding : 0;
border : 1px solid #000000;
}
/* DEFINES DOUBLE SEP IMAGES */
.forumlist_separator_td {
height : 40px;
background : url(http://rbbt.net/skins/joshin_josh/rocknroll/sep2.gif) no-repeat center bottom;
padding : 0;
text-align : center;
text-indent : 1em;
vertical-align : bottom;
line-height : 26px;
border : 0;
}
/* DEFINES MISCOPTBAR COLORS AND WIDTH */
.ak_miscoptbar_table {
background-color : #e7e7e7;
width : 100%;
padding : 2px;
border : 1px solid #000000;
}
.ak_miscoptbar_table a {
background-image : url(http://rbbt.net/skins/joshin_josh/rocknroll/sep1.gif);
border : 1px solid #000000;
padding : 3px;
}
/* DEFINES WHOS ONLINE AND STATS BOXES */
.forumlistwhosonlinetable {
width : 100%;
border : 1px solid #000000;
background-color : #e7e7e7;
color : #737373;
}
.forumlistwhosonlinetd {
padding : 6px;
font-size : 11px;
font-weight : bold;
}
.ak_fl_boardstats_master_table {
width : 100%;
}
.forumlistboardstatstable {
border : 0;
border-bottom : 1px solid #000000;
background : #898989;
}
.forumlistboardstatsdata {
background : #e7e7e7;
border : 0;
border-right : 1px solid #000000;
padding : 3px;
}
.forumlistboardstatsheader {
background-image : url(http://rbbt.net/skins/joshin_josh/rocknroll/statsep.gif);
background-repeat : no-repeat;
height : 30px;
vertical-align : middle;
border-bottom : 1px solid #000000;
padding : 0;
text-indent : 1em;
text-align : center;
color : #000000;
}
.forumlistboardstatstitle {
background : #f5f5f5;
border : 1px solid #000000;
padding : 3px;
color : #737373;
}
/* DEFINES FONT SIZE IMAGES AND COLORS FOR TOPIC FORUM AND POST LISTS */
span.postlistusername a, span.postlistpostname, span.postlistpostbody {
color : #000000;
}
.ak_msg_post_table {
padding-left : 3px;
}
span.postlistusertitle font {
color : #595959;
}
blockquote {
border : 1px solid #000000;
background-color : #f5f5f5;
}
hr {
display : none;
}
.postlistpostname {
display : block;
padding-left : 0.5em;
background : url(http://rbbt.net/skins/joshin_josh/rocknroll/sep1.gif) repeat-x;
line-height : 24px;
vertical-align : middle;
border : 1px solid #000000;
color : #000000;
}
.ak_msg_post_master_table {
border : 1px solid #898989;
background-color : #898989;
}
.ak_msg_post_master_table td {
border : 1px solid #898989;
}
.postlistpostbody pre {
font-size : 11px;
overflow : scroll;
width : 500px;
border : 1px solid #000000;
}
.postlistpostbody a:link, .postlistpostbody a:active {
color : #737373;
text-decoration : underline;
}
.postlistpostbody a:hover {
color : #000000;
text-decoration : underline;
}
.postlistsendicq a, .postlistsendaim a, .postlistsendmsn a, .postlistsendyahoo a, .postlistsendpm a, .postlistblog a, .postlist_karma_applaud a, .postlist_karma_smite a {
background-image : url(http://rbbt.net/skins/joshin_josh/rocknroll/sep1.gif);
background-repeat : repeat-x;
padding : 3px;
border : 1px solid #000000;
}
.prem a, .postlistusername, span.locationboard, span.locationforum, span.locationtopic {
background-image : url(http://rbbt.net/skins/joshin_josh/rocknroll/sep1.gif);
border : 1px solid #000000;
padding : 2px;
line-height : 2em;
}
/* DEFINES COLORS AND IMAGES IN MESSAGE AREA */
.ak_msgform_master_table {
background-color : #f5f5f5;
border : 1px solid #000000;
}
.ak_msgform_master_table td {
border : 0;
}
.ak_msgform_master_table input {
border : 1px solid #898989;
}
.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(http://rbbt.net/skins/joshin_josh/rocknroll/sep1.gif);
background-repeat : repeat-x;
color : #000000;
font-size : 11px;
}
.qcode_bar_but {
font-size : 11px;
border : 1px solid #000000;
color : #000000;
height : 20px;
background-color : #e7e7e7;
background-image : url(http://rbbt.net/skins/joshin_josh/rocknroll/sep1.gif);
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 : #e7e7e7;
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 : #e7e7e7;
padding-top : 2px;
padding-bottom : 2px;
margin : 2px;
font-size : 11px;
color : #000000;
border : 1px solid #000000;
}
.ak_poll_table {
font-size : 11px;
text-align : center;
border : 1px solid #000000;
background-color : #e7e7e7;
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 : #e7e7e7;
border : 1px solid #000000;
height : 22px;
background-image : url(http://rbbt.net/skins/joshin_josh/rocknroll/sep1.gif);
background-repeat : repeat-x;
color : #000000;
font-size : 11px;
}
/* DEFINES POLL TABLE COLORS */
.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-color : #595959;
}
.ak_poll_table_option_gback2 {
background-color : #595959;
}
.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_im_td, .ak_msg_seememberlist_head_pm_td, .ak_msg_seememberlist_head_email_td {
color : #000000;
font-size : 11px;
border : 1px solid #000000;
background-color : #e7e7e7;
}
.ak_msg_seememberlist_table {
width : 100%;
border : 1px solid #000000;
background-color : #e7e7e7;
}
/* 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 : #f5f5f5;
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 : #f5f5f5;
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 {
padding : 5px 15px 5px 15px;
font-size : 11px;
background-image : url(http://rbbt.net/skins/joshin_josh/rocknroll/sep1.gif);
background-repeat : repeat-x;
background-position : center 0%;
border : 1px solid #000000;
}
/* DEFINES ADMIN AND MOD BOXES ON FORUM LIST */
span.forumlistadministrators, span.forumlistmoderators {
background-color : #e7e7e7;
border : 1px solid #000000;
padding : 5px;
float : left;
font-weight : bold;
color : #737373;
}
Custom HTML header
copy and paste the following HTML code into your Custom HTML header
<div id="outer">
<div id="top"> </div>
<div id="shell">
<div class="banbox"><h1><a href="http://www.runboard.com/brocknrollerskin">Your Board Name Here</a></h1><br />
~Your Board Sub-title here~
</div>
Custom HTML Footer
copy and paste the following HTML code into your Custom HTML Footer
</div>
<div id="bot"> </div>
<div id="sidebar">
<div class="sidelist">
<h2>Links</h2>
<ul>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
</ul>
</div>
<div class="sidelist">
<h2>Links</h2>
<ul>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
</ul>
</div>
<div class="sidelist">
<h2>Links</h2>
<ul>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
</ul>
</div>
<div class="sidelist">
<h2>Links</h2>
<ul>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
<li><a href="#">Your Link Here</a></li>
</ul>
</div>
</div>
</div>
Customize colors and layout settings
copy and paste the following into the correct tab in your customize color section.
Miscellaneous options
Use extra CSS options?:Checked
Use CSS trick 1?:Leave Unchecked
Use CSS trick 2?:Leave Unchecked
Background color:#898989
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 :#595959
Link overlined :Leave Unchecked
Link line-through :Leave Unchecked
Link underlined :Leave Unchecked
Visited link color :#595959
Visited link overlined :Leave Unchecked
Visited link line-through :Leave Unchecked
Visited link underlined :Leave Unchecked
Hover link color :#000000
Hover link overlined :Leave Unchecked
Hover link line-through :Leave Unchecked
Hover link underlined :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 :#E7E7E7
Forum list table second alternate background color :#E7E7E7
Forum list table text color (optional) :#737373
Forum list table description color :#737373
Forum list table separator background color :Leave blank
Forum list table separator background image:Leave blank
Forum list table separator text color :#737373
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 :#E7E7E7
Topic list table second alternate background color :#E7E7E7
Topic list table text color (optional) :#737373
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 :#E7E7E7
Post list table second alternate background color :#E7E7E7
Post list table border color :#898989
Post list table border width (pixels):0
Customize the language set
copy and paste the following into the correct tab in your custom language section.
forum_list_newtext: <img src="http://rbbt.net/skins/joshin_josh/rocknroll/new.jpg" alt="New" />
topic_list_newtext: <img src="http://rbbt.net/skins/joshin_josh/rocknroll/new.jpg" alt="New" />
post_list_premium_user_link: <br />
<div class="prem"><a href="/support/user_premium_membership">premium</a></div>
|
