Come fare il vostro tema Tumblr layout più grande

May 29

software blog di Tumblr prende la semplicità di WordPress e in qualche modo semplifica esso, dividendo i messaggi in sette tipi di base e la visualizzazione di tali posti in ordine cronologico. Ma non confondere la semplicità con rigidità. È possibile modificare il vostro tema Tumblr per rendere il vostro sito appaiono come più ti piace. Regolare la larghezza e l'altezza degli elementi farà il layout più grande.

istruzione

1 Accedi al tuo blog Tumblr utilizzando il nome utente e la password. Per impostazione predefinita, verrà visualizzata la Dashboard, da cui di solito comporre i messaggi e aggiungere contenuti. Fare clic sul nome del tuo blog lungo la parte superiore e poi cliccare su "Personalizzare l'aspetto" nella colonna di destra per caricare le impostazioni per il tema.

2 Clicca su "Modifica HTML" l'immagine in miniatura del vostro tema sotto per caricare editor HTML di Tumblr. Tutti gli elementi del vostro tema sono controllati da questo documento. A differenza di WordPress o Drupal, siti di gestione dei contenuti che utilizzano un file CSS per dettare il layout, Tumblr utilizza elementi HTML e stile all'interno del codice, oltre a sue proprie variabili per creare le tue pagine. I prodotti in parentesi triangolo "<>" sono elementi HTML e possono essere in stile.

3 Inserire il codice seguente tra i "<head>" e "</ head>" tag:

<Style type = "text / css">

#styleelement {
width: 1100px;

altezza: 250px;

}
&lt;/style>

Sostituire "#styleelement" con il nome della voce che si desidera per lo stile. La larghezza del Tumblog è controllato da due elementi: ". Header" "corpo" e creare un elemento di stile chiamato "#body" e uno chiamato "#header" e quindi aggiungere la dimensione che si desidera che ogni essere utilizzando la "larghezza" e valori "height".

4 Aggiungere il codice "style = corpo" all'interno delle parentesi della prima "<body>" tag nel codice HTML. Scorrere verso il basso nel codice per cui l'intestazione è chiamato - questo sarà diverso su ogni blog - e aggiungere "style = intestazione" alla prima istanza anche lì. Se si chiama l'elemento in Fase tre qualcosa di diverso da "corpo" e "header", utilizzare questi termini qui invece.

5 Ricarica il tuo blog, quindi utilizzare l'editor HTML per regolare i valori di larghezza e altezza per il "corpo" e gli elementi "header" fino al visualizzata la pagina come si desidera. Per l'intestazione, definendo una altezza è importante; non definire una altezza per il corpo, o ti interferire con scorrimento infinito di Tumblr. Aggiungere nuovi elementi di stile per ogni elemento che si desidera controllare la comparsa di, quindi modificare i valori tra le "<style>" tag per cambiare l'aspetto.


Articoli Correlati