Cambiare colore al pulsante button

[Shyson]

Quando questo button viene premuto deve cambiare colore, poi se clicco su Play deve tornare come prima

<button type="button" style="height:23px; line-height:18px; cursor:pointer" onclick="document.getElementById('audio').play()">Play</button>&nbsp;Music&nbsp;<button type="button" style="height:23px; line-height:18px; cursor:pointer" onclick="document.getElementById('audio').pause()">Pause</button>

 

[Jonn]

Non credo si possa cambiare il colore dei pulsanti (almeno penso).
Ti consiglio di usare delle immagini di rollover, magari inserisci il testo dentro il button per fargli creare la larghezza del bottone, poi fai uno stamp e ritagli il bottone con il programma di grafica che usi (se hai windows, paint è perfetto).
Ritagliato il bottone lo colori come preferisci e lo salvi come PNG, poi lo ricolori e lo salvi con un altro nome in modo che con due file, uno sia quello di quando il bottone è in stato normale, mentre l'altro è quando è premuto.
poi metti il bottone dentro un DIV ed applichi al div lo sfondo del primo, mentre a div.class:hover applichi lo sfondo del bottone premuto.

 

[Shyson]

Non credo si possa cambiare il colore dei pulsanti (almeno penso).
Ti consiglio di usare delle immagini di rollover, magari inserisci il testo dentro il button per fargli creare la larghezza del bottone, poi fai uno stamp e ritagli il bottone con il programma di grafica che usi (se hai windows, paint è perfetto).
Ritagliato il bottone lo colori come preferisci e lo salvi come PNG, poi lo ricolori e lo salvi con un altro nome in modo che con due file, uno sia quello di quando il bottone è in stato normale, mentre l'altro è quando è premuto.
poi metti il bottone dentro un DIV ed applichi al div lo sfondo del primo, mentre a div.class:hover applichi lo sfondo del bottone premuto.

Un po ci sono riuscito Sito con questo

<button type="button" style="height:23px; line-height:18px; cursor:pointer" onclick="document.getElementById('audio').play()">Play</button>&nbsp;Music&nbsp;<button type="button" style="height:23px; line-height:18px; cursor:pointer" onclick="document.getElementById('audio').pause()">Pause</button>
<button type="button" style="height:23px; line-height:18px; cursor:pointer" onclick="document.getElementById('audio').volume+=0.1">+</button>
<button type="button" style="height:23px; line-height:18px; cursor:pointer" onclick="document.getElementById('audio').volume-=0.1">-</button>

 

[Jonn]

Ok allora come non detto:
- Si può cambiare colore ai button

Non ho capito come anche leggendo il sorgente perchè non ho visto proprietà di colore (l'hai fatto con il CSS?)
comunque sia, se vuoi un player puoi mettere quello che uso anche io sul mio sito web (vedi firma) è semplicissimo e basta inserire la path del file MP3 che vuoi riprodurre, si chiama Dewplayer mi sembra.
Ti può interessare?

 

[borgo italia]

ciao
prova a guardare
http://blog.mrwebmaster.it/2010/03/26/abbelliamo-orrendo-pulsante-submit-reset.html
e gli articoli correlati

 

[Shyson]

Ok allora come non detto:
- Si può cambiare colore ai button

Non ho capito come anche leggendo il sorgente perchè non ho visto proprietà di colore (l'hai fatto con il CSS?)
comunque sia, se vuoi un player puoi mettere quello che uso anche io sul mio sito web (vedi firma) è semplicissimo e basta inserire la path del file MP3 che vuoi riprodurre, si chiama Dewplayer mi sembra.
Ti può interessare?

Si col css, ma ho appena scoperto che il programma che mi crea l'album (jAlbum) mi crea lui stesso la barra per la musica e posso o inserire fino a 5 mp3 che poi suona a ripetizione

 

[Shyson]

A me ora interessa cambiare la maschera, metterne una un po più carina, mi sembra che sia il file player.swf, dove che si possono trovare altre maschere?

Nel file mi scrive questo:

var flashvars = { file: 'playlist.xml', autostart: 'true', repeat: 'always', backcolor: '#cccccc', frontcolor: '#80ff00', skin: 'res/simple.swf', volume: '70' };
var params = { allowscriptaccess: 'always', wmode: 'opaque' };
var attributes = { id: 'player1', name: 'player1' };
swfobject.embedSWF('res/player.swf', 'player', '120', '18', '9', null, flashvars, params, attributes);