Butoane de moderare pentru topicuri

Extrem Tutorials :: Tutoriale și ponturi :: Programare si dezvoltare :: CSS

26102011
Butoane de moderare pentru topicuri

Am creat niste butoane de moderare care le puteti utiliza pentru site-ul dvs.

HTML:

Cod:

<a class="topictc"><img src="http://i42.servimg.com/u/f42/15/42/26/78/bgnone10.png"></a>
<a class="topictc2"><img src="http://i42.servimg.com/u/f42/15/42/26/78/bgnone10.png"></a>
<a class="topictc3"><img src="http://i42.servimg.com/u/f42/15/42/26/78/bgnone10.png"></a>
<a class="topictc4"><img src="http://i42.servimg.com/u/f42/15/42/26/78/bgnone10.png"></a>
<a class="topictc5"><img src="http://i42.servimg.com/u/f42/15/42/26/78/bgnone10.png"></a>

CSS:

Cod:

/*-Butoane moderare-*/
.topictc img{
background: url('http://i42.servimg.com/u/f42/15/42/26/78/modera11.png') no-repeat;height: 31px;width: 175px;background-position: 0px 0px; }

.topictc img:hover{
background-position: 0px -30px;}

.topictc2 img{
background: url('http://i42.servimg.com/u/f42/15/42/26/78/modera11.png') no-repeat;height: 31px;width: 153px;background-position: 0px -60px; }

.topictc2 img:hover{
background-position: 0px -90px;}

.topictc3 img{
background: url('http://i42.servimg.com/u/f42/15/42/26/78/modera11.png') no-repeat;height: 31px;width: 168px;background-position: 0px -120px; }

.topictc3 img:hover{
background-position: 0px -150px;}

.topictc4 img{
background: url('http://i42.servimg.com/u/f42/15/42/26/78/modera11.png') no-repeat;height: 31px;width: 168px;background-position: 0px -180px; }

.topictc4 img:hover{
background-position: 0px -210px;}

.topictc5 img{
background: url('http://i42.servimg.com/u/f42/15/42/26/78/modera11.png') no-repeat;height: 31px;width: 135px;background-position: -174px 0px; }

.topictc5 img:hover{
background-position: -174px -30px;}

Imaginea folosita:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Ultima editare efectuata de catre Stefan in Dum 21 Oct - 14:18, editata de 1 ori