Joshin Josh
Admin
Registered: 11-2004
Location: State of confusion
Posts: 952
Karma: 9 (+9/-0)
|
|
Reply | Quote
|
|
 Boycott Internet Explorer
First of all, this skin looks downright horrible in Internet Explorer, at least it does in my opinion. It looks perfect in both opera and Firefox though. This skin started out just as a test, but I was encouraged to finish it, so i did. It kinda has a firefoxy feel/color theme going on.
by: Joshin Josh
Boycott Internet Explorer
No test/sample board but the skin codes work
Custom CSScopy and paste the following CSS code into your Custom CSS box
body {
background-position : center 0%;
background-image : url(http://img207.imageshack.us/img207/9386/darkbgjx5.gif);
background-color : #5f5f5f;
background-repeat : repeat-y;
margin : 0;
font-family : veranda;
}
#container {
width : 760px;
background-image : url(http://img209.imageshack.us/img209/6995/forumbgpt8.gif);
border : 2px outset #000000;
}
.header {
background-image : url(http://img213.imageshack.us/img213/348/sampbancp2xu1.gif);
background-repeat : no-repeat;
width : 760px;
height : 100px;
border : 2px inset #000000;
color : #ff6600;
font-size : 50px;
font-weight : bold;
}
.forumlistwhosonlinetable {
width : 740px;
background : #5f5f5f;
border : 2px inset #000000;
padding : 4px;
}
.forumlistboardstatstable {
width : 740px;
background : #5f5f5f;
border : 2px inset #000000;
}
.forumlistboardstatsheader {
background : url(http://img220.imageshack.us/img220/287/headcj3.gif) repeat-x;
height : 30px;
border : 0;
color : #d9d9d9;
}
.ak_miscoptbar_table a {
border : 2px inset #000000;
padding : 4px;
font-weight : bold;
background : #5f5f5f;
}
.ak_miscoptbar_table a:hover {
border : 2px outset #000000;
padding : 4px;
font-weight : bold;
background : #4d4d4d;
}
.forumlist_separator, .forumlist_separator_td {
font-family : verdana;
font-size : 10px;
height : 24px;
background-image : url(http://img207.imageshack.us/img207/7807/sepif5.gif);
background-repeat : repeat-x;
padding-top : 0;
padding-bottom : 0;
text-align : left;
}
.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-family : verdana;
font-size : 10px;
height : 25px;
background-image : url(http://img217.imageshack.us/img217/9936/headzf3.gif);
background-repeat : repeat-x;
padding-top : 0;
padding-bottom : 0;
}
span.locationboard a, span.locationforum a, span.locationtopic a {
background : #5f5f5f;
border : 2px inset #000000;
line-height : 2.35em;
padding : 5px;
}
span.locationboard a:hover, span.locationforum a:hover, span.locationtopic a:hover {
background : #4d4d4d;
border : 2px outset #000000;
line-height : 2.35em;
padding : 5px;
}
.ak_fl_forumrow_mouseover_on {
background-color : #4d4d4d;
background-image : url(http://img220.imageshack.us/img220/8739/bgao1si2.gif);
cursor : pointer;
padding : 5px 5px 5px 5px;
border-width : 0 0 0 0;
}
.ak_tl_topicrow_mouseover_on {
background-color : #4d4d4d;
background-image : url(http://img220.imageshack.us/img220/8739/bgao1si2.gif);
padding : 10px 10px 10px 10px;
border-width : 0 0 0 0;
}
.postlistpostbody pre {
font-size : 9px;
font-family : verdana;
font-weight : normal;
overflow : scroll;
height : 300px;
width : 500px;
border : 2px inset #000000;
background : #d9d9d9;
}
.ak_msg_master_table {
border : none;
width : 760px;
font-family : verdana;
font-size : 11px;
}
.forum_list_table, .topic_list_table, .ak_msg_post_master_table {
width : 740px;
border-style : inset;
border-width : 2px;
border-color : #4d4d4d;
background-color : #4d4d4d;
}
.ak_msg_seememberlist_table {
width : 740px;
border-style : solid;
border-width : 1px;
border-color : #4d4d4d;
background-color : #5f5f5f;
}
span.forumlistnumtopics, span.forumlistnumposts {
font-size : 11px;
font-family : verdana;
font-weight : normal;
}
span.topiclistnewswitch, span.forumlistnewswitch {
color : #ff6600;
font-size : 11px;
font-family : verdana;
}
.ak_msg_post_master_table {
font-family : verdana;
font-size : 10px;
}
.ak_msg_post_master_table td {
border : 1px solid #4d4d4d;
}
span.postlistusername a, span.postlistpostname {
color : #ff6600;
font-family : verdana;
font-size : 11px;
}
.ak_msg_post_table {
padding-left : 3px;
}
span.postlistusertitle font {
color : #ff6600;
}
blockquote {
border-width : 1px;
border-style : solid;
border-color : #000000;
background-color : #d9d9d9;
font-family : verdana;
font-size : 10px;
color : #000000;
}
blockquote hr {
display : none;
}
hr {
height : 0;
width : 100%;
border : none;
border-bottom : 1px solid #000000;
}
.topiclistpostnewtopic a, .postlistaddareply a {
background-color : #5f5f5f;
border : 2px inset #000000;
padding : 5px;
}
.topiclistpostnewtopic a:hover {
border : 2px outset #000000;
background : #4d4d4d;
}
.postlistaddareply a:hover {
border : 2px outset #000000;
background : #4d4d4d;
}
.ak_msgform_master_table {
background-color : #5f5f5f;
border : none;
font-family : verdana;
font-size : 11px;
}
.ak_msgform_master_table td {
border : 1px solid #4d4d4d;
}
.ak_msgform_master_table input {
border : 1px solid #4d4d4d;
}
.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-width : 1px;
border-style : solid;
border-color : #4d4d4d;
height : 22px;
background-image : url(http://img207.imageshack.us/img207/7807/sepif5.gif);
background-repeat : repeat-x;
color : #ff6600;
font-family : verdana;
font-size : 11px;
font-weight : bold;
}
.qcode_bar_but {
font-family : verdana;
font-size : 10px;
border-style : solid;
border-width : 1px;
border-color : #4d4d4d;
background-color : #5f5f5f;
color : #ff6600;
height : 22px;
background-image : url(http://img207.imageshack.us/img207/7807/sepif5.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-color : #d9d9d9;
border-style : solid;
border-width : 1px;
border-color : #4d4d4d;
color : #000000;
width : 340px;
font-family : verdana;
font-size : 11px;
}
.ak_msgform_poll_options_table {
border-style : solid;
border-width : 1px;
border-color : #4d4d4d;
}
.ak_msgform_poll_options_right_td input {
background-color : #d9d9d9;
padding-top : 2px;
padding-bottom : 2px;
margin : 2px;
font-family : verdana;
font-size : 11px;
color : #000000;
border-style : solid;
border-width : 1px;
border-color : #4d4d4d;
}
.ak_poll_table {
font-size : 10px;
font-family : verdana;
text-align : center;
border-width : 1px;
border-style : solid;
border-color : #4d4d4d;
background-color : #5f5f5f;
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 : 10px;
}
.ak_poll_table_button_cell input {
background-color : #5f5f5f;
border-width : 1px;
border-style : solid;
border-color : #4d4d4d;
height : 22px;
background-image : url(http://img207.imageshack.us/img207/7807/sepif5.gif);
background-repeat : repeat-x;
color : #000000;
font-family : verdana;
font-size : 11px;
}
.ak_poll_table td {
border-width : 0;
}
.ak_poll_table_option_rcell1 input, .ak_poll_table_option_rcell2 input {
border : none;
}
.ak_poll_table_viewres_cell {
font-weight : bold;
font-size : 11px;
}
.ak_poll_table_option_gback1 {
background-color : #ff6600;
}
.ak_poll_table_option_gback2 {
background-color : #ff6600;
}
.ak_msg_seememberlist_table td {
border-width : 1px;
border-style : solid;
border-color : #4d4d4d;
background-color : #5f5f5f;
}
.ak_msg_seememberlist_table {
font-size : 10px;
width : 740px;
}
.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-family : verdana;
font-size : 11px;
padding : 3px;
text-align : center;
}
.ak_subject_posticon_table {
padding : 0;
text-align : center;
color : #000000;
font-family : verdana, tahoma, arial;
font-size : 11px;
border : none;
background-color : #5f5f5f;
margin-bottom : 5px;
width : 350px;
}
.ak_subject_posticon_head_td {
text-align : center;
font-family : verdana;
font-size : 11px;
color : #000000;
}
.msgform_clickable_smiley_box_h {
padding-left : 10px;
padding-right : 10px;
font-family : verdana;
font-size : 11px;
border : 1px solid #4d4d4d;
background-color : #5f5f5f;
color : #000000;
}
.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-width : 0;
border-style : solid;
}
.ak_msg_postlist_betweenposts_table {
height : 10px;
display : block;
}
.ak_msg_postlist_betweenposts_table_td {
height : 10px;
display : block;
}
span.pageindexvaluenow {
background-color : #5f5f5f;
border : 1px solid #000000;
font-size : 13px;
padding : 3px;
}
.direct a {
border : 2px outset #000000;
padding : 4px;
font-weight : bold;
background : #5f5f5f;
line-height : 2.35em;
}
.direct a:hover {
border : 2px inset #000000;
padding : 4px;
font-weight : bold;
background : #4d4d4d;
line-height : 2.35em;}
HTML HEADERcopy and paste the following HTML code into your Custom HTML header
<div align="center">
<br>
<div class="header">Boycott Internet Explorer!</div>
<br>
<div id="container">
HTML FOOTERcopy and paste the following HTML code into your Custom HTML footer
</div></div>
EDIT COLORS/LAYOUT (ECL)find and change the following in your: Control Panel :: Board management :: Edit colors and theme
Use CSS trick 1? Check
Use CSS trick 2? Check
Background color: #AEAEAE
Text color : #000000
Bottom info line color : #000000
Link color :#FF6600
Visited link color :#FF6600
Hover link color :#2E2E2E
Forum list table background color :#4D4D4D
Forum list table border color :#4D4D4D
Forum list table header background image: http://img220.imageshack.us/img220/287/headcj3.gif
Forum list table header text color : #d9d9d9
Forum list table first alternate background color :#5f5f5f
Forum list table second alternate background color :#5f5f5f
Forum list table text color (optional) :#000000
Forum list table description color :#000000
Forum list table separator text color : #d9d9d9
Forum list master table width (percents):100
Forum list table width (percents):100
Then scroll up to the top and click on both these links:
Copy forum list settings to topic list settings
Copy forum list settings to post list settings
Then Save the Settings
CUSTOM LANGUAGE SET (CLS)(optional)find and change the following in your: Control Panel :: Board management :: Customize the language set
topic_list_post_new_topic
<br>
<br>
Post new topic
topic_list_multitopics_page
<br>
<br>
Page:
post_list_global_user
<div class="direct"><a href="#">Back to Top</a></div>
post_list_multiposts_page
<br>
<br>
Page:
upgrade_your_account
Upgrade!
The reason it is important (not really optional in this case) to change the upgrade_your_account CLS is because if you don't it will cause the links to overlap each other.
edited to use new posting layout
Last edited by Pastor Rick, 3/3/2009, 11:24 am
|
