Come centrare un menu orizzontale ELENCO DI LINK in un blog di Blogger

Per mettere al centro i titoli di un menu orizzontale realizzato con il gadget "Elenco di link" è possibile applicare dalla bacheca di Blogger in "Design">"Designer di Modelli" nel menu "Avanzato" (seguendo la procedura per aggiungere un CSS) uno specifico foglio di stile CSS al modello che permette di spostare dalla posizione di default a sinistra ad una posizione centrale i bottoni del menu del blog di Blogspot.
Nella finestra di inserimento del codice è necessario quindi,per centrare i titoli con i link alle pagine del menu,aggiungere il seguente CSS:

.LinkList {text-align:center !important;
}
.LinkList li {display:inline !important; float:none !important;
}


come centrare menu orizzontale mettere link titoli bottoni centro

30 commenti:

  1. Buono a sapersi! Grazie Fabrizio!

    RispondiElimina
  2. Ciao Ambra,
    grazie a te per la visita e per il commento:)
    Ciao e buon pomeriggio!
    Fabrizio

    RispondiElimina
  3. ottimi consigli!!!!!!!!!!!!!!!!
    http://unviaggiounavventura.blogspot.com/

    RispondiElimina
  4. Ciao Maurizio,grazie!
    Sono felice che tu abbia apprezzato il mio lavoro nei blog!
    Ciao
    Fabrizio

    RispondiElimina
  5. Ciao..Scusa il mio distirbo..Ma visto i tuoi ottimi consigli e la tua disponobilità volevo chiederti una cosa..
    Allora io ho creato il mio account twitter,facebooke bloglovin' del mio blog e ho le varie caselle nel mio blog che portano alla ai vari social network..Vorrei però togliere queste caselle e metterle nelle pagine..Di fianco al home page per intederci..Come faccio???
    Grazie in anticipo

    RispondiElimina
  6. @Rockstar
    Grazie intanto per la visita e per i complimenti!
    Desideri quindi inserire i link in una pagina statica del blog oppure rimandare i lettori direttamente al tuo profilo sui social network?
    Ciao:)
    Fabrizio

    RispondiElimina
  7. ciao Fabrizio!!complimenti per il blog!!utilissimo!!!volevo chiederti come faccio a far collegare direttamente a facebook o twitter cliccando sul link delle pagine sul mio blog?ti lascio anche il collegamento cosi magari lo vedi!!ti ringrazio in anticipo!!LECLOCHARD

    RispondiElimina
  8. @Le clochard
    Grazie intanto a te per la visita e per i complimenti!
    Ti riferisci alla condivisione tramite i bottoni di Blogger oppure alla pubblicazione automatica dei nuovi post sui tuoi profili di Facebook e Twitter?
    Ciao:)
    Fabrizio

    RispondiElimina
  9. si mi riferivo alla condivisione tramite i bottoni delle varie pagine!in pratica vorrei che chi clicca su twitter nella barra del menu delle pagine venga rimandato direttamente al mio account twitter!!spero di essermi spiegato non sono una cima su queste cose purtroppo!!:)

    RispondiElimina
  10. Il bottone di ccondivisione permette agli utenti (anche tu puoi utilizzarlo) di condividere i tuoi post nel loro Twitter facendo il login.
    Per collegare invece i visitatori del blog al tuo Twitter puoi inserire nel blog un badge di Twitter:
    http://fabriziocastelli.blogspot.com/2009/10/come-aggiungere-widget-di-twitter-in.html
    Ciao:)
    Fabrizio

    RispondiElimina
  11. Grazie mille Fabrizio!!!gentilissimo!!:D

    RispondiElimina
  12. Sono contento di esserti stato utile!
    Ciao:)
    Fabrizio

    RispondiElimina
  13. Ciao Fabrizio. Sono passata per augurarti Buona Pasqua.

    RispondiElimina
  14. Ciao Ambra,grazie!
    Tanti auguri di Buona Pasqua anche a te ed alla tua famiglia!
    Ciao:)
    Fabrizio

    RispondiElimina
  15. Per centrare il menù della pagine invece?? Thank's

    RispondiElimina
  16. Ciao e grazie per il post che anche a me, come a tanti, è stato molto utile! Solo che ho un problema. Se apro il blog con IE9 alla mia link list centrata succede una strana cosa... http://papaveridizucchero.blogspot.com
    Sapresti dirmi il motivo e sopratturro come posso risorvere la cosa?
    Grazie mille! :)

    RispondiElimina
  17. Scusa ... ma sono veramente un neofita ... e non so neanche se è corretto che ti posti qui la mia domanda.
    Nel blog che stiamo riorganizzando (Soc. dilettantistica di Basket) ci piacerebbe poter aggiungere un immagine iniziale nel widget "elenco di link". Per ora abbiniamo i 2 widget foto+elenco links, ma i riquadri rimangono separati ed esteticamente non è granchè.
    Magari c'è qualcosa che già lo fa ma io non lo trovo.
    Riesci ad aiutarmi?
    Grazie mille!!!!!
    Beppe

    RispondiElimina
  18. Scusa ma ... sono veramente un neofita di blogger
    Stiamo riorganizzando il blog (società basket dilettantistica) e ci piacerebbe inserire un immagine iniziale nel widget "elenco di links".
    Per ora abbiniamo foto+elenco links, ma i 2 riquadri rimangono distinti ed il risultato non ci soddisfa granchè.
    Ho cercato un widget già pronto, ma non l'ho trovato.
    Riesci ad aiutarci?
    Grazie mille!!!!
    ciao, beppe

    RispondiElimina
  19. Ottimi consigli, sopratutto ora che sto risistemando il mio blog (http://fantasticamente90.blogspot.it/). Vorrei però chiedere una cosa. È possibile eliminare le linee che separano i nomi nella barra, una volta centrate le voci? Ho cercato nel codice, cambiando qua e la qualche cosa ma nulla di fatto! :(

    RispondiElimina
  20. Ciao Gianluks90 e grazie intanto per i complimenti!
    Sempre dal menu "Avanzato" del Designer di modelli dovresti poter modificare questa impostazione modificando, dal sottomenu "Colore.Accenti">"Colore del bordo delle schede", il colore dei bordi dei riquadri.
    Ciao
    Fabrizio

    RispondiElimina
  21. Come faccio a togliere i bordi del menù orizzonatale invece? Dal mio blog non riesco....

    RispondiElimina
  22. Ciao sara aguzzoni
    ti riferisci alle linee che separano i diversi bottoni del menu?
    Ciao
    Fabrizio

    RispondiElimina
  23. Ciao, ho trovato utile questo tuo post. Avrei però una domanda sempre in merito alla realizzazione di un menu orizzontale con il gadget "Elenco di link".
    Vorrei togliere il colore di sfondo del gadget, affinché si veda solo quello della pagina sottostante.
    Ma anche quando da Modello > Personalizza > Modelli > Avanzato > Sfondo schede imposto il colore di sfondo come Trasparente, non riesco a ottenere il risultato desiderato perchè mi rimane di sfondo una barra con gradiente grigio.
    Sto usando il template "tradizionale" Awesome inc.
    Immagino che si possa agire sui CSS per eliminare quel gradiente grigio pre-impostato... Ma non saprei da che parte iniziare.
    Potresti cortesemente darmi qualche indicazione?

    Il blog è questo http://cuocodelladomenica.blogspot.com (al momento senza barra menu, finché non trovo una soluzione decente).

    Ti ringrazio in anticipo.

    P.S. Anche se inserisco un menu orizzontale tramite gadget Javascript, il fondo grigio rimane.

    RispondiElimina
  24. Ciao Vito,
    dovresti trovare l'URL del gradiente utilizzato per quello sfondo nel CSS relativo al background subito sotto:

    /* Tabs

    Ciao e buona serata
    Fabrizio

    RispondiElimina
  25. Fabrizio buongiorno, vorrei chiederti come posso fare per centrare il testo all'interno del menu orizzontale (quello sotto l'header), ne ho provate tante ma non ci sono riuscita, come vedi è spostato sulla sinistra, oltre a questo si può fare in modo che le caselle siano tutte della stessa larghezza? Grazie. Ti lascio il link http://lemedichessediclo.blogspot.it/

    RispondiElimina
  26. Se non l'avessi già fatto, prova con il css

    .PageList {text-align:center !important;
    }
    .PageList li {display:inline !important; float:none !important;
    }

    Ciao e buona domenica
    Fabrizio

    RispondiElimina
    Risposte
    1. Grazie Fabrizio, il mio era linklist e ci sono riuscita casualmente mettendo padding-left:32px; ora però è possibile accorciare di poco le caselle per far in modo che il menu entri tutto in orizzontale? perchè così me lo ha allargato :(

      Elimina
  27. Bene! Purtroppo la soluzione che hai applicato casualmente può generare questo tipo di inconveniente... se dovessi individuare una possibile soluzione per ottenere il risultato che desideri te la segnalerò con piacere.
    Ciao e buona giornata
    Fabrizio

    RispondiElimina
  28. Fabrizio buonasera :) Sto cercando di modificare il font del "Testo schede" con il codice CSS, ma non conosco il nome della parte in questione, mi saprebbe dire qual'è il nome tecnico? Grazie mille :)

    RispondiElimina
  29. Ciao,
    se ti riferisci ad un gadget "Pagine" il nome del modulo che troverai nel codice è .PageList
    Ciao e buona domenica
    Fabrizio

    RispondiElimina

Se hai bisogno di:
Consulenza ed Ottimizzazione SEO del blog + Assistenza personalizzata 
una proposta realizzata in modo specifico per gli amministratori di  blog di informazione e intrattenimento (fashion, food, news, travel, personali, shopping, artistici/creativi, etc.) su piattaforma WordPress e su Blogger.  

Puoi trovare i dettagli dell'offerta in questa pagina 


Per i lettori di TEST PER BLOGGER è possibile usufruire di una offerta promo, con una riduzione del 30% rispetto al prezzo indicato, utilizzando in fase di acquisto, direttamente dal sito, il codice promozionale: 

promotestperblogger