¶ Generale
Lo stile consente di modificare i parametri predefiniti utilizzati per il rendering del contenuto in una zona.
Ad esempio, puoi modificare il colore del carattere, la dimensione o la velocità di un feed RSS.
Per farlo si definisce uno stile personalizzato per ogni zona che si desidera personalizzare.
¶ Procedura
¶ 1.Aprire editor di layout
- Aprire il layout in modifica e seleziona la parte del layout che si desidera personalizzare.
-
Fare clic sull'icona SVG nell'angolo in alto a sinistra per aprire la Sorgente del layout
-
Identifica la zona che si desidera modificare abbinando l'ID nella barra degli strumenti :
con lo stesso nell'editor svg:
¶ 2.Cambiare lo stile per il tipo specifico di contenuto
- Identifica il tag
<xpdam:essence>con il tipo di contenuto che desideri modificare.
ad esempio:
<xpdam:essence >video</xpdam:essence> è per video.
Se il tuo tipo di contenuto non è presente nell'elenco, chiudi l'editor SVG e abilita il tuo tipo utilizzando la barra degli strumenti del tipo
- Aggiungere – se non presente – o aggiornare l'attributo esistente
xpzone:style=”…”con gli stili disponibili per lo specifico tipo di contenuto
L'elenco completo per ogni tipo di contenuto è disponibile all'articolo Layout editor: stili disponibili per i contenuti.
Questo è un esempio per modificare il rendering di un RSS con trasparenza di zona
Stile sulla zona:
Impostare la trasparenza della zona utilizzando l'attributo fill-opacity sulla zona (tag rect) o utilizzare lo strumento nell'editor di layout
<rect xpzone:zonetype=”Media” id=”RSS” height=”60″ width=”1920″ y=”1008″ x=”0″ stroke-linecap=”null” stroke-linejoin=”null” stroke-dasharray=”null” stroke-width=”6″ fill=”#ff0000″ fill-opacity=”0.75″ stroke=”#000000″>
Stile su feedrssuri essence:
<xpdam:essence xpzone:style=”tags=d;date-format=;time-format=%H:%M:%S;time-font=Calibri;time-style=none;time-size=40;time-color=#000000;time-align=center;tagdescription-font=Calibri;tagdescription-size=40;tagdescription-color=#FFFFFF;time-color=#000000;change-feed=scroll;speed=8;orientation-feed=horiz;update-feed=300” >feedrssuri</xpdam:essence>
Risultato:
¶ 3.Salvare
Al termine, salva il layout e risincronizza l'agenda dell'ambiente ripubblicando.