Modifica il tuo temi in SmugMug, che è un premium condivisione di foto e società di hosting, è un'opzione disponibile solo per gli utenti di potere del servizio e Pro conti. Il conto di base consente a un utente di modificare il layout del sito SmugMug, ma un utente non può modificare direttamente il tema. Gli account SmugMug Power e Pro consentono di modificare il tuo tema utilizzando lo strumento facile Customizer, che non richiede alcuna conoscenza preliminare di codice Web. I conti di potenza e Pro consentono anche di modificare tramite lo strumento avanzato Customizer, che consente di inserire il custom HTML, JavaScript e CSS o fogli di stile CSS.

Istruzioni

Modifica tramite facile Customizer

1

Fare clic sull'opzione di barra di menu "Strumenti", che visualizza un'icona di "martello" sulla barra dei menu. Con il cursore, selezionare "Facile Customizer".

2

Fare clic sull'opzione "Aspetto di base" si trova sulla destra e clicca sul pulsante "Dark" o "Light" per visualizzare il tuo sito con un oscuro o sfondo bianco, rispettivamente.

3

Fare clic sull'opzione "Browser" e digitare un nome per il tuo sito SmugMug (che verrà visualizzato quando visualizzati su un motore di ricerca) nel campo "Titolo pagina". Fare clic sul campo "Favicon" e clicca su "Scegli immagine" per caricare una Favicon personalizzata (quest'ultima che verrà visualizzato su schede del browser).

4

Fare clic sull'opzione "Intestazione". Nell'opzione del menu "Banner personalizzato", selezionare "Seleziona immagine" per caricare un'immagine di intestazione personalizzata al tuo sito Web SmugMug oppure selezionare "Testo" per visualizzare il testo invece. Se si seleziona "Testo", digitare un nome per il tuo sito nel campo "Testo" e regolare il colore, allineamento e carattere del testo nei campi appropriati sotto.

5

Selezionare la casella accanto a "Aggiungi una barra di navigazione" nella sezione "Barra di navigazione", che si trova sotto la sezione "Banner personalizzato", per inserire una barra di navigazione personalizzata sul vostro sito Web.

6

Selezionare "Sopra" "Basso", "a sinistra" o "a destra di" all'opzione di menu "il mio banner" per selezionare dove viene visualizzata la barra di navigazione in relazione verso il tuo banner personalizzato.

7

Fare clic sull'opzione "Sfondo" e poi spunta la casella "utilizza sfondo personalizzato" per modificare o cambiare l'immagine di sfondo del vostro tema. Nel campo "Tipo", selezionare "Colore" per scegliere un colore di sfondo specifico per il vostro tema o "Scegli immagine" per inserire un'immagine per lo sfondo del vostro tema.

8

Selezionare "Ripetere orizzontalmente," "Ripetere verticalmente," "Affianca" o "No" l'opzione di menu "Ripetere" per avere l'immagine di sfondo visualizzata ripetutamente in righe, colonne, ripetuto o non ripetuto in tutto il tuo sfondo di siti Web, rispettivamente. Selezionare "Alto a sinistra," "Top Center", "Top Right" o "Default" per posizionare allineare l'immagine di sfondo al tuo sito Web.

9

Fare clic sull'opzione "Testo", quindi spunta la casella "USA Custom Font e colori" per modificare il tipo di carattere e il colore dei link, titoli e contenuti al momento il tuo tema di SmugMug.

10

