Per impostazione predefinita, la posizione della barra laterale su un blog Tumblr è assoluta; scorre con il contenuto principale della pagina, alla fine lo spostamento fuori dallo schermo come un lettore scorre verso il basso. È possibile configurare il tuo blog Tumblr per scorrere all'infinito così contenuti aggiuntivi appare automaticamente quando un lettore raggiunge il fondo della pagina. Se si esegue questa operazione, tuttavia, può essere difficile per un lettore a scorrere di nuovo a dove si può vedere la barra laterale; per esempio, se si decide di fare una domanda o iniziare seguendo il tuo blog dopo aver letto diverse pagine di contenuti. Modificare la barra laterale da assoluto a posizionamento fisso, in modo che solo il contenuto dei rotoli di blog, mentre la barra laterale rimane al suo posto.

istruzione

1 Accedi al tuo account Tumblr. Alla pagina Dashboard, fare clic sul nome del blog in cui si desidera convertire la barra laterale da assoluto a posizionamento fisso.

2 Selezionare "personalizzare l'aspetto" nella colonna menu a destra. Questo mostra il visual design corrente del tuo blog.

3 Fare clic sul pulsante "Modifica HTML" nella parte superiore della barra dei menu di sinistra. Il menu si espande e visualizza il codice HTML per il layout del tuo blog.

4 Premere contemporaneamente i tasti "F" "Ctrl" e. Viene visualizzata una finestra di dialogo "Trova". Tipo "sidebar" nella finestra di dialogo e premere "Invio" per individuare il seguente codice che inizia alla riga 515:

wrapper #sidebar {

width: 250px;
float: right;
colore: {color: Priorità};
font-family: {font: Accent}

5 Fare clic per posizionare il cursore nello spazio dopo "width: 250px;" e premere "Invio" per scendere a una nuova linea. Digitare il seguente codice:

a destra: 150px;

Questo pone la barra laterale a 150 pixel dal bordo destro della pagina. Regolare il numero di cambiare la posizione della barra laterale.

6 Fare clic per posizionare il cursore nello spazio dopo "float: right;" e premere "Invio" per scendere a una nuova linea. Digitare il seguente codice:

position: fixed;

Il blocco completo di codice appare ora come segue:

wrapper #sidebar {

width: 250px;
a destra: 150px;
float: right;
position: fixed;
colore: {color: Priorità};
font-family: {font: Accent}

7 Fare clic sul pulsante "Aggiorna anteprima" nella parte superiore della barra dei menu di sinistra, e quindi fare clic su "Aspetto", "Salva" e "Chiudi".