Your Open Source

 
Related Posts

Add Badge To Your Site Using CSS

Design your website by creating and adding badge or inline buttons.
Examples


The (X)HTML code:

Some Link


The CSS code:
.inline-button {

_width:12em;
font: bold 65%/1 Verdana, sans-serif;
margin: 0 0.2em; padding: 0.1em 0; _padding:0;
border: 1px solid black;
white-space:nowrap;
text-decoration: none;
vertical-align:middle;
background: #ccc;
color: black;
}
.inline-button em {
_width:1em; _cursor:hand;
font-style: normal;
margin:0; padding: 0.1em 0.5em;
background: white;
color: black;
}
.inline-button span {
_width:1em; _cursor:hand;
margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
}
.inline-button:hover {
background: #666;
color: white;
}
.inline-button:hover em {
background: black;
color: white;
}


Customize the color using this class:
.orange { background: orange; color: black }

.orange em { background: white; color: #c60 }

.blue { background: #06c; color: white }
.blue em { background: white; color: #06c }

.green { background: green; color: white }
.green em { background: white; color: green }

...

RSS Export
W3C XHTML 1.0
ICQ 1234567


Click here to create your buttons.

  • hits 133
  • datetime Aug 03 09 08:26:20
  • author Lazywriter
  • rating

Rating : 12345
Tags :- HTML & CSS

Answers

No Answers..
Your Name:
Your Answers :
<> is a code tag
Preview
Enter the verification code: