Come nascondere Sidebar su Tumblr

October 31

Il vostro tema Tumblr utilizza gli oggetti chiamati "div" per separare una pagina in sezioni separate. Ad esempio, il blog ha probabilmente una div che agisce come un contenitore, tenendo tutti gli elementi contenuti nella pagina; un'altra div che include solo i tuoi messaggi recenti; e ancora un altro div che agisce come una barra laterale. Se si desidera rimuovere la barra laterale dal tema, non c'è bisogno di scavare nel codice della pagina e capire come eliminare l'oggetto senza impattare il resto del layout. Cascading Style Sheets fornisce la risposta nella forma della proprietà "Visibilità", che può rendere div invisibile. La barra laterale sarà ancora lì, ma i visitatori non solo sarà in grado di vederlo.

istruzione

1 Selezionare "Impostazioni" dal vostro cruscotto dopo l'accesso al tuo account, e poi scegliere un blog da modificare.

2 Fare clic su "Personalizza" nella sezione a tema per andare alla pagina di personalizzazione, e quindi fare clic su "Modifica HTML" per visualizzare il codice del documento.

3 Fare clic all'interno del riquadro di sinistra, quindi premere "Ctrl-F" per aprire Trova. Tipo "#sidebar" nel campo di ricerca e premere "Invio". Se Find non riesce a individuare il termine specificato, provare ".sidebar" invece.

4 Inserisci "visibilità: invisibile;" (Senza virgolette) su una nuova linea per nascondere la barra laterale, in questo modo:

sidebar {

Visibilità: invisibile;
}

5 Fai clic su "Aggiorna anteprima" per visualizzare le modifiche. La barra laterale dovrebbe scomparire senza influenzare il resto del layout.

6 Fai clic su "Aspetto" per tornare alla pagina precedente, e quindi fare clic su "Salva" per applicare le modifiche.

7 Fai clic su "Chiudi" per tornare al cruscotto.

Consigli e avvertenze

  • Alcuni temi possono utilizzare un nome diverso per indicare la barra laterale, come "bio" o "informazioni". Se Find non riesce a trovare il termine "#sidebar" o ".sidebar," tasto destro del mouse sulla barra laterale in Mozilla Firefox o Google Chrome e selezionare "Inspect Element" dal menu contestuale. Controllare la barra a schede per visualizzare il nome del div selezionato.