Se hai mai fatto scorrere verso il basso una pagina Web e un elemento su di essa non si è spostato, hai assistito al tag di posizione CSS in azione. I blogger di Tumblr che aggiungono questo tag ai loro modelli possono creare lo stesso effetto nei loro blog. Un buon posto per provare questo è sulla barra laterale. Dopo aver aggiunto un tag di posizione al codice HTML del tuo blog, la barra laterale rimane fissa quando le persone scorrono su e giù nelle pagine del tuo blog.
Visita la dashboard di Tumblr, quindi fai clic sull'icona delle impostazioni e sul nome del blog che " d piace aggiornare. Se hai un solo blog, fai clic sul suo nome.
Fai clic su "Personalizza" seguito da "HTML aggiunto". Tumblr apre il tuo tema e visualizza il suo codice HTML.
Fai clic in un punto qualsiasi all'interno del codice e premi "Ctrl-A" seguito da "Ctrl-C" per copiare il codice negli Appunti di Windows. Apri un nuovo documento di Blocco note e incolla il codice nel documento. Questi passaggi assicurano che tu abbia una copia di backup del tuo modello originale.
Ritorna al codice HTML Tumblr e premi "Ctrl-F" per aprire una casella di ricerca. Digita "barra laterale" nella casella di ricerca, quindi premi "Invio". Tumblr trova la prima occorrenza di "barra laterale" e visualizza la sezione di codice che contiene quella parola. Il codice trovato dovrebbe essere simile al seguente:
wrapper # sidebar {color: {color: Background}; }
La prima riga di codice contiene le parole #wrapper # sidebar. Una parentesi a sinistra segue queste parole.
Incolla il seguente codice immediatamente sotto la prima riga di codice:
posizione: fisso; right: 100px;
L'attributo position indica ai browser di correggere la barra laterale in modo che non si sposti durante lo scorrimento. L'attributo giusto indica ai browser quanti pixel vuoi che il bordo destro della barra laterale sieda dal margine destro della pagina Web. In questo esempio, l'attributo giusto ha un valore di 100px.
Fai clic su "Aggiorna anteprima" per visualizzare un'anteprima delle modifiche. Trascina la barra di scorrimento della finestra su e giù e vedrai che la barra laterale non si sposta. Fai clic su "Salva" per salvare le modifiche.
Suggerimenti
Potresti voler sperimentare valori diversi per l'attributo giusto se desideri regolare la posizione orizzontale della barra laterale. Ad esempio, se modifichi il valore da 100px a 50px, la barra laterale si sposta più a destra di 50 pixel.
Avvertenze
Fai attenzione quando lavori nell'editor HTML, come la modifica accidentale del codice esistente può avere effetti drammatici sul layout della tua pagina. Se modifichi il codice e non riesci a capire come annullare le modifiche, puoi sempre eliminare tutto nell'editor HTML e incollare il codice di backup copiato nell'editor per ripristinarlo alle sue condizioni originali.
Computer © www.354353.com