Recuperare lo spazio vuoto dopo aver rimosso la barra di navigazione di Blogger


rimuovere spazio vuoto dal template

Ecco un altro articolo per rispondere a una richiesta (non trovo più da parte di chi, mi dispiace), questa volta talmente lecita che mi stupisce non averci pensato prima io stesso: una volta rimossa la barra di navigazione di Blogger, come recuperare lo spazio vuoto? L’operazione è semplicissima e si tratta solo di inserire una piccola porzione di codice CSS. Per capire dove inserirlo vi rimando a questo articolo di qualche tempo fa, e vi ricordo che un backup del template non guasta mai.

Alzare o abbassare il corpo del blog

Il codice CSS da utilizzare è il seguente:

body .navbar {
height:0px;
}
.content-outer {
margin-top:0px;
}

Il valore 0 può essere cambiato con uno positivo (il blog si abbasserà di nuovo) o negativo (il blog si alzerà oltre il bordo del browser). Lasciandolo così come l’ho proposto, vi da questo risultato:

rimuovere spazio vuoto dal template

Naturalmente questo codice va incollato dopo quello che nasconde la barra di navigazione, perchè usato da solo farebbe sovrapporre il corpo del blog con la barra. Ecco un esempio di come dovrebbe essere alla fine:

rimuovere spazio vuoto dal template

Il codice dovrebbe funzionare sia per i vecchi che per i nuovi template, ma naturalmente in caso di problemi lasciatemi un commento e vedremo di capire cosa non va.

Ulteriori approfondimenti:

Condividi su Facebook, Twitter o Google Buzz:
Condividi su Facebook Condividi su Twitter Pubblica su Google Buzz

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:
oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!

13 commenti:

Boby ha detto...
Questo commento è stato eliminato dall'autore.
Boby ha detto...

io avevo risolto mettendo un valore negativo al margine superiore del body, però questa soluzione è decisamente migliore :D
EDIT: con IE non funziona

Tenebrae ha detto...

@boby: come no? con quale versione? io ho provato con la 8 e va benissimo

La TrinaKria On The Road ha detto...

ciao tenebrae , ti ho inviato una mail in privato hai ricevuto ?
mi serviva appunto quella dritta ti comunico su questo post dato che è stato publicato da poco e sicuramente leggerai. Grazie ed a presto

Boby ha detto...

IE 8... vabbé vedo un pò se è qualche altra impostazione del mio template che va in conflitto con IE

bizzo ha detto...

appena fatto. Grazie

Tenebrae ha detto...

@trinakria: eri tu che avevi richiesto questa modifica? detto fatto, come vedi :)

Max ha detto...

Grazie per aver ascoltato la mia richiesta, pensavo che era caduta nel vuoto...funziona alla grande, grazie mille.
http://www.lescommessefacilidimax.com/

Boby ha detto...

Orazio ti confermo che il mio errore con IE era per un'altra impostazione
adesso funziona ;)

Tenebrae ha detto...

@max: ah ecco, allora eri tu ad averla chiesta :)

@boby: mi sembra strano, nel post c'è un'immagine con I.E.... anche se non c'è mai da stupirsi con i browser

Roberto ha detto...

inserendo un numero negativo non noto nessuna variazione...
Come posso fare per diminuire ulteriormente lo spazio vuoto.
Questo è il blog: www.meteoandria.org

Emanuel Gavioli ha detto...

Utilissimo, grazie mille!

Alessandro ha detto...

Grazie, veramente utile!!!!


Prima di lasciare un commento, leggete qui

Posta un commento