1 novembre 2009

26 commenti Condividi il post Facebook Twitter Google+

Come rendere trasparente la navbar del blog

In ciascun blog su Blogger, è presente nella parte superiore la navbar.
I colori disponibili finora (blu, marrone chiaro, nero e argento) non sempre si adattano a tutti i template.


Tra i colori disponibili, io avevo scelto argento, che proprio non si abbinava al colore di sfondo del mio blog. Oggi ho scoperto che è possibile rendere la navbar trasparente, ed ecco il risultato:



Per renderla trasparente, basta andare in Blogger - Layout - Elementi pagina e cliccare sul link Modifica della navbar.


scegliere poi uno dei due nuovi colori, Chiaro trasparente o Scuro trasparente, in base ai colori del vostro blog:


e salvare! Facile no?
Resto a disposizione per ogni dubbio o chiarimento.
Copyright © Iole - Non è consentito ripubblicare, anche solo in parte, i post di questo blog senza l'esplicito consenso dell'autrice.

26 commenti

  1. Iole sei bravissima, ti ringrazio dei tuoi preziosi suggerimenti.
    Buona Domenica Daniela.

    RispondiElimina
  2. Grazie per i tuoi preziosi consigli...

    RispondiElimina
  3. Fatto!
    grazie, come sempre... un bacione

    RispondiElimina
  4. Tu lo dici e io lo faccio. Non c'è problema!
    Grazie per tutti i tuoi preziosi consigli!

    RispondiElimina
  5. Ciao iole, grazie è un ottimo consiglio, come sempre! ;)

    RispondiElimina
  6. Scusa se ti creo disturbo ma qualche giorno fa non mi funzionava più il javascript del menu perchè molto probabilente avevi spostato il file boxover.js in un'altro Hosting.
    Questo è il nuovo indirizzo: (http://digilander.libero.it/iolecalblogspot/script/boxover.js).
    Per favore mi manderesti via email il contenuto di questo file cosi lo inserisco nel mio hosting.
    Grazie e scusa ancora per il disturbo.

    RispondiElimina
  7. @tutte: vedo che alcune di voi hanno già cambiato la navbar :)
    @Train of thought: il file boxover.js lo utilizzo anch'io nel mio blog e non l'ho mai spostato. Per il codice, basta cliccare su quel link e copiare il codice javascript o salvare il file .js

    RispondiElimina
  8. Ciao cara Iole, finalmente riesco a passare nel tuo blog. Stai scrivendo dei post molto interessanti, io li leggo solo ora aimè.

    Questo è utilissimo, sul mio blog la trasparenza si vede proprio poco, forse perchè lo sfondo di base è molto chiaro. Però ora la barra si uniforma perfettamente.

    Grazie della dritta! ^*^

    RispondiElimina
  9. Ciao cara Iole, finalmente riesco a passare nel tuo blog. Stai scrivendo dei post molto interessanti, io li leggo solo ora aimè.

    Questo è utilissimo, sul mio blog la trasparenza si vede proprio poco, forse perchè lo sfondo di base è molto chiaro. Però ora la barra si uniforma perfettamente.

    Grazie della dritta! ^*^

    RispondiElimina
  10. Ciao Iole, è la prima volta che ti scrivo dopo aver scoperto per caso il tuo blog...UTILISSIMO! Forse questo non è il post adatto per farlo, ma vorrei chiederti un consiglio. Ho un problemino di...grafica con il mio blog che ho aperto da poco: non so come fare a togliere le linee tratteggiate di separazione tra i gadget nelle colonne laterali oltre alle icone (orribili!!!!) di chiave-cacciavite a fianco in basso. Se ci dai un'occhiata forse capisci cosa intendo!!!! Mi potresti aiutare per favore?
    Grazie 1000...sei una fonte preziosa di suggerimenti ;-)

    RispondiElimina
  11. @Vampiretta: sì, nel tuo blog la navbar si uniforma perfettamente grazie al colore di sfondo molto chiaro.
    @Federica: per togliere le linee tratteggiate dei widget delle due sidebar devi trovare nel template questa parte di codice:
    .sidebar .widget, .main .widget {
    border-bottom:1px dotted #a9501b;
    margin:0 0 1.5em;
    padding:0 0 1.5em;
    }

    e sostituirla con
    .sidebar .widget {
    margin:0 0 1.5em;
    padding:0 0 1.5em;
    }
    .main .widget {
    border-bottom:1px dotted #a9501b;
    margin:0 0 1.5em;
    padding:0 0 1.5em;
    }


    Per le icone a forma di chiave-cacciavite, quelle compaiono solo quando sei loggata in Blogger (quindi le vedi solo tu nel tuo blog, come io le vedo nel mio) e servono per modificare facilmente i widget. Se effettui il log-out e ricarichi il blog infatti non dovrebbero essere visibili.

    RispondiElimina
  12. Grazie Iole, sei stata super veloce! Provo subito...
    A presto :)

    RispondiElimina
  13. Splendidooo...lo faccio anch'io. Grazie.

    RispondiElimina
  14. Wow non ci avevo mai fatto caso... quasi quasi rimetto la barra visibile e la rendo trasparente!

    P.S.Iole hai notato anche tu che dopo il quinto commento gli avatar rimangono invisibili?

    E' un'anomalia di blogger? Credi che verrà sanata prima o poi?
    Nel frattempo si può fare qualcosa???
    Help!!

    RispondiElimina
  15. @Daniela: nel tuo blog la navbar si uniforma perfettamente con lo sfondo chiaro ;)
    @Favoloso: nascondere la navbar non è corretto; prima i colori a disposizione non erano il massimo, ora invece con la trasparenza va molto meglio.
    Per gli avatar nei commenti... anch'io ho notato dopo il quinto commento non si vedono. Su alcuni blog che seguo invece non si vedono dal sesto in poi. Quando me ne sono accorta pensavo fosse un mio problema legato al template e invece è così su tutti i blog (anche quelli che usano template ufficiali di Blogger).
    Speriamo che si risolva presto!

    RispondiElimina
  16. Wowow Jole, che bello, ho subito provato la nav bar trasparente ed è molto più adatta ai colori del mio blog. Grazie, quante cose vorrei chiederti ma non so nemmeno da dove cominciare, nn ci capisco niente di niente e faccio fatica a seguire i vostri "dibattiti" tecnici.
    Baciotti e tanti auguri anche se in ritardo.
    P.S. Anche grazie al tuo aiuto il mio blog comincia a crescere in numero di visitatori :-)))

    RispondiElimina
  17. Ciao Iole, volevo chiederti una cosina, non mi pare di aver trovato questo argomento sul tuo blog...
    In pratica, quando posto qualsiasi immagine sul blog, questa poi fuoriesce con un riquadro, io vorrei eliminarlo. Qual'è il codice da cancellare nell'html?

    RispondiElimina
  18. @Graziola: per togliere il riquadro alle immagini del post devi cancellare dal template questa parte di codice:
    .post img {
    padding: 6px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    }

    Proprio oggi in un altro post roro mi ha chiesto l'esatto contrario:cioè come aggiungere il riquadro alle immagini :)

    RispondiElimina
  19. cara Iole, ho appena provveduto a cambiare la navbar e ad inserire quella trasparente, grazie! Grazie di tutti i tuoi consigli che contribuiscono a rendere il mio blog sempre più carino! Grazie!

    RispondiElimina
  20. Grazie Iole hahah e che coincidenza! Comunque, me lo conservo questo codice, non si può mai sapere! :))

    RispondiElimina
  21. Grazie! Complimenti per il blog! bacione

    RispondiElimina
  22. Ciao complimenti per il blog vorrei chiederti un paio di cose come hai fatto a mettere la riga in alto con i bottoni di email, home ecc...? come hai fatto questo tema? grazie mille per le risposte ciao e baci

    RispondiElimina
  23. @alicecullen19: per inserire la barra con le icone prova a leggere questo mio post.
    Riguardo al tema, l'ho creato io. Ho anche messo a disposizione lo stesso tema in 4 colori diversi in questo mio post.

    RispondiElimina
  24. ma ora che guardo ill tuo blog...la navbar non c'è! come l'hai fatta scomparire?

    RispondiElimina
  25. @Rossella Bramato: occorre modificare il template!

    RispondiElimina

Licenza Creative Commons This blog by Iole is licensed under a Attribution-NonCommercial-NoDerivs 3.0 Unported License.
Copyright © 2008- iolecal.blogspot.it|Design by Iole|Privacy Policy