Aspetto e stile

Sfondo

La funzione Sfondo permette di applicare uno sfondo a qualsiasi oggetto (Sezione, contenuto, immagine, testo, slider, ecc...). È possibile applicare uno Sfondo scegliendo tra diverse opzioni:

  • Colore: questa opzione permette di impostare uno Sfondo colorato, scegliendo dalla tavolozza dei colori o creando un colore personalizzato.
  • Opacity: questa opzione permette di impostare un parametro (compreso tra 0,1 e 1) di trasparenza per il solo Sfondo con Colore. Questa funzione può essere utilizzata nel caso in cui si voglia far intravedere un oggetto sottostante, mentre è sconsigliato utilizzarla per schiarire il colore di sfondo utilizzato. In quel caso è preferibile impostare direttamente un colore più chiaro direttamente dalla funzione “Colore”.
  • Immagine: questa opzione permette di impostare una fotografia di sfondo. È possibile modificare i seguenti parametri relativi all’immagine di sfondo:
  • Dimensione: questa opzione permette di modificare la dimensione dell’immagine di sfondo, e quindi la porzione della foto che viene visualizzata, scegliendo dal menu a tendina tra le quattro opzioni “Auto” “100%” “Copertina” “Contenuto”. A seconda della dimensione dell’immagine originale e della grandezza dell’oggetto verrà visualizzata una porzione di immagine differente. Si consiglia di provare le quattro diverse impostazioni per trovare quella migliore.
  • Ripeti: questa opzione permette di impostare la ripetizione dell’immagine di sfondo scegliendo dal menu a tendina tra le opzioni “Ripeti”, “Ripeti orizzontalmente” “Ripeti verticalmente”. Selezionando “Non ripetere”, l’immagine verrà mostrata una sola volta. Posizione orizzontale: Questa opzione permette di spostare l’immagine di sfondo sull’asse orizzontale. Dal menu a tendina è possibile scegliere una tra le opzioni “Centro”, “Destra” o “Sinistra” a seconda della porzione di foto che si vuole visualizzare.
  • Allegato: questa opzione permette di modificare la visualizzazione dell’immagine. Selezionando dal menu a tendina la voce “Fisso”, l’immagine rimarrà fissa nella posizione desiderata allo scorrimento della pagina. Selezionando la voce “Scorrimento”, l’immagine scorrerà verso l’alto o il basso insieme alla pagina, modificando quindi la porzione di foto visualizzata.
  • Video: questa opzione permette di impostare un video di sfondo. È consigliabile utilizzare come sfondo un video della durata massima di 20 secondi. È possibile modificare i seguenti parametri relativi all’immagine di sfondo:
  • Posizione: questa opzione permette di spostare il video di sfondo. Dal menu a tendina è possibile scegliere una tra le opzioni “Centro”, “Alto” o “Basso” a seconda della porzione di video che si vuole visualizzare.
  • Loop: questa opzione permette di impostare la riproduzione non-stop del video.
  • Silenzia audio: questa opzione permette di abilitare la riproduzione del video silenziato, ovvero con la funzione “Audio” disabilitata.

Bordo

La funzione Bordo permette di applicare un bordo a qualsiasi oggetto (Sezione, contenuto, immagine, testo, slider, ecc...), utilizzando un parametro numerico compreso tra 1 e 10 in base allo spessore che si vuole ottenere.

È comunque possibile scegliere di applicare il Bordo anche solo a uno o più lati dell’oggetto in lavorazione scegliendo tra le opzioni:

  • Bordo: viene creata una bordatura su ogni lato dell’oggetto selezionato.
  • Bordo superiore: in questo caso il bordo viene aggiunto solo nella parte superiore dell’oggetto.
  • Bordo inferiore: in questo caso il bordo viene aggiunto solo nella parte inferiore dell’oggetto.
  • Bordo sinistro: in questo caso il bordo viene aggiunto solo nella parte sinistra dell’oggetto.
  • Bordo destro: in questo caso il bordo viene aggiunto solo nella parte destra dell’oggetto.

È possibile modificare il colore del bordo cliccando sulla casella “Colore” e scegliendo dalla tavolozza dei colori o creando un colore personalizzato. Il bordo viene infatti generato in automatico nel colore nero.

