Nwlapcug.com


Come mantenere l'intestazione in posto su Tumblr

Come mantenere l'intestazione in posto su Tumblr


Personalizzare l'intestazione nel blog dell'organizzazione in modo che esso rimanga in luogo quando visitatori scorrere la pagina. È possibile regolare l'aspetto e la formattazione del tema del tuo blog utilizzando i tag di foglio di stile CSS nel relativo codice HTML. Quando si aggiunge la proprietà di "posizione" per il "#header {" tag, è possibile specificare la posizione dell'elemento nel tuo blog. Aggiungendo il valore "fisso" genererà l'intestazione come una scatola di posizionamento assoluto in modo è possibile mantenere intestazione del tuo blog in luogo.

Istruzioni

1

Passare alla pagina Tumblr Personalizza e poi il login al tuo account, se necessario.

2

Fare clic sul pulsante "Modifica HTML" accanto al tema personalizzato.

3

Premere "Ctrl-F" per aprire strumento di ricerca di Tumblr.

4

Immettere "#header"..--senza le virgolette..--e fare clic sul pulsante "OK" per cercare il testo nel codice HTML del tuo tema. Necessario, ripetere il processo fino a individuare il "#header {" tag.

5

Inserire una nuova riga sotto #header {e quindi immettere il codice riportato sulla propria riga:

Posizione: fissa;

6

Fare clic su "Aggiorna anteprima" e visualizzare in anteprima le modifiche all'intestazione del tuo blog in anteprima del tema a destra.

7

Fare clic su "Salva" per pubblicare le modifiche all'intestazione del tuo blog.

Consigli & Avvertenze

  • Contenuto del tuo blog si sovrapporre in cima l'intestazione quando si scorre la pagina..--a meno che non apportate le regolazioni per la proprietà di margine superiore del relativo contenuto tag. Ad esempio, se altezza dell'intestazione è 100 pixel, è possibile regolare il margine superiore per il contenuto sia 100 pixel in modo che l'intestazione non è coperto durante lo scorrimento della pagina.
  • Per aggiungere un margine superiore di 100 pixel per il contenuto del tuo blog, aggiungere il codice seguente in una nuova riga sotto il tema "#content {" tag:
  • Margin-top: 100px;
  • Personalizzare il codice HTML per il tuo Tumblr tema blog può causare alterazioni indesiderate di layout e l'aspetto del tuo blog. Utilizzare pagina recuperare Custom Theme di Tumblr per ripristinare temi precedenti del tuo blog.