Fare clic sull'opzione "Scatole", poi spunta la casella "Usa sfondo casella personalizzata" per personalizzare l'aspetto delle caselle (o sezioni) al momento il tuo tema di SmugMug e fare clic sul pulsante accanto a "Background" di scegliere un colore, o un segno di spunta la casella "Trasparente" (che consente di visualizzare il colore o l'immagine dietro la sezione del vostro tema SmugMug).

11

Fare clic su "Utilizzare bordi casella personalizzata" per regolare i colori del "bordo Top" e "Bordo inferiore" delle sezioni, oppure clicca su "None" scatole di omettere un bordo linee sopra e sotto ogni sezione.

12

Cliccare sull'opzione "Foto" e la casella "Utilizzare i bordi fotografici personalizzati". Fare clic sul pulsante "Colore bordo" per personalizzare il colore al confine con le immagini. Fare clic sul pulsante "Il colore del bordo" per modificare il colore di bordo quando un cursore si sposta sopra la tua foto.

13

Fare clic sull'opzione "Piè di pagina", quindi nella sezione "Piè di pagina personalizzato", fare clic sull'opzione di menu "Seleziona immagine" per inserire un'immagine personalizzata come piè di pagina al tuo tema o scegliere l'opzione "Text" per personalizzare il font, il colore e la dimensione del tuo piè di pagina personalizzato.

14

Collegano verso un dominio fare clic sulla "sinistra", "Centro" o "Destro" pulsanti per allineare il tuo piè di pagina sul vostro tema di SmugMug e nel tipo di campo di "Fare clic su to URL" in un link Web per avere il tuo piè di pagina. Nella sezione "Dimensioni personalizzate", immettere le dimensioni in pixel nei campi "Larghezza" e "Altezza" per regolare la larghezza e l'altezza del piè di pagina, rispettivamente.

Modifica tramite avanzate Customizer

15

Fare clic sull'opzione di barra del menu "Strumenti" e selezionare "Vai a pannello di controllo" con il cursore.

16

Fare clic sul link "Modifica" accanto al "Customizer avanzate > Site-wide. Linea quasi senza limiti".

17

Navigare verso la sezione di "Colore sfondo" e selezionare la "luce", "Scuro" o "Visualizzatore controllata" opzione per modificare il colore di sfondo del vostro tema di SmugMug.

18

Navigare verso la sezione di "Page Title" e Inserisci nel campo di testo il titolo o nome da visualizzare sulle pagine del motore di ricerca.

19

Inserire il codice CSS personalizzato nel campo di testo di grandi dimensioni sotto la sezione "CSS". Non includere i tag di "stile". Quindi nella sezione "Javascript", è possibile inserire codice JavaScript personalizzato nel campo di testo sottostante (omettendo i tag "script" che non sono richiesti da SmugMug).

20

Navigare verso la sezione di "Tag Head" e inserire qualsiasi codice personalizzato che si desidera essere visualizzati prima del tag di chiusura "testa" nel campo di testo. Omettere i tag "head" come non sono necessari qui. Nella sezione "Tag Body", inserire il tuo codice HTML personalizzato nel campo di testo.

21

Individuare la sezione "Display SmugMug Header" e selezionare "No" per nascondere l'intestazione di SmugMug predefinito nel vostro tema. Per includere l'intestazione predefinita, selezionare "Sì, di sopra della mia intestazione personalizzata" o "Sì, di sotto della mia intestazione personalizzata" per inserire l'intestazione di SmugMug sopra o sotto l'intestazione personalizzata, rispettivamente. Successivamente, nella sezione "Intestazione personalizzata", è possibile inserire codice HTML personalizzato.

22

Individuare la sezione "Piè di pagina SmugMug per Show" e selezionare "Mini" per visualizzare un piè di pagina SmugMug piccolo al momento il tuo tema. Per visualizzare il piè di pagina SmugMug completo sopra o sotto il vostro su misura piè di pagina, selezionare "Completo, sopra il mio piè di pagina personalizzato" o "Completo, sotto il mio piè di pagina personalizzato" opzioni, rispettivamente. Quindi, nella sezione "Piè di pagina personalizzato", inserire il tuo codice HTML personalizzato nel campo di testo.

23

Individuare la sezione "Fondo JavaScript" e inserire codice JavaScript personalizzato nel campo di testo. Omettere i tag "script".

24

Fare clic sul pulsante "Aggiorna" per aggiornare le modifiche apportate al proprio tema di SmugMug, o "Posta elettronica" per inviare una copia del tuo codice SmugMug al tuo indirizzo email.