Cool CSS buttons!

[xanga's finest]

How to use:
- go into look&feel on your xanga
- paste code 1 into custom header
- paste code 2 where you want the CSS buttons to appear
- save changes!

Here's code 1:

<style type="text/css">
<!--
a.button {	font-weight: bold;	font-size: 9px;	font-family: Verdana, Arial, Helvetica, sans-serif;	padding: 4px 8px;	border-top: 1px solid white;	border-right: 1px solid black;	border-bottom: 1px solid black;	border-left: 1px solid white;	text-align: center;	min-width: 75px;	text-transform: uppercase;}a.button:link { 	background-color: #060; 	color: #FFF;	text-decoration: none;	}a.button:visited {	background-color: #060; 	color: #fff;	text-decoration: none;	}a.button:hover { 	background-color: #060; 	color: red;	border-color: black white white black;	text-decoration: none;	}a.button:active { 	background-color: #369; 	color: #ccc; 	text-decoration: none;	}
-->
</style>

Here's code 2:

<a href="YOUR LINK HERE" class="button">CSS Button 1</a>
<a href="YOUR LINK HERE" class="button">CSS Button 2</a>
<a href="YOUR LINK HERE" class="button">CSS Button 3</a>
<a href="YOUR LINK HERE" class="button">CSS Button 4</a>
<a href="YOUR LINK HERE" class="button">CSS Button 5</a>

DO NOT EDIT WHERE IT SAYS:

class="button"

Feel free to add as many buttons as you want!

Credit:
[Only registered and activated users can see links. ]

Preview:
[Only registered and activated users can see links. ]