July 10
Le barre laterali sono utili elementi di layout per aggiungere contenuti extra, link e informazioni al sito Tumblr. Sia che si sta creando un tema Tumblr o la modifica di uno esistente, è possibile aggiungere una barra laterale per il layout tema. Usando il metodo di fogli di styling e gli appropriati tag Hypertext Markup Language, si può facilmente inserire una barra laterale nel tema.
1 Avviare un editor di testo o HTML sul computer e aprire il tema Tumblr si sta lavorando.
2 Trovare il "<style type =" text / css ">" tag nel codice e aggiungere una nuova, riga vuota per iniziare a digitare su.
3 Aggiungere il seguente codice CSS per il tema sotto il <style type = "text / css"> tag:
sidebar {
float: left;
width: 250px;
height: 100%;
}
4 Modificare il "float: left" a "float: right", se si desidera avere la barra laterale sul lato destro del sito Tumblr. Regolare il valore "larghezza" per soddisfare il design del vostro tema.
5 Trovare il "<div id =" wrapper ">" tag sotto la sezione "<body>" e aggiungere un paio di righe vuote dopo premendo il tasto "Enter".
6 Digitare il seguente tag nell'area vuota appena creato:
<Div id = "sidebar">
7 Premere il tasto "Enter" per passare alla riga successiva. Aggiungere qualsiasi tipo di codice HTML o contenuto che si desidera visualizzare nella barra laterale immediatamente dopo il <div id = "sidebar"> tag.
8 Chiudere la barra laterale correttamente digitando "</ div>" dopo l'ultima del contenuto della barra laterale.
9 Salvare il tema sul computer. Quando si è pronti, installare il tema sul vostro sito Tumblr.