CSS rollover buttons

[gajo da net]

Descobri este código na internet que me permite construir um conjunto de rollover buttons.

Aqui: http://www.webcredible.co.uk/user-friendly-resources/css/rollover-buttons.shtml

Os exemplos:

http://www.search-this.com/css_buttons2.html

http://www.search-this.com/css_buttons3.html

Mas queria aqui criar algumas alterações, se for possivel. Estava a pensar em colocar vários botoes diferentes e cada um deles com posições personalizadas, não seguidos nem iguais como estes.

Que devo alterar ou fazer?

Grande abraço

[LuRsT]

Pá isso assim á primeira vista de olhos a unica coisa que tens de mudar sao as imagens. Aquilo so tapa a imagem. Tipo tens duas imagens pa cada butone um que é quando passas o rato por cima e outra que e o normal. Depois talvez tenhas de mudar o tamanho no css, mas eu so vi aqulo muito rapidamente.

[NCS_One]

Ois

Nao  sao usadas duas imagens mas sim uma, no estado normal do botao a imagem ta visivel e quando o

rato passa por cima a imagem eh escondida ".cssnav a:hover img{visibility:hidden}".

Aquilo ao certo tem duas imagens uma k eh a parte de fora do botao k eh preta com gradient, e depois tem

o centro do botao k eh a k muda quando o rato passa por cima e funciona como expliquei em cima.

[NCS_One]

Ois

Para alterares esses botoes tinhas de tar a fazer imagens iguais mas com outras cores.

Recomendava te procurares botoes feitos so com css, aqui tens um link bastante bom :

http://www.cssplay.co.uk/menus/

Alguns menus tens de pedir permissao para usar mas muitos podes usar sem pedir nada.

E assim escusas de por imagens k eh sempre uma chatice, e ate ah pessoas k definem

no browser para nao fazer o download de imagens. Hoje em dia com as velocidades k temos

nao devem ser muitas mas k as ha ha.