Come mantenere l'intestazione in Place su Tumblr

December 31

Come mantenere l'intestazione in Place su Tumblr


Personalizzare l'intestazione nel blog della propria organizzazione in modo che resti al suo posto quando i visitatori scorrere la pagina. È possibile regolare l'aspetto e la formattazione del tema del tuo blog utilizzando i tag Cascading Style Sheet nel suo codice HTML. Quando si aggiunge la proprietà "Posizione" al "#header {" tag, è possibile specificare la posizione dell'elemento nel tuo blog. Aggiungendo il valore "fisso" genererà l'intestazione come una scatola assolutamente posizionato in modo da poter mantenere intestazione del tuo blog sul posto.

istruzione

1 Passare alla pagina di Tumblr Personalizza e quindi accedere al proprio account, se necessario.

2 Fare clic sul pulsante "Modifica HTML" accanto a tema personalizzato.

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

4 Inserire "#header" - senza virgolette - e quindi fare clic sul pulsante "OK" per cercare il testo nel codice HTML del tuo tema. Ripetere il processo, se necessario, fino a individuare il "#header {" tag.

5 Inserire una nuova riga sotto #header {e quindi inserire il seguente codice sulla propria riga:

Position: fixed;

6 Fai clic su "Aggiorna anteprima" e visualizzare in anteprima le modifiche al colpo di testa di blog in tema di anteprima a destra.

7 Fai clic su "Salva" per pubblicare i cambiamenti al colpo di testa di tuo blog.

Consigli e avvertenze

  • I contenuti del tuo blog si sovrapporrà in cima alla vostra intestazione quando si scorre in basso nella pagina - a meno che non si fanno le regolazioni per la proprietà del margine superiore del suo tag contenuti. Per esempio, se l'altezza del suo colpo di testa è di 100 pixel, è possibile regolare il margine superiore per il contenuto di essere 100 pixel in modo che l'intestazione non è coperto quando si scorre la pagina.
  • Per aggiungere un margine superiore di 100 pixel per il contenuto del tuo blog, aggiungere il seguente codice in una nuova riga sotto "#content {" del vostro tema tag:
  • Margin-top: 100px;
  • Personalizzare il codice HTML per il tema del tuo blog Tumblr può causare alterazioni indesiderate al layout e l'aspetto del tuo blog. Usa pagina Recupero personalizzato tema di Tumblr per ripristinare i temi precedenti del tuo blog.