Cambiare colore al pulsante button

Shyson

Utente Attivo
19 Ago 2012
1.179
1
38
Quando questo button viene premuto deve cambiare colore, poi se clicco su Play deve tornare come prima

PHP:
<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>
 
Ultima modifica:

Jonn

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
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

Utente Attivo
19 Ago 2012
1.179
1
38
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

PHP:
<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

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
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?
 

Shyson

Utente Attivo
19 Ago 2012
1.179
1
38
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

Utente Attivo
19 Ago 2012
1.179
1
38
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:

PHP:
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);
 
Discussioni simili
Autore Titolo Forum Risposte Data
G Cambiare colore ad un record database mysql MySQL 0
O Allo scroll cambiare colore di sfondo jQuery 0
DaveCricket [WordPress] [PHP] Cambiare il colore del link di una pagina attiva WordPress 3
V Cambiare colore ad un button HTML e CSS 3
Jonn [Javascript] Cambiare colore sfondo div allo scroll del mouse Javascript 3
V Aiuto su Stile CSS cambiare colore ad un modulo Joomla 1
R Vertex Template (jommla2.5): cambiare colore dell'header Joomla 12
A Cambiare colore bottone app Android Sviluppo app per Android 1
Trapano Cambiare colore ad un td se il campo XXX è = a XXX PHP 10
D cambiare colore al testo il float PHP 1
Z Cambiare colore alla finestra degli avvisi CMS (Content Management System) 1
Shyson Cambiare colore font nel campo Javascript 26
V Cambiare il colore della pagina con js [era: html con js] Javascript 11
B Cambiare colore riga dati estratti da mysql PHP 24
A Cambiare colore testo ??? Javascript 0
D Cambiare colore di un testo modificando php PHP 3
I Cambiare colore caratteri in echo PHP 1
S Mi aiutate a cambiare il colore di sfondo dei post ? HTML e CSS 2
P cambiare colore fondo (sfumato) Flash 3
U pannellino per cambiare colore alle pagine tramite css e JS Javascript 6
GennyX Cambiare colore alla tabella HTML e CSS 5
max1850 Fireworks: cambiare il colore di uno stile Webdesign e Grafica 9
G Come cambiare in Excel il colore cella attiva? Windows e Software 0
Eugene Cambiare colore sfondo DIV HTML e CSS 2
A cambiare il colore sfondo a tutto il sito HTML e CSS 6
F cambiare colore al passaggio del mouse HTML e CSS 1
F Url dinamiche da cambiare con categoria, subcategoria e title PHP 2
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
M Cambiare pennello a lavoro completo Photoshop 0
R Cambiare il nome dell'immagine dopo caricamento ftp HTML e CSS 0
Y cambiare sfondo di una pagina Javascript 1
E Cambiare lingua in Elements per Mac Mac e Software 2
R Non riesco a cambiare l'immagine di sfondo PHP 4
K Cambiare font size su echo stringa variabile PHP 24
V [PHP Symphony] Cambiare da ApcCache ad OpCache PHP 4
P Cambiare visualizzazione con JS Javascript 1
Web93 CAMBIARE TAG POST TITOLO DA H2 A H1 WordPress 1
L [PHP] cambiare gli if in un url semplice PHP 1
Domenico_Falco1 Cambiare url in un sito con pagine dinamiche Ajax 4
L Cambiare classi solo scroll up jQuery 2
Topografo Buon 2019 (Tutti gli altri hanno scritto "Salve a tutti", cerchiamo di cambiare) Presentati al Forum 1
joomeph Cambiare Nome Utente Supporto Mr.Webmaster 3
M [Visual Basic] Cambiare lo stato in checked delle checkbox richiamando dati dal database Visual Basic 6
Koboshi Cambiare il css di una pagina con tasto "on off" HTML e CSS 5
Licantropo [MySQL] Cambiare le date MySQL 4
B [Javascript] Cambiare classe ed aggiornare relativi eventi Javascript 3
L Cambiare nome pagina facebook Annunci servizi di Social Media Marketing 4
P [HTML] Wordpress - cambiare font di un tema WordPress 1
L APPARECCHIO VOIP DA CAMBIARE Adsl e Connettività 0
T cambiare formato in uscita timestamp Database 0

Discussioni simili