È inoltre possibile impostare diverse tipologie di bordo in base all’effetto che si vuole creare, scegliendo tra diverse alternative:

  • Nessuno: questa opzione permette di attivare la funzione Bordo, ma non viene inserito alcun bordo all’oggetto selezionato. È quindi necessario impostare uno degli effetti descritti in seguito.
  • Punteggiato: questa opzione permette di inserire un bordo composto da una lunga serie di puntini allineati.
  • Tratteggiato: questa opzione permette di inserire un bordo composto da una lunga serie di trattini allineati.
  • Continuo: questa opzione permette di inserire un bordo composto da un’unica linea continua.
  • Doppio: questa opzione permette di inserire un bordo composto da due linee continue. Aumentando lo spessore del bordo, le due linee appariranno più o meno distanziate e spesse.
  • Scanalato: questa opzione permette di inserire un bordo caratterizzato da due linee continue, una più scura e una più chiara. In questo modo è possibile creare una sorta di effetto “incavato”.
  • Rilievo: questa opzione permette di inserire un bordo caratterizzato da due linee continue, una più scura e una più chiara opposte all’effetto “Scanalato”. In questo modo è possibile creare una sorta di effetto “in rilievo”.
  • Concavo: questa opzione permette di inserire un bordo caratterizzato da una linea continua, che risulta più scura sul lato sinistro e in alto e più chiara sul lato destro e in basso. In questo modo è possibile creare un effetto in prospettiva.
  • Convesso: questa opzione permette di inserire un bordo caratterizzato da una linea continua, che risulta più chiara sul lato sinistro e in alto e più scura sul lato destro e in basso. In questo modo è possibile creare un effetto in prospettiva.

Ombra

La funzione Ombra permette di inserire un’ombreggiatura intorno all’oggetto selezionato. Questa funzione si utilizza per dare particolare enfasi ad alcuni oggetti, in modo da farli risaltare maggiormente rispetto allo sfondo. Una volta attivata la funzione, possibile regolarla tramite una serie di parametri:

  • Compensazione orizzontale (offset): questa voce permette di stabilire quanto l’ombra si espande orizzontalmente rispetto all’oggetto.
  • Compensazione verticale (offset): questa voce permette di stabilire quanto l’ombra si espande verticalmente rispetto all’oggetto.
  • Raggio sfocatura: questa voce permette di stabilire quanto deve essere sfocato il colore dell’ombra.
  • Raggio diffusione: questa voce permette di stabilire quanto grande deve essere l’ombra al di sotto dell’oggetto.
  • Colore: questa voce permette di stabilire il colore dell’ombra. ATTENZIONE! Trattandosi di un’ombra il colore verrà "opacizzato” e apparirà pertanto più chiaro del colore scelto.

Stile

La funzione Stile è una modifica che può essere apportata agli oggetti Slider e Icona. Nel caso dell’oggetto Slider permette di modificare gli indicatori di posizione all’interno dello Slider. È possibile modificare lo Stile dello Slider scegliendo tra diverse opzioni, selezionabili attraverso un menu a tendina:

  • Frecce tipo 1: l’opzione “Frecce tipo 1” conferisce agli indicatori l’aspetto di due piccole frecce posizionate a destra e sinistra dello slider.
  • Pallini tipo 1: l’opzione “Pallini tipo 1” conferisce agli indicatori l’aspetto di piccoli pallini, tutti della stessa dimensione, posizionati in basso e al centro dello slider. Tante sono le schede contenute nello slider, tanti saranno i pallini degli indicatori.
  • Pallini tipo 2: l’opzione “Pallini tipo 2” conferisce agli indicatori l’aspetto di piccoli pallini posizionati in basso e al centro dello slider. L’indicatore della slide visualizzata assume una dimensione leggermente più grande. Tante sono le slide contenute nello slider, tanti saranno i pallini degli indicatori.

