Colocar e personalizar os botões de reputação

Tipow quando eu passo a seta em cima de 1 link do teu forum fica acende 1 luz laranja .. como faz isso ?

https://i.servimg.com/u/f46/16/96/81/25/sem_ta10.png

Spoiler:

Código:


.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.vote .vote-no-bar {
display: none;
}

.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}

.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}

.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
}

.vote .vote-button a[href $="plus"] {
background:url('http://i46.servimg.com/u/f46/14/96/69/63/agrade10.jpg');
background-repeat: no-repeat;
color:transparent;
display:block;
height:176px;
width:20px;
}

.vote .vote-button a[href $="minus"] {
background-image:url('nulo');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}


Pedriinhow escreveu:sim obrigado, mais nao era com o codigo com essa imagem que eu queria
queria com essa imagem aqui https://2img.net/h/oi54.tinypic.com/2qk8n6u.png