Advertise Here

Show Posts

This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.


Topics - mr_css

Pages: [1] 2
1
Stylesheet Codes / [stylesheet] titanium renewed
« on: February 09, 2008, 12:31:11 pm »
Forum Url: http://serverwolfscape.smfforfree4.com
^^^^
not a preview

- preview here!

tabs by deathwilldie , stylesheet by mr css (me)

Code: [Select]
/*SMF
(C) Created by Mr Css , tabs by deathwilldie

*/
/* Normal, standard links. */
a:link
{
color: #FFFFFF;
text-decoration: none;
}
a:visited
{
color: #FFFFFF;
text-decoration: none;
}
a:hover
{
color: #FFFFFF;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #FFFFFF;
text-decoration: none;
}
a.nav:hover
{
color: #cc3333;
text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
empty-cells: show;
}

/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
color: #FFFFFF;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
background-color: #000000;
        background-image: url(http://img143.imageshack.us/img143/7409/bg2rb6.jpg) transparent ;
margin: 0px;
padding: 12px 30px 4px 30px;

}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
background-color: #000000;
color: #FFFFFF;
font-family: verdana, sans-serif;
}
input, button
{
font-size: 90%;
}

textarea
{
font-size: 100%;
color: #FFFFFF;
font-family: verdana, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 90%;
font-weight: normal;
color: #FFFFFF;
font-family: verdana, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #666666;
background-color: #666666;
}

/* No image should have a border when linked */
a img
{
border: 0;
}
/* A quote, perhaps from another post. */
.quote
{
color: #FFFFFF;
background-color: #D7DAEC;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #dddddd;
font-family: "courier new", "times new roman", monospace;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #000000;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;
/* Don't wrap its contents, and show scrollbars. */
white-space: nowrap;
overflow: auto;
/* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #FFFFFF;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
width: 96%;
}

/* Highlighted text - such as search results. */
.highlight
{
background-color: yellow;
font-weight: bold;
color: #FFFFFF;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #FFFFFF;
background-color: #000000;
}
.windowbg2
{
color: #FFFFFF;
background-color: #000000;
}
.windowbg3
{
color: #FFFFFF;
background-color: #E0E1E8;
}
/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
color: #FFFFFF;
font-style: normal;
background: url(http://img139.imageshack.us/img139/8007/catbg3ry0.jpg) #000000 repeat-x;
border-bottom: solid 1px #9BAEBF;
border-top: solid 1px #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #FFFFFF;
font-style: normal;
}

.titlebg a:hover
{
color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: black;
font-style: normal;
text-decoration: underline;
}

.titlebg2 a:hover
{
text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
background: url(http://img137.imageshack.us/img137/5318/catbg2iv3.png) #000000 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: url(http://img143.imageshack.us/img143/2585/catbgvx7.png) #000000 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #375576;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: white;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: white;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #e0e0ff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #ADADAD;
padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid #696969;
background-color: #FFFFFF;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
font-size: x-small;
font-family: verdana, sans-serif;
}
.middletext
{
font-size: 90%;
}
.normaltext
{
font-size: small;
}
.largetext
{
font-size: large;
}


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
width: 100%;
overflow: auto;
line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
width: 100%;
overflow: auto;
padding-bottom: 3px;
line-height: 1.3em;
}

/* Sometimes there will be an error when you post */
.error
{
color: red;
}


/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
{
color: white;
text-transform: uppercase;
vertical-align: top;
}
.maintab_back, .maintab_active_back
{
color: white;
text-decoration: none;
font-size:  9px;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}

.maintab_first
{
background: url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/PS2/notactive.png) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/PS2/notactive.png) left bottom repeat-x;
}
.maintab_last
{
background: url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/PS2/notactive.png) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/PS2/Activetab.png) left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background: url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/PS2/Activetab.png) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/PS2/Activetab.png) left bottom no-repeat;
width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
color: white;
text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
color: #e0e0ff;
text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
color: white;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: white;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
background: url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/PS2/notactive.png) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/PS2/notactive.png) repeat-x;
}
.mirrortab_last
{
background: url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/PS2/notactive.png) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/PS2/Activetab.png) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/PS2/Activetab.png) repeat-x;
}
.mirrortab_active_last
{
background: url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/PS2/Activetab.png) no-repeat;
width: 8px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
color: white;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #e0e0ff;
text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #32CD32;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}


enjoy!

