-
.Icona diversa per ogni sezione
Yep! As Here! *_*
E' mezzo secolo che sbavate dietro a queste bellissime iconcine inserite al posto degli On/Off? Avete provato in tutti i modi a capire quale fosse il segreto di cotanta maestosità? Eccovelo svelato!
Ricordo che il tutorial è stato realizzato dal sottoscritto con l'autorizzazione dello staff.
Innanzitutto andate in Modifica Immagini nel pannello di amministrazione e inserite:
in C_ON e C_ON_RES il codicee in C_OFF, C_OFF_RES e C_LOCKED inseriteCODICE<div class="c_on"></div>.CODICE<div class="c_off"></div>
Poi si va in Modifica Colori e Stili e si inserisce:CODICE.board .aa div {background-position: center; background-repeat: no-repeat}
#f000000 .c_on {width: 30px; height: 30px; background-image: url(http://indirizzo_immagine.gif)}
#f000000 .c_off {width: 30px; height: 30px; background-image: url(http://indirizzo_immagine.gif); filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5}
Ovviamente il codice va usato per ogni sezione, non basta inserirlo una volta.
Andiamo ad analizzare questo codice:CODICE.board .aa div {background-position: center; background-repeat: no-repeat
non va modificato.CODICE#f000000 .c_on {width: LUNGHEZZApx; height: ALTEZZApx; background-image: url(http://indirizzo_immagine.gif)}
è il codice con cui si imposta l'icona del C_ON: dove c'è width mettiamo la lunghezza e al posto di height l'altezza, ovviamente lasciando px.
Al posto di 000000, dopo f, bisogna inserire l'ID della sezione che, ad esempio, per questa sezione è http://skinfactory.forumfree.net/?f=2924011 (dovete prendere solo il numero e non l'intero link).
Al posto di http://indirizzo_immagine.gif inserite, ovviamente, l'indirizzo della vostra icona.CODICE#f000000 .c_off {width: 30px; height: 30px; background-image: url(http://indirizzo_immagine.gif); filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5}
Stesse modifiche valgono per questo codice, l'unica differenza sta nel filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5 che serve per abbassare l'opacità, non è quindi necessario toglierla all'imagine con photoshop, potete tranquillamente inserire la stessa immagine inserita per l'ON.
Spero che il tutorial sia chiaro, per qualsiasi problema chiedete tranquillamente! ^^-------------------------
Essendo un codice non creato dal forum l'inserimento dei credits non è obbligatorio, sono però molto graditi poichè per spiegarvi come realizzare l'effetto è stato speso tempo per creare una guida dettagliata, perciò, se volete inserirli, potete utilizzare questo codice:CODICESi ringrazia per l'effetto delle icone <b>aetas</b> e lo <a href="http://skinfactory.forumfree.net/" target="_blank">Skin Factory</a>
Edited by -spiker - 8/6/2013, 13:21
. -
.
Grazie per il tutorial.
L'ho usato per il mio forum, e ho messo i credits
Le icone diverse sono carinissime.. -
Guardiano91 .
User deleted
Bellissimo! Spero non vi dia fastidio questa sorta di up, però è davvero bello! Anche se credo che non lo usoXD . -
.
Bellissimo lo userò nella skin che sto creando
Non ho messo i credit però nella tabella in fondo ho aggiunto un ringraziamento speciale allo skinfactory con link (ovviamente). -
Giornalismo .
User deleted
Scusate io ho seguito la guida ma non ci sono riuscito, ho seguito attentamente ma non mi cambia l'icona :l anzi sono state rimosse con i codici sostituiti su Grafica-immagini e poi a c_on ecc.. ho scritto tutto però poi su colori e stili nella parte delle sezioni ho scritto il codice, sostituito a #f00000 l'id della pagina e fatto tutto insomma.. ma niente . -
.
posta il codice perchè mi fa strano! . -
Giornalismo .
User deleted
Mmm codice? Comunque ti ho aggiunto su msn cosi magari ci capiamo meglio 
. -
.
scrivimi qui il codice css che usi . -
Contessa Trancy .
User deleted
Grazie *-* Mi serviva!!! . -
stabiese1994 .
User deleted
salva sono nuovo ed ho seguito la guida per cambiare l'icona per ogni segnione ma niente se potreste aiutarmi
grazie in anticipo. -
.
sei sicuro di avere fatto tutto il procedimento correttamente e di non esserti dimenticato di acmbiare gli id? comunque linka il forum dove hai il problema... . -
.
Scusate, in molti forum vedo sia l'icona on-off sia l'immagine diversa! Come mai? Esempio: http://wendyportfolio.forumcommunity.net/
Linko il mio forum (non so se serve): http://ginnasticaartsticalover.forum.forumfree.it/. -
Shalentir .
User deleted
In quel caso l'icona on/off è stata messa dal pannello "immagini" in Amministrazione, mentre le immagini diverse per ogni sezione sono le targhette, che puoi impostare in "Gestione Sezioni", sempre in Amministrazione
.
Icona diversa per ogni Sezione[ Skinning ] Come impostare un bottone ON/OFF diverso che si accende e si spegne a seconda dell'ON/OFF. |
Contacts
Web
