il primo post lo voglio proprio fare sull'interfaccia di gestione di Blogger.
Ho girato un po per capire come centrare l'Header del blog e le indicazioni più frequenti erano quelle di aggiungere nell'intefaccia di DESIGN alla voce AVANZATO -> AGIIUNGI CSS il seguente codice:
#header-inner { text-align: center; }
ora questo va bene se inseriamo semplicemente del testo, se invece vigliamo come Header una nostra immagine, dobbiamo creare un css più completo che tenga conto dell'immagine e della sua larghezza. Per prima cosa per centrare tutto quello che è all'interno dell'Header non basta dare l'indicazione di allineare il testo () ma bobbiamo fare in modo che tutto ciò che sia all'interno del'oggetto sia centrato. Per questo aggiungiamo :
margin-left: auto; margin-right: auto;
Bene in molti casi questo basta ma se la nostra immagine è fuori standard potrebbe non allinearsi correttamente al centro, quindi dobbiamo indicare all'oggetto Header anche le dimensioni , ad esempio nel mio caso:
height:90px; width:500px;
Quindi avremo un risultato finale di questo genere:
#header-inner {
height:90px;
width:500px;
margin-left: auto;
margin-right: auto;
}
Spero sia utile a qualcuno, alla prossima.
Nessun commento:
Posta un commento