Legenda: modifica dei separatori gruppi

Da **Sogniriflessi** 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 Legenda: modifica dei separatori gruppi 1625916392

Legenda: modifica dei separatori gruppi 1625916392

.

Cerca:

Codice:: {GROUP_LEGEND}

e sostituiscilo con:

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

Salva le modifiche :new:

e pubblica il template Legenda: modifica dei separatori gruppi 1311314484

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:
Legenda: modifica dei separatori gruppi Captur10

Legenda: modifica dei separatori gruppi Captur10

Ecco invece come si presenterà con le modifiche apportate:
Legenda: modifica dei separatori gruppi Captur11

Buon divertimento! Legenda: modifica dei separatori gruppi 3570407270