2
Stylesheet Requests and Support / new stylesheet help
« on: February 09, 2008, 11:53:36 am »
Code: [Select]
/*(C) Created by Mr Css

*/
/* Normal, standard links. */
a:link
{
color: #FFFFFF;
text-decoration: none;
}
a:visited
{
color: #FFFFFF;
text-decoration: none;
}
a:hover
{
color: #FFFFFF;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #FFFFFF;
text-decoration: none;
}
a.nav:hover
{
color: #cc3333;
text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
empty-cells: show;
}

/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
color: #FFFFFF;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
background-color: #000000;
margin: 0px;
padding: 12px 30px 4px 30px;

}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
background-color: #000000;
color: #FFFFFF;
font-family: verdana, sans-serif;
}
input, button
{
font-size: 90%;
}

textarea
{
font-size: 100%;
color: #000000;
font-family: verdana, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 90%;
font-weight: normal;
color: #FFFFFF;
font-family: verdana, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #666666;
background-color: #666666;
}

/* No image should have a border when linked */
a img
{
border: 0;
}
/* A quote, perhaps from another post. */
.quote
{
color: #FFFFFF;
background-color: #D7DAEC;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #dddddd;
font-family: "courier new", "times new roman", monospace;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #000000;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;
/* Don't wrap its contents, and show scrollbars. */
white-space: nowrap;
overflow: auto;
/* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #FFFFFF;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
width: 96%;
}

/* Highlighted text - such as search results. */
.highlight
{
background-color: yellow;
font-weight: bold;
color: #FFFFFF;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #FFFFFF;
background-color: #000000;
}
.windowbg2
{
color: #FFFFFF;
background-color: #000000;
}
.windowbg3
{
color: #FFFFFF;
background-color: #E0E1E8;
}
/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
color: #FFFFFF;
font-style: normal;
background: url(http://img139.imageshack.us/img139/8830/titlebgde7.gif) #000000 repeat-x;
border-bottom: solid 1px #9BAEBF;
border-top: solid 1px #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #FFFFFF;
font-style: normal;
}

.titlebg a:hover
{
color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: black;
font-style: normal;
text-decoration: underline;
}

.titlebg2 a:hover
{
text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
background: url(http://img122.imageshack.us/img122/1833/bgae9.jpg) #000000 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: url(http://img143.imageshack.us/img143/2585/catbgvx7.png) #000000 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #375576;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: white;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: white;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #e0e0ff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #ADADAD;
padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid #696969;
background-color: #FFFFFF;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
font-size: x-small;
font-family: verdana, sans-serif;
}
.middletext
{
font-size: 90%;
}
.normaltext
{
font-size: small;
}
.largetext
{
font-size: large;
}


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
width: 100%;
overflow: auto;
line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
width: 100%;
overflow: auto;
padding-bottom: 3px;
line-height: 1.3em;
}

/* Sometimes there will be an error when you post */
.error
{
color: red;
}


/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
{
color: white;
text-transform: uppercase;
vertical-align: top;
}
.maintab_back, .maintab_active_back
{
color: white;
text-decoration: none;
font-size:  9px;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}

.maintab_first
{
background: url(images/maintab_first.gif) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(images/maintab_back.gif) left bottom repeat-x;
}
.maintab_last
{
background: url(images/maintab_last.gif) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(default/images/maintab_active_first.gif) left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background: url(default/images/maintab_active_back.gif) left bottom repeat-x;
}
.maintab_active_last
{
background: url(default/images/maintab_active_last.gif) left bottom no-repeat;
width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
color: white;
text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
color: #e0e0ff;
text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
color: white;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: white;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
background: url(images/mirrortab_first.gif) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(images/mirrortab_back.gif) repeat-x;
}
.mirrortab_last
{
background: url(images/mirrortab_last.gif) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(images/mirrortab_active_first.gif) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(images/mirrortab_active_back.gif) repeat-x;
}
.mirrortab_active_last
{
background: url(images/mirrortab_active_last.gif) no-repeat;
width: 8px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
color: white;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #e0e0ff;
text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #32CD32;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}

in all textareas font is black i need it white, and i am having trouble adding an image to the background.. rusty on my css... any help?

3
Advertise Your Board / the #1 rs server: WolfScape
« on: February 08, 2008, 06:15:34 pm »
Forum Url: http://serverwolfscape.smfforfree4.com
best rs server ever....
  Features:
  jd
  kq
  friendly staff
  growing community
  assistance
  experts
  and more

           join the growing community of the newest rs server wolfscape! if you want to affiiate with wolfscape please message me.

4
Advertise Your Board / RuneScape Server Guru
« on: January 30, 2008, 09:23:49 pm »
Forum Url: http://rsserverguru.smfforfree4.com
RuneScape Server Guru is for all your runescape private server needs. We will get you tutorials,real expert assistance,downloads,clients,server downloads, client lists,server lists, tutorial lists, links of people who can help you with your needs and much more! TRUST ME YOU WILL NOT BE DISAPPOINTED

5
Gaming / flash tower defence
« on: January 30, 2008, 09:02:46 pm »
flash tower defence. I created a game based off a guy's (David Scott) tutorials explaining how flash works,how to create flash games, and some of his action scripts and instructions on how to create a tower defence game. You can find the game at freewebs.com/flashtowerdefence check it out! its very fun.

6
SMF For Free Codes and Support / [Code] Search Engine Description/Key Words
« on: November 20, 2007, 07:56:05 pm »
Code: [Select]
<meta name="description" content="YOUR DESCRIPTION(S) HERE">
Code: [Select]
<meta name="keywords" content="YOUR,KEYWORDS,HERE!">
 This coding gives a description or "Key Words" to search engines. Also it is a short description to others of your website. Just thought I'd hand this out... I was checking out some meta/meta tag tutorials and... well... I came up with this... I know its not very good but... Its Helpful! :)

 EDIT: I had to create two different codings. The description describes your site. and keywords are for search engines which word by word describes your site. Sorry about the mix up... theres no way with my knowledge that the two will work together(IN ONE META)... I have no.. preview... Etc... So Please don't ask and remember enjoy!

 EDIT2: The Meta tag " Keyword " is fixed.

These codes are just help to drive a little extra traffic to your site(s). Just thought I'd be a little helpful :) :) :) :) .. .. for once! lol .... Enjoy folks!



Enjoy.



7
Graphics / check out my new sig!
« on: November 18, 2007, 09:42:10 pm »


Please comment/rate!  ;D ;D ;D ;D ;D ;D

8
SMF For Free Codes and Support / [Code] Mr Css': Auto Page Refresher!
« on: November 17, 2007, 12:58:38 am »
Forum Url: http://thebattlegrounds.smfforfree3.com <-- Not A Preview

Topic Name Change: (Before)>Auto Page Refresher (after)>Mr Css': Auto Page Refresher


This code I have created allows you to refresh your page every ### seconds than do this:

Code: [Select]
<meta http-equiv="refresh" content="###">

Simply change the ### to the number of seconds you want the page to refresh in.

 I hope this has helped everyone.

 Mr Css

FireFox Tested
Internet Explorer Tested


EDIT:

 I am now going to show you how to refresh a certain page by URL.

 simply replace the above code with... this...

 
Code: [Select]
<meta http-equiv="refresh" content="###" url="page url">
I hope this has helped... again!

 Enjoy.

9
JavaScript / JavaScript Key Capture
« on: November 13, 2007, 08:35:10 pm »
Forum Url: http://thebattlegrounds.smfforfree3.com
A javascript key capturer, I made this so if someone presses a certain key in a non-textarea they will be direct to... BLAH BLAH BLAH
so here we go... Let me know if it works I used it for a website I created myself. but im unsure for the forums, I'd put this in the headers.
Asking for a preview? There is not.
This is what the coding would look like...
Code: [Select]
<SCRIPT LANGUAGE="JavaScript1.2">

<!--

function NNKeyCap(thisOne)
{
    if (thisOne.modifiers & Event.SHIFT_MASK)
{
    if (thisOne.which == 37)
       {alert('That\'s the % key')};
    if (thisOne.which == 90)
       {alert('That\'s the Z key')};
    if (thisOne.which == 41)
       {alert('That\'s the ) key')};
}

    if (thisOne.which == 61)
       {alert('That\'s the = key')};
    if (thisOne.which == 106)
       {alert('That\'s the j key')};
    if (thisOne.which == 51)
       {alert('That\'s the 3 key')};
}

function IEKeyCap()
{
if (window.event.shiftKey)
{
    if (window.event.keyCode == 37)
       {alert('That\'s the % key')};
    if (window.event.keyCode == 90)
       {alert('That\'s the Z key')};
    if (window.event.keyCode == 41)
       {alert('That\'s the ) key')};
}

    if (window.event.keyCode == 61)
       {alert('That\'s the = key')};
    if (window.event.keyCode == 106)
       {alert('That\'s the j key')};
    if (window.event.keyCode == 51)
       {alert('That\'s the 3 key')};
}

if (navigator.appName == 'Netscape') {
window.captureEvents(Event.KEYPRESS);
window.onKeyPress = NNKeyCap;
}

//-->
// (C) Mr Css Copyright
</SCRIPT>
<BODY onKeyPress="IEKeyCap()">

alright... So now you wonder What the hell? right? yeap, I know I will walk you through on where to put everything..

NOTE: The script will also work no matter if the key stroke is lower or uppercase.

heres a place to set the key capturers...
Code: [Select]
    if (window.event.keyCode == 61)
       {alert('That\'s the = key')};
    if (window.event.keyCode == 106)
       {alert('That\'s the j key')};
    if (window.event.keyCode == 51)
       {alert('That\'s the 3 key')};
}

 Alright so let me show you what you must do...

    if (window.event.keyCode == 61)
       {alert('That\'s the = key')};
    if (window.event.keyCode == 106)
       {alert('That\'s the j key')};
    if (window.event.keyCode == 51)
       {alert('That\'s the 3 key')};
}

