Legenda: modifica dei separatori gruppi


Tutorial Legenda: modifica dei separatori gruppi

Messaggio Da Sogniriflessi il Mar 21 Lug 2015 - 16:20

Legenda: modifica dei separatori gruppi


Ciao!  

Questo tutorial vi permetterà di modificare le parentesi che separano i gruppi nella legenda. Il tutorial  funziona su tutte le versioni. 

Modifica del template  index_body

Vai in: Pannello di amministrazione > Visualizzazione > Template > Generale cerca  index_body e clicca sulla rotellina gialla .

Cerca:
Codice:
{GROUP_LEGEND}

e sostituiscilo con:
Codice:
<span id="groupLegend">{GROUP_LEGEND}</span>

Salva le modifiche :new: e pubblica il template 

Editare il Foglio di stile CSS

Vai in: Pannello di amministrazione> Visualizzazione > Colori > Foglio di stile CSS e aggiungi il seguente codice:

Codice:
#groupLegend { font-size:0 }
#groupLegend b { font-size:11px }
#groupLegend b:after { content:" • " }
#groupLegend b:last-child:after { content:"" }

Dopo aver aggiunto il codice vedrai al posto delle parentesi quadre [] un punto .

Modifiche

Per sostituire il punto con un altro simbolo basta modificare questa parte del codice:
Codice:
#groupLegend b:after { content:" • " }


Se si desidera aggiungere un cuore al posto del un punto,allora il codice di cui sopra sarà sostituito dal seguente:
Codice:
#groupLegend b:after { content:" ♥ " }

Per dare un colore al simbolo scelto basta aggiungere il seguente codice:
Codice:
#groupLegend { color:#F00 }

Sostituire il codice #F00 con quello che corrisponde al colore che più ti piace. Sostituirlo è semplice,troverai un selettore di colore qui:http://colorpicker.com/

Questa è la leggenda classica:


Ecco invece come si presenterà con le modifiche apportate:



Buon divertimento!  




Vi aspettiamo nel servizio grafico di Forumattivo!

avatar
Sogniriflessi
Creattiva
Creattiva

Sesso : Femminile
Età : 45
Messaggi : 906
Località : lamezia terme


http://unmondodigrafica.forumattivo.it
Sogniriflessi è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum