Come riprodurre un pulsante

[iceberg]

Come posso estrarre il CSS per questa tipologia di pulsanti (quello verde intendo)??

http://home.live.com/?mkt=it-it

Ho provato a guardare tra i CSS ma non ci capisco molto

Grazie

[fcaldera]

ti basta usare le proprietà font, color, background e border, per es,

font: 10px Tahoma;
color : #fff;
border: 1px #9cb solid;
background: #<ultimo colore>url(immagine.gif) top left repeat-x;

dove immagine.gif è una immagine alta quanto il pulsante e larga 1px che contiene il gradiente verde e #<ultimo colore> è il colore del pixel più in basso di quell'immagine.

[iceberg]

Grazie per il suggerimento!!!!

#<ultimo colore> è il colore del pixel più in basso di quell'immagine

intendi dire un colore unico e non sfumato???

ho provato a recuperare l'immagine in quel CSS ma non la trovo

[iceberg]

Come posso recupeare la GIF di quel pulsante??

Grazie ancora

[H5N1_Aviaria]

L'immagine la trovi QUI
ma come ben vedrai ha poco a che vedere col risultato finale poichè è una PNG (con canali alpha a 256 trasparenze) che associata ad un colore e correttamente posizionata produce l'effetto che vedi.

[iceberg]

Grazie infinite per l'aiuto

ma quindi, scusa ma non ho capito, quell'immagine devo usarla in questo CSS (in sostituzione di immagine.gif)

font: 10px Tahoma;
color : #fff;
border: 1px #9cb solid;
background: #<ultimo colore>url(immagine.gif) top left repeat-x;

è corretto vero?


Io ho provato ma non ottengo lo stesso risultato


Grazie cmq!

[H5N1_Aviaria]

Innanzitutto

background: #[color] url(immagine.png) center center repeat scroll;

in secondo luogo l'immagine è una PNG, non una gif, e quindi IE6 non la visualizza correttamente: fai una ricerca con ie6 png fix.

[iceberg]

Perdonami ma non ho proprio capito :-(((

come recupero l'immagine PNG da utilizzare?


e... come posso ottenere il famoso pulsante presente nel link, quale dei due css ed immagine dovrei utilizzare??


font: 10px Tahoma;
color : #fff;
border: 1px #9cb solid;
background: #<ultimo colore>url(immagine.gif) top left repeat-x;

oppure

background: #[color] url(immagine.png) center center repeat scroll;

con quale color????

[H5N1_Aviaria]

Hai provato a fare una ricerca con "IE PNG FIX"?
Si tratta di tecniche un tantino avanzate.
Non è assolutamente mia intenzione risultare arrogante, anch'io ho fatto la "gavetta", ma fare il passo più lungo della gamba lo considero sempre una scelta sbagliata.
Innanzitutto fatti una ricerca su cosa sia il formato PNG.
Prosegui la ricerca scoprendo come aggirare il problema di visualizzazione in IE6.
Dopodichè cerca come utilizzare immagini PNG con colori neutri in associazione a colori codificati nei CSS.
Solo dopo potrai iniziare a comprendere la tecnica.