alright all the red places are very important i left some comments on what the key captures are set on. Edit the  if (window.event.keyCode == 51)

Whats really important is inside this: if (window.event.keyCode == 51) and that is...

 keyCode == 51)

 Yes! the KEYCODE! and lets extract the code once more...

51


the number is most important... You edit this number : 51 or whatever number that is set after keyCode == .
And yes I should give you the key capturing numbers...

 Here they are...

 9  =
Tab    11  =
Home    13  =
Enter
32  =
Space Bar    33  =   !    34  =   "
35  =   #    36  =   $    37  =   %
38  =   &    39  =   '    40  =   (
41  =   )    42  =   *    43  =   +
44  =   ,    45  =   -    46  =   .
47  =   /    48  =   0    49  =   1
50  =   2    51  =   3    52  =   4
53  =   5    54  =   6    55  =   7
56  =   8    57  =   9    58  =   :
59  =   ;    60  =   <    61  =   =
62  =   >    63  =   ?    64  =   @
65  =   A    66  =   B    67  =   C
68  =   D    69  =   E    70  =   F
71  =   G    72  =   H    73  =   I
74  =   J    75  =   K    76  =   L
77  =   M    78  =   N    79  =   O
80  =   P    81  =   Q    82  =   R
83  =   S    84  =   T    85  =   U
86  =   V    87  =   W    88  =   X
89  =   Y    90  =   Z    91  =   [
92  =   \    93  =   ]    94  =   ^
95  =   -    96  =   `    97  =   a
98  =   b    99  =   c    100  =   d
101  =   e    102  =   f    103  =   g
104  =   h    105  =   i    106  =   j
107  =   k    108  =   l    109  =   m
110  =   n    111  =   o    112  =   p
113  =   q    114  =   r    115  =   s
116  =   t    117  =   u    118  =   v
119  =   w    120  =   x    121  =   y
122  =   z    123  =   {    124  =   |
125  =   }    126  =   ~    

 the number is most important the icon is not to be copied into the code... just the number. If you have any problems let me know ! thank you!

 Mr Css.

10
how do you make your image's background match the background using gimp?

like this:



please help! thanks!

11
General Chat / Looking for Affiliates!
« on: November 11, 2007, 11:57:33 am »
Forum Url: http://thebattlegrounds.smfforfree3.com
The Battleground Forums are looking for affiliates! If you want to be our affiliate message me,with a site ad of yours and ill reply with my own.

12
Stylesheet Codes / [Stylesheet] Shogun-Naruto
« on: November 10, 2007, 11:40:50 am »
I'm getting better at this :) ! all the real help I need is to get the tabs to work again...lol I will have it fixed soon. Preview at mrcsstest.smfforfree4.com

Code: [Select]

/* Normal, standard links. */
a:link
{
color: #476C8E;
text-decoration: none;
}
a:visited
{
color: #476C8E;
text-decoration: none;
}
a:hover
{
color: #476C8E;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #000000;
text-decoration: none;
}
a.nav:hover
{
color: #cc3333;
text-decoration: underline;
}
/* Tables should show empty cells. */
table
{
empty-cells: show;
}

/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
color: #000066;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
background-color: #000099;
        background-image: url(http://students.ceid.upatras.gr/~lebenteas/Wallpapers/HakuZabuza/wp/naruto.jpg);
        background-repeat: repeat;
margin: 0px;
padding: 12px 30px 4px 30px;

}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
background-color: #000099;
color: #FF9900;
font-family: verdana, sans-serif;
}
input, button
{
font-size: 90%;
}

textarea
{
font-size: 100%;
color: #FF9900;
font-family: verdana, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 90%;
font-weight: normal;
color: #000099;
font-family: verdana, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #000099;
background-color: #000099;
}

/* No image should have a border when linked */
a img
{
border: 0;
}
/* A quote, perhaps from another post. */
.quote
{
color: #FF9900;
background-color: #000099;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #dddddd;
font-family: "courier new", "times new roman", monospace;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #000000;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;
/* Don't wrap its contents, and show scrollbars. */
white-space: nowrap;
overflow: auto;
/* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #FF9900;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
width: 96%;
}

/* Highlighted text - such as search results. */
.highlight
{
background-color: yellow;
font-weight: bold;
color: #FF9900;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #0000CC;
background-color: #CC6600;
}
.windowbg2
{
color: #CC6600;
background-color: #0000CC;
}
.windowbg3
{
color: #CC6600;
background-color: #000099;
}
/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
color: #FF9900;
font-style: normal;
background: url(http://i216.photobucket.com/albums/cc283/mr_css/endbar.gif) #000099 repeat-x;
border-bottom: solid 1px #9BAEBF;
border-top: solid 1px #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #FF9900;
font-style: normal;
}

.titlebg a:hover
{
color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: black;
font-style: normal;
text-decoration: underline;
}

.titlebg2 a:hover
{
text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
background: url(http://i216.photobucket.com/albums/cc283/mr_css/endbar.gif) #CC6600 repeat-x;
color: http://i216.photobucket.com/albums/cc283/mr_css/endbar.gif;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: url(http://i216.photobucket.com/albums/cc283/mr_css/endbar.gif) #0000CC repeat-x;
color: #000099;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #375576;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: white;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: white;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #FF9900;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #000099;
padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid #000099;
background-color: #000099;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
font-size: x-small;
font-family: verdana, sans-serif;
}
.middletext
{
font-size: 90%;
}
.normaltext
{
font-size: small;
}
.largetext
{
font-size: large;
}


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
width: 100%;
overflow: auto;
line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
width: 100%;
overflow: auto;
padding-bottom: 3px;
line-height: 1.3em;
}

/* Sometimes there will be an error when you post */
.error
{
color: red;
}


/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back,

.maintab_active_last
{
color: white;
text-transform: uppercase;
vertical-align: top;
}
.maintab_back, .maintab_active_back
{
color: white;
text-decoration: none;
font-size:  9px;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}

.maintab_first
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoblack/maintab_first.gif) left

bottom no-repeat;
width: 10px;
}
.maintab_back
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoblack/maintab_back.gif) left bottom

repeat-x;
}
.maintab_last
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoblack/maintab_last.gif) left bottom

no-repeat;
width: 8px;
}
.maintab_active_first
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoorange/maintab_active_first.gif)

left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoorange/maintab_active_back.gif) left

bottom repeat-x;
}
.maintab_active_last
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoorange/maintab_active_last.gif) left

bottom no-repeat;
width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back

a:visited
{
color: white;
text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
color: #e0e0ff;
text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back,

.mirrortab_active_last
{
color: white;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: white;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoblack/mirrortab_first.gif)

no-repeat;
width: 10px;
}
.mirrortab_back
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoblack/mirrortab_back.gif) repeat-x;
}
.mirrortab_last
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoblack/mirrortab_last.gif)

no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoorange/mirrortab_active_first.gif)

no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoorange/mirrortab_active_back.gif)

repeat-x;
}
.mirrortab_active_last
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoorange/mirrortab_active_last.gif)

no-repeat;
width: 8px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link ,

.mirrortab_active_back a:visited
{
color: white;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #e0e0ff;
text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #FC8E04;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}

/*tabs by Simply Sibyl*/
/*stylesheet created by mr css*/

Enjoy!

13
Stylesheet Requests and Support / stylesheet help...
« on: November 10, 2007, 10:25:46 am »
alright so i'm working on a naruto stylesheet. check it out at mrctest.smfforfree3.com Is there anyway to add a background image? any help is useful to me. code is here:

Code: [Select]
/*
Generated by SMF Theme Generator
http://www.smfhacks.com
*/
/* Normal, standard links. */
a:link
{
color: #CC6600;
text-decoration: none;
}
a:visited
{
color: #CC6600;
text-decoration: none;
}
a:hover
{
color: #FF6600;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #CC6600;
text-decoration: none;
}
a.nav:hover
{
color: #FF6600;
text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
empty-cells: show;
}

/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
color: #000066;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
background-color: #000099;
margin: 0px;
padding: 12px 30px 4px 30px;

}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
background-color: #000099;
color: #FF9900;
font-family: verdana, sans-serif;
}
input, button
{
font-size: 90%;
}

textarea
{
font-size: 100%;
color: #FF9900;
font-family: verdana, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 90%;
font-weight: normal;
color: #000099;
font-family: verdana, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #000099;
background-color: #000099;
}

/* No image should have a border when linked */
a img
{
border: 0;
}
/* A quote, perhaps from another post. */
.quote
{
color: #FF9900;
background-color: #000099;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #dddddd;
font-family: "courier new", "times new roman", monospace;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #000000;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;
/* Don't wrap its contents, and show scrollbars. */
white-space: nowrap;
overflow: auto;
/* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #FF9900;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
width: 96%;
}

/* Highlighted text - such as search results. */
.highlight
{
background-color: yellow;
font-weight: bold;
color: #FF9900;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #0000CC;
background-color: #CC6600;
}
.windowbg2
{
color: #CC6600;
background-color: #0000CC;
}
.windowbg3
{
color: #CC6600;
background-color: #000099;
}
/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
color: #FF9900;
font-style: normal;
background: url(http://i216.photobucket.com/albums/cc283/mr_css/endbar.gif) #000099 repeat-x;
border-bottom: solid 1px #9BAEBF;
border-top: solid 1px #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #FF9900;
font-style: normal;
}

.titlebg a:hover
{
color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: black;
font-style: normal;
text-decoration: underline;
}

.titlebg2 a:hover
{
text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
background: url(http://i216.photobucket.com/albums/cc283/mr_css/endbar.gif) #CC6600 repeat-x;
color: http://i216.photobucket.com/albums/cc283/mr_css/endbar.gif;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: url(http://i216.photobucket.com/albums/cc283/mr_css/endbar.gif) #0000CC repeat-x;
color: #000099;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #375576;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: white;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: white;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #FF9900;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #000099;
padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid #000099;
background-color: #000099;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
font-size: x-small;
font-family: verdana, sans-serif;
}
.middletext
{
font-size: 90%;
}
.normaltext
{
font-size: small;
}
.largetext
{
font-size: large;
}


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
width: 100%;
overflow: auto;
line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
width: 100%;
overflow: auto;
padding-bottom: 3px;
line-height: 1.3em;
}

/* Sometimes there will be an error when you post */
.error
{
color: red;
}


/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
{
color: #FF9900;
text-transform: uppercase;
vertical-align: top;
}
.maintab_back, .maintab_active_back
{
color: #FF9900;
text-decoration: none;
font-size:  9px;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}

.maintab_first
{
background: url(images/maintab_first.gif) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(images/maintab_back.gif) left bottom repeat-x;
}
.maintab_last
{
background: url(images/maintab_last.gif) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(default/images/maintab_active_first.gif) left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background: url(default/images/maintab_active_back.gif) left bottom repeat-x;
}
.maintab_active_last
{
background: url(default/images/maintab_active_last.gif) left bottom no-repeat;
width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
color: #FF9900;
text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
color: #FF9900;
text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
color: #FF9900;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: #FF9900;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
background: url(images/mirrortab_first.gif) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(images/mirrortab_back.gif) repeat-x;
}
.mirrortab_last
{
background: url(images/mirrortab_last.gif) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(images/mirrortab_active_first.gif) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(images/mirrortab_active_back.gif) repeat-x;
}
.mirrortab_active_last
{
background: url(images/mirrortab_active_last.gif) no-repeat;
width: 8px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
color: #FF9933;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #FF9900;
text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #32CD32;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}

/*stylesheet created by mr css*/

14
Stylesheet Codes / [Stylesheet] Darkness Arise
« on: November 09, 2007, 10:41:13 pm »
I know most of my stuff go wrong but im getting better give me some slack please  ;) im still learning but I think this went well check it out :)

Code: [Select]
/*
Generated by SMF Theme Generator
http://www.smfhacks.com
*/
/* Normal, standard links. */
a:link
{
color: #FFFFFF;
text-decoration: none;
}
a:visited
{
color: #FFFFFF;
text-decoration: none;
}
a:hover
{
color: #FFFFFF;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #FFFFFF;
text-decoration: none;
}
a.nav:hover
{
color: #FFFFFF;
text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
empty-cells: show;
}

/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
color: #CCFFCC;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
background-color: #000000;
margin: 0px;
padding: 12px 30px 4px 30px;

}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
background-color: #000000;
color: #FFFFFF;
font-family: verdana, sans-serif;
}
input, button
{
font-size: 90%;
}

textarea
{
font-size: 100%;
color: #FFFFFF;
font-family: verdana, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 90%;
font-weight: normal;
color: #FFFFFF;
font-family: verdana, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #666666;
background-color: #666666;
}

/* No image should have a border when linked */
a img
{
border: 0;
}
/* A quote, perhaps from another post. */
.quote
{
color: #FFFFFF;
background-color: #D7DAEC;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #dddddd;
font-family: "courier new", "times new roman", monospace;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #000000;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;
/* Don't wrap its contents, and show scrollbars. */
white-space: nowrap;
overflow: auto;
/* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #FFFFFF;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
width: 96%;
}

/* Highlighted text - such as search results. */
.highlight
{
background-color: yellow;
font-weight: bold;
color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #FFFFFF;
background-color: #000000;
}
.windowbg2
{
color: #FFFFFF;
background-color: #000000;
}
.windowbg3
{
color: #FFFFFF;
background-color: #000000;
}
/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
color: white;
font-style: normal;
background: url(images/titlebg.jpg) #000000 repeat-x;
border-bottom: solid 1px #9BAEBF;
border-top: solid 1px #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: white;
font-style: normal;
}

.titlebg a:hover
{
color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: black;
font-style: normal;
text-decoration: underline;
}

.titlebg2 a:hover
{
text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
background: url(http://i216.photobucket.com/albums/cc283/mr_css/catbg.jpg) #000000 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: url(http://i216.photobucket.com/albums/cc283/mr_css/catbg2-1.jpg) #000000 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #375576;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: white;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: white;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #e0e0ff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #999999;
padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid #696969;
background-color: #FFFFFF;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
font-size: x-small;
font-family: verdana, sans-serif;
}
.middletext
{
font-size: 90%;
}
.normaltext
{
font-size: small;
}
.largetext
{
font-size: large;
}


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
width: 100%;
overflow: auto;
line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
width: 100%;
overflow: auto;
padding-bottom: 3px;
line-height: 1.3em;
}

/* Sometimes there will be an error when you post */
.error
{
color: red;
}


/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
{
color: #000000;
text-transform: uppercase;
vertical-align: top;
}
.maintab_back, .maintab_active_back
{
color: #000000;
text-decoration: none;
font-size:  9px;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}

.maintab_first
{
background: url(http://i216.photobucket.com/albums/cc283/mr_css/left-end.png) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(http://i216.photobucket.com/albums/cc283/mr_css/bgtab.png) left bottom repeat-x;
}
.maintab_last
{
background: url(http://i216.photobucket.com/albums/cc283/mr_css/right-end.png) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(http://i216.photobucket.com/albums/cc283/mr_css/active-left.png) left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background: url(http://i216.photobucket.com/albums/cc283/mr_css/bgtab.png) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://i216.photobucket.com/albums/cc283/mr_css/active-right.png) left bottom no-repeat;
width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
color: white;
text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
color: #e0e0ff;
text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
color: white;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: white;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
background: url(images/mirrortab_first.gif) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(images/mirrortab_back.gif) repeat-x;
}
.mirrortab_last
{
background: url(images/mirrortab_last.gif) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(images/mirrortab_active_first.gif) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(images/mirrortab_active_back.gif) repeat-x;
}
.mirrortab_active_last
{
background: url(images/mirrortab_active_last.gif) no-repeat;
width: 8px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
color: white;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #e0e0ff;
text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #32CD32;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}

/*tabs by trevix*/
/*stylesheet by mr css*/

Enjoy! Preview at thebattlegrounds.smfforfree3.com

Pages: [1] 2