Your Open Source
Free YourOpenSource Softwares Online Resources and Softwares Downloads with Demo
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 1234567Click here to create your buttons.
133
Aug 03 09 08:26:20
Lazywriter
|
Rating :
![]() ![]() ![]() ![]() ![]() | Tags :- HTML & CSS |
|
|||
Digg
Yahoo
delicious
