GNU/Linux >> Linux Esercitazione >  >> Panels >> cPanel

Come applicare uno stile ai singoli elementi in InstantSite

Nota: Questa guida è per InstantSite legacy acquistata prima del 18 agosto 2020. Se hai il nostro nuovo InstantSite consulta le guide specifiche per il nostro nuovo builder trovato qui.

Ogni elemento in InstantSite può essere personalizzato per soddisfare le tue esigenze. Questa guida è progettata per mostrare ai clienti LCN InstantSite come applicare uno stile ai singoli elementi.

Iniziamo...

Sfondo

Non tutti i siti Web hanno sfondi bianchi. Lo sfondo l'opzione ti consente di cambiare il colore di sfondo di un elemento o persino di aggiungere un'immagine come sfondo.

  1. Fai clic sull'elemento che desideri modificare.
  2. Fai clic su Impostazioni icona.
  3. Fai clic su Sfondo .
  4. Per cambiare il colore dello sfondo;
    • Fai clic sul Colore opzione
    • Scegli da un colore predefinito a sinistra o scegli un colore personalizzato utilizzando lo strumento di selezione del colore.

  5. Per aggiungere un'immagine di sfondo;
    • Fai clic su Scegli immagine
    • Scegli un'immagine da Le mie immagini , Immagini modello o Immagini gratuite di InstantSite . Se non riesci a trovare un'immagine che ti piace, carica semplicemente la tua facendo clic su Carica immagine e scegliendo un'immagine dal tuo computer.
    • Dopo aver selezionato l'immagine, fai clic su Conferma .

Allineamento

L'allineamento semplifica lo stile del tuo elemento. Puoi scegliere di allineare il tuo elemento a sinistra, al centro o a destra.

  1. Fai clic sull'elemento che desideri modificare.
  2. Fai clic su Impostazioni icona.
  3. Fai clic su Allineamento .
  4. Scegli Allinea a sinistra , Allinea al centro o Allinea a destra .

imbottitura

Il riempimento ti consente di generare spazio attorno al tuo contenuto (all'interno del bordo). Ciò ti consente di posizionare un elemento e il suo contenuto esattamente dove lo desideri.

  1. Fai clic sull'elemento che desideri modificare.
  2. Fai clic su Impostazioni icona.
  3. Fai clic su Padding .
  4. Puoi aggiungere padding individuale nella parte superiore, inferiore, sinistra e destra di un elemento; facendo clic sul lato che desideri modificare e utilizzando il cursore per aumentare e diminuire il padding.
  5. Puoi aggiungere padding su tutti i lati contemporaneamente; facendo clic al centro dell'opzione di riempimento e utilizzando il cursore per aumentare e diminuire il riempimento.

Nota Puoi scegliere di applicare il riempimento in px (pixel) o in % (percentuale). Ti consigliamo di utilizzare la percentuale quando applichi il riempimento, in quanto ciò consentirà al riempimento di cambiare a seconda della larghezza del dispositivo.

Confine

L'opzione bordo consente di aggiungere e modificare la larghezza di un bordo. Ti consente anche di arrotondare i bordi dei bordi usando il raggio del bordo.

  1. Fai clic sull'elemento che desideri modificare.
  2. Fai clic su Impostazioni icona.
  3. Fai clic su Confine .
  4. Puoi aggiungere un singolo bordo in alto, in basso, a sinistra ea destra di un elemento; facendo clic sul lato che desideri modificare e selezionando lo stile, la larghezza e il colore del bordo.
  5. Puoi anche aggiungere bordi su tutti i lati contemporaneamente; facendo clic sull'opzione del bordo centrale e selezionando lo stile, la larghezza e il colore dei bordi.

Immagine, Pulsante, Icona

I collegamenti possono essere utilizzati per accedere ad altri contenuti del tuo sito Web o per collegarti a un'altra pagina o articolo su un altro sito Web.

  1. Fai clic sull'elemento che desideri modificare.
  2. Fai clic su Impostazioni icona.
  3. Fai clic su Collega .
  4. Per creare un collegamento a un sito Web esterno, fai clic su Esterno quindi inserisci l'URL della pagina a cui desideri collegarti nell'URL campo.
  5. Per collegarti a una pagina interna di InstantSite, fai clic su Interno e scegli la pagina a cui desideri collegarti dalla Pagina menu a discesa.

Nota per impostazione predefinita, la pagina a cui ti stai collegando si aprirà in una nuova scheda del browser. Se preferisci che la pagina venga reindirizzata a questo link, deseleziona semplicemente il Link Apri in una nuova scheda opzione.

Sfondo

Non tutti i siti Web hanno sfondi bianchi. Lo sfondo l'opzione ti consente di cambiare il colore di sfondo di un elemento o persino di aggiungere un'immagine come sfondo.

  1. Fai clic sull'elemento che desideri modificare.
  2. Fai clic su Impostazioni icona.
  3. Fai clic su Sfondo .
  4. Per cambiare il colore dello sfondo;
    • Fai clic sul Colore opzione
    • Scegli da un colore predefinito a sinistra o scegli un colore personalizzato utilizzando lo strumento di selezione del colore.

  5. Per aggiungere un'immagine di sfondo;
    • Fai clic su Scegli immagine
    • Scegli un'immagine da Le mie immagini , Immagini modello o Immagini gratuite di InstantSite . Se non riesci a trovare un'immagine che ti piace, carica semplicemente la tua facendo clic su Carica immagine e scegliendo un'immagine dal tuo computer.
    • Dopo aver selezionato l'immagine, fai clic su Conferma .

Allineamento

L'allineamento semplifica lo stile del tuo elemento. Puoi scegliere di allineare il tuo elemento a sinistra, al centro o a destra.

  1. Fai clic sull'elemento che desideri modificare.
  2. Fai clic su Impostazioni icona.
  3. Fai clic su Allineamento .
  4. Scegli Allinea a sinistra , Allinea al centro o Allinea a destra .

Imbottitura

Il riempimento ti consente di generare spazio attorno al tuo contenuto (all'interno del bordo). Ciò ti consente di posizionare un elemento e il suo contenuto esattamente dove lo desideri.

  1. Fai clic sull'elemento che desideri modificare.
  2. Fai clic su Impostazioni icona.
  3. Fai clic su Padding .
  4. Puoi aggiungere padding individuale nella parte superiore, inferiore, sinistra e destra di un elemento; facendo clic sul lato che desideri modificare e utilizzando il cursore per aumentare e diminuire il padding.
  5. Puoi aggiungere padding su tutti i lati contemporaneamente; facendo clic al centro dell'opzione di riempimento e utilizzando il cursore per aumentare e diminuire il riempimento.

Nota Puoi scegliere di applicare il riempimento in px (pixel) o in % (percentuale). Ti consigliamo di utilizzare la percentuale quando applichi il riempimento, in quanto ciò consentirà al riempimento di cambiare a seconda della larghezza del dispositivo.

Confine

L'opzione bordo consente di aggiungere e modificare la larghezza di un bordo. Ti consente anche di arrotondare i bordi dei bordi usando il raggio del bordo.

  1. Fai clic sull'elemento che desideri modificare.
  2. Fai clic su Impostazioni icona.
  3. Fai clic su Confine .
  4. Puoi aggiungere un singolo bordo in alto, in basso, a sinistra ea destra di un elemento; facendo clic sul lato che desideri modificare e selezionando lo stile, la larghezza e il colore del bordo.
  5. Puoi anche aggiungere bordi su tutti i lati contemporaneamente; facendo clic sull'opzione del bordo centrale e selezionando lo stile, la larghezza e il colore dei bordi.

Questo è tutto! Ora sai come dare uno stile a tutti gli elementi di InstantSite.


cPanel
  1. Come modificare lo stile del cPanel

  2. Come configurare i sottodomini in cPanel

  3. Come modificare lo stile del cPanel

  4. Come modificare un modello di InstantSite

  5. Come modificare le impostazioni del tuo sito utilizzando InstantSite

Come abilitare la protezione antispam in cPanel

Come eseguire il backup del tuo sito web in cPanel

Come cambiare lo stile in cPanel?

Come centrare un elemento in InstantSite

Come rinominare una tabella in phpMyAdmin

Come scegliere il tema cPanel (stile)