-
Nicoxys
| .
|
Senior Member
- Group
- Staff
- Posts
- 11,635
- Reputation
- +1,780
- Status
- Anonymous
|
|
CITAZIONE (Roccia89 @ 23/10/2013, 20:54) Ottimo script Nico, avrei una domanda anche se banale, al posto dei classici bottoni della tagboard, si potrebbe sostituire con un immagine bottone ? Se si come dovrei fare ? Grazie in anticipo Nico (:
Ti faccio un'esempio pratico, a parere mio rende meglio di mille parole. Per fare quello che vuoi, bisogna usare la proprietà CSS content.
Se io volessi cambiare il bottone per il grassetto con un immagine, ecco cosa dovrei fare:
CODICE #tagboard_bbcode .codebuttons:nth-child(5) {
visibility: hidden;
}
#tagboard_bbcode .codebuttons:nth-child(5)::before {
visibility: visible !important;
content: url(LINK_IMMAGINE);
}
Analizziamo il codice: Inanzitutto ho usato il ntd-child(5) poiché il tasto del grassetto è il quinto tasto a partire da sinistra.
CODICE #tagboard_bbcode .codebuttons:nth-child(5) {
visibility: hidden;
}
Con questa prima parte del codice ho detto che quel tasto non doveva esserci.
CODICE #tagboard_bbcode .codebuttons:nth-child(5)::before {
visibility: visible !important;
content: url(LINK_IMMAGINE);
}
Con questa seconda parte del codice, ho detto al browser che prima di quel tasto ci sarebbe dovuta essere un immagine visibile. Ovviamente dovrai sostituire LINK_IMMAGINE con, appunto, il link dell'immagine voluta.
Cosi si ottiene l'effetto che vuoi, dimmi se non ti è chiaro qualcosa.
|
|
|
| .
|
34 replies since 19/10/2013, 17:25 6618 views
.