|
 |
|
|
(x)
(x)
Blogvilág java
Linkek
Saját blogok: Olvasásra ajánlott blogok:Partnerek
Szerzői jogok
Blogvilág by xSolutions is licensed under a Creative Commons Attribution 2.5 Hungary License.
Egy újabb egyszerű ám annál látványosabb CSS trükkel bővülhet sablonunk: a 3D's gombbal.
A CSS kód egy kicsit bonyolultabb, mint az előző, de egy copy-paste után máris működik
a.button{
float:left;
font-size:110%;
font-weight:bold;
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #333;
border-bottom:1px solid #333;
color:#333;
width:auto;
}
a.button:hover{
border-top:1px solid #333;
border-left:1px solid #333;
border-right:1px solid #999;
border-bottom:1px solid #999;
color:#333;
}
a.button span{
background:
#d4d0c8 url(images/bg_btn.gif) repeat-x;
float:left;
line-height:24px;
height:24px;
padding:0 10px;
border-right:1px solid #777;
border-bottom:1px solid #777;
}
a.button:hover span{
border:none;
border-top:1px solid #777;
border-left:1px solid #777;
background:
#d4d0c8 url(images/bg_btnOver.gif) repeat-x;
cursor:pointer;
}
<a class="button" href="#"><span>3D Gomb</span></a>
További érdekes témák, ötletek a Blogfórumon.
Tetszett a bejegyzés? Iratkozz fel az RSS értesítőre, a hírlevélre vagy
ajánld barátaidnak a Twitteren vagy a
freeblogon.
Utolsó bejegyzések:
Eddig 2 komment érkezett
(
)
Mondj valamit
A szövegben nem lehet HTML-t használni, a linkeket pedig automatikusan aláhúzzuk. Az email cím megadása kötelezõ, de az oldalon nem jelenik meg. Ha van felhasználóneved, itt bejelentkezhetsz.
Az IP címedet megjegyezzük, de ezt csak a komment spam jellegének vizsgálatához használjuk fel.
1. Mészi 2008. 10. 12. 11:48
Köszönöm szépen!
2. Varsányi Martina 2008. 10. 14. 10:59
@Mészi: nagyon szívesen!