Nel caso dell’oggetto Icona, invece, la funzione Stile permette di inserire una linea al centro dell’icona, la cui lunghezza può essere modificata utilizzando la funzione Larghezza. È possibile modificare lo Stile di un’Icona scegliendo tra diverse opzioni, selezionabili da un menu a tendina:

  • Predefinito: questa opzione permette di inserire un’Icona senza alcuna linea. In questo modo è possibile visualizzare la sola Icona.
  • Barrato: questa opzione permette di inserire un’Icona che al suo interno presenta una linea, la cui lunghezza può essere modificata utilizzando la funzione Larghezza. Questa opzione risulta utile quando un’Icona viene utilizzata al di sotto di un titolo o tra vari blocchi di testo. In questo caso l’Icona con una linea funge da divisorio tra un titolo e un testo oppure tra un testo e l’altro.

Questa funzione è disponibile per gli oggetti:

  • Slider
  • Icona

Filtri

La funzione Filtri permette di apportare dei filtri all’Immagine. In questo modo è possibile modificarla direttamente dalla piattaforma, senza doverla esportare e modificare con un tool esterno. È possibile modificare i seguenti parametri:

  • Sfocatura: questa opzione permette di applicare una sfocatura all’Immagine selezionata. Mediante la barra di controllo è possibile stabilire l’intensità della modifica.
  • Luminosità: questa opzione permette di modificare la luminosità dell’Immagine selezionata. Mediante la barra di controllo è possibile rendere l’immagine più scura o più luminosa.
  • Contrasto: questa opzione permette di modificare i contrasti dell’Immagine selezionata, rendendoli più o meno netti. Mediante la barra di controllo è possibile stabilire l’intensità della modifica.
  • Scala di grigio: questa opzione permette di modificare l’immagine, modificando i colori aumentando i grigi, fino a un effetto bianco e nero. Mediante la barra di controllo è possibile stabilire l’intensità della modifica.
  • Rotazione tonalità: questa opzione permette di modificare i colori dell’Immagine selezionata, ruotandoli dallo stadio di partenza. Mediante la barra di controllo è possibile stabilire l’intensità della modifica.
  • Inverti: questa opzione permette di invertire i colori dell’Immagine selezionata, fino a scambiarli completamente. In questo caso, il bianco diventerà nero e viceversa. Mediante la barra di controllo è possibile stabilire l’intensità della modifica.
  • Opacità: questa opzione permette di applicare un effetto di opacità all’Immagine selezionata. Mediante la barra di controllo è possibile stabilire l’intensità della modifica.
  • Saturazione: questa opzione permette di modificare la saturazione dell’Immagine selezionata. Mediante la barra di controllo è possibile stabilire l’intensità della modifica.
  • Effetto seppia: questa opzione permette di applicare un effetto seppia all’Immagine selezionata, aumentando la percentuale di giallo della foto. Mediante la barra di controllo è possibile stabilire l’intensità della modifica.

Questa funzione è disponibile per gli oggetti:

  • Immagine

Colori indicatori

La funzione Colore indicatori permette di personalizzare i colori degli indicatori dello Slider. È possibile modificare il colore degli indicatori dello Slider scegliendo tra diverse opzioni:

  • Colore: questa opzione permette di modificare il colore degli indicatori scegliendo dalla tavolozza dei colori o creando un colore personalizzato.
  • Opacity: questa opzione permette di modificare il colore degli indicatori dello Slider inserendo un parametro di trasparenza.
  • Immagine: questa opzione permette di modificare il colore degli indicatori dello Slider inserendo un’immagine a scelta all’interno dei pallini. Questa opzione è valida solo per gli Stili “Pallini tipo 1” e “Pallini tipo 2”, mentre non si applica per lo Stile “Frecce tipo 1”.

Questa funzione è disponibile per gli oggetti:

  • Slider

Icona

La funzione Icona permette di apportare alcune modifiche all’Icona. È possibile modificare l’Icona scegliendo tra diverse opzioni, selezionabili da un menu a tendina:

  • Colore: questa opzione permette di modificare il colore dell’Icona, scegliendo dalla tavolozza dei colori o creando un colore personalizzato.
  • Dimensione: questa opzione permette di modificare la dimensione dell’Icona. È possibile impostare grandezze diverse per i vari dispositivi di visualizzazione.

Questa funzione è disponibile per gli oggetti:

  • Icona