Impostazioni miniatura

Cattura lista di controllo dell'inserimento.

Caratteristiche PRO:
Impostazioni miniatura è una funzionalità disponibile nella versione a pagamento (enBlocks PRO); questo pannello non è disponibile per Versione gratuita.

Sovrapposizione

Potrebbe differire leggermente dall interfaccia reale.

Punti:
Imposta un livello di colore sull'elemento Sfondo. Utile per regolare la leggibilità di foto e video.

Cosa cambia questa impostazione:
Può rendere il testo più leggibile uniformando le differenze di luce e buio nel soggetto.

Consigli per la regolazione:
È meno probabile che si verifichino rotture se si decide prima la densità in un singolo colore e si espande a Gradiente solo se necessario.

Impostazioni.

• Coloree / Gradiente: impostare un singolo colore o Gradiente e regolare la rappresentazione Sfondo.
• Opacità: impostare Opacità per regolare la visibilità complessiva dell'elemento.
• Modalità di fusione: imposta la modalità di fusione e regola la sovrapposizione con Sfondo.
• Responsivo Switching: attiva le impostazioni individuali specifiche del dispositivo e impedisce il collasso di Visualizzazione.

** Sovrapposizione in Miniatura è solo Applica sopra MiniaturaImmagine (indipendente da Sovrapposizione in PulsanteSfondo). Hover.

Immagine.

Potrebbe differire leggermente dall interfaccia reale.

Punti:
Impostare il metodo Immagine o Visualizzazione del video. L'adattamento, la posizione e la ripetizione possono cambiare in modo significativo l'aspetto del video.

Cosa cambia questa impostazione:
Il fascino dello stesso materiale può cambiare drasticamente a seconda dell'impostazione.

Consigli per la regolazione:
Una sequenza efficace consiste nel decidere prima l'adattamento, poi regolare la posizione e infine rifinire la leggibilità con Opacità e Sovrapposizione.

Voci di impostazione.

• Tipo Media (Immagine / Video): selezionare il tipo di Media da utilizzare per Sfondo.
• Immagine: Selezione immagine, Ripetizione, Metodo di adattamento, Rotazione (deg), Opacità: regola la visibilità di MiniaturaImmagine e taglia il punto di richiamo.
• Responsivo Switching: abilita le impostazioni individuali specifiche del dispositivo e impedisce il collasso di Visualizzazione.

Funzione PRO (video):
Le impostazioni video per Miniatura sono disponibili nella versione a pagamento (enBlocks PRO). Se si desidera utilizzare il video URL o il video Posizione visualizzazione, è necessaria la versione PRO.

Coloree icona

Potrebbe differire leggermente dall interfaccia reale.

Punto:
Imposta il colore di base. Questo colore costituisce il fondamento della struttura del livello.

Cosa cambia questa impostazione:
L'impressione finale è determinata dalla relazione con Sovrapposizione e dal colore del testo.

Consigli per la regolazione:
La priorità va data ai colori leggibili in combinazione con il testo e Sfondo piuttosto che ai colori che si presentano bene da soli.

Voci di impostazione.

• Colore base: imposta il colore di base dell'elemento.
• Opacità: imposta lo Opacità e regola la visibilità complessiva dell'elemento.
• Modalità di fusione: seleziona la modalità di fusione e ottimizza la sovrapposizione tra Sfondo e il testo.
• Responsivo Switching: attiva le impostazioni individuali specifiche del dispositivo e impedisce il collasso di Visualizzazione.

Limitazione Coloree iconaTransizione a Hover: Miniatura di Coloree icona è un'implementazione che rende la proprietà sfondo direttamente Transizione, quindi Normale = colore singolo → Hover = Gradiente*(o viceversa), Transizione non funziona e cambia istantaneamente. Questo perché background-colour (colore singolo) e background-image: linear-gradient() (Gradiente) sono proprietà diverse nella specifica CSS e il browser non può animarle. Se sono necessarie transizioni fluide, sia Normale che Hover devono essere allineati tra loro in un unico colore o tra loro in Gradiente.

Dimensione

Potrebbe differire leggermente dall interfaccia reale.

Punti:
imposta larghezza, altezza e altre dimensioni dell'elemento tramite Dimensione icona. È utile per ottimizzare la visibilità su ogni dispositivo.

Cosa cambia questa impostazione:
L'impostazione Dimensione icona modifica la visibilità e l'impressione della stessa quantità di contenuto.

Consigli per la regolazione:
Controllare sempre gli SP singolarmente dopo la preparazione sul PC per verificare che non ci siano pieghe o margini insufficienti.

Voci di impostazione.

• Larghezza: imposta la larghezza e regola la larghezza dell'area Visualizzazione.
• Altezza: imposta la Altezza e regola il senso di densità e visibilità dell'elemento.
• Responsivo Switching: abilita le impostazioni individuali specifiche del dispositivo e impedisce il collasso di Visualizzazione.

Bordo

Potrebbe differire leggermente dall interfaccia reale.

Imposta il colore, lo spessore e il tipo di linea del bordo che definisce il contorno di Pulsante e lo rende riconoscibile come elemento cliccabile.

Cosa cambia questa impostazione:
Ha l'effetto di rendere il bordo più chiaro, anche nei progetti con colori Sfondo più chiari.

Consigli per la regolazione:
Un bordo troppo spesso indebolisce l'insistenza del testo, quindi è più facile gestirlo iniziando con circa 1px.

Impostazioni.

• Bordo (ON/OFF): attiva/disattiva il bordo e determina se il contorno è enfatizzato o meno.
• Coloree: imposta il colore e regola la visibilità e la conformità al design dell'elemento.
• Larghezza: imposta la larghezza e regola l'estensione dell'area Visualizzazione.
• Stile: seleziona Stile e regola la visibilità di linee e decorazioni.
• Responsivo Switching: abilita le impostazioni individuali specifiche del dispositivo e impedisce il collasso di Visualizzazione.

Raggio bordo

Potrebbe differire leggermente dall interfaccia reale.

Punti:
Imposta la rotondità degli angoli dell'elemento; il tono Marchi (duro/morbido) può essere regolato a livello di impressione.

Cosa cambia questa impostazione:
Il valore Raggio bordo modifica l'aspetto in proporzione a PulsanteDimensione icona.

Consigli per la regolazione:
Puntare a circa il 20-35% di Altezza per ottenere un equilibrio che non sia né troppo rotondo né troppo duro.

Voci di impostazione.

• Raggio del bordo: imposta il raggio Raggio bordo e regola l'impressione dell'elemento.
• Responsivo Switching: abilita le impostazioni individuali specifiche del dispositivo e impedisce il collasso di Visualizzazione.

Posizione

Potrebbe differire leggermente dall interfaccia reale.

Punto:
Imposta la posizione di inserimento dell'elemento. È possibile controllare la sovrapposizione e la distanza dagli elementi circostanti.

Cosa cambia questa impostazione:
L'impostazione della posizione è un elemento molto influente in quanto può causare il fallimento di Layout.

Consigli per la regolazione:
È più facile da mantenere se Relativo viene stabilito per primo e Assoluto è limitato solo alle parti necessarie.

Elementi di regolazione.

• Direzione Orizzontale (sinistra / centro / destra): imposta la posizione di posizionamento in direzione Orizzontale e regola il baricentro di Layout.
• Direzione Verticale (superiore / centrale / inferiore): imposta la posizione di posizionamento in direzione Verticale e ottimizza il bilanciamento verticale.
• Commutazione Responsivo`: attiva le impostazioni individuali specifiche del dispositivo e impedisce il collasso di Visualizzazione.

Trasparente gradi.

Potrebbe differire leggermente dall interfaccia reale.

Punti:
Imposta la modalità composita con Opacità per l'intero elemento; consente di regolare la sovrapposizione con Sfondo in modo progettuale.

Cosa cambia questa impostazione:
L'impressione dello stesso colore può essere notevolmente modificata da Opacità e Sfumatura.

Consigli per la regolazione:
Se la leggibilità è ridotta, correggere prima il colore del testo e il contrasto Sfondo prima di regolare l'Opacità.

Opzioni di impostazione.

• Opacità: impostare Opacità per regolare la visibilità complessiva dell'elemento.
• Modalità di fusione: imposta la modalità di fusione e regola la sovrapposizione con Sfondo.
• Responsivo Switching: attiva le impostazioni individuali specifiche del dispositivo e impedisce il collasso di Visualizzazione.