Per cambiare il colore di sfondo solo nel footer (piè di pagina),la sezione in basso in un blog di Blogger,in modo da evidenziare il suo contenuto è possibile aggiungere da “Aggiungi un CSS” il seguente foglio di stile CSS
.footer-inner {
background: #ff0000 ;
}
Per modificare il colore dello sfondo da applicare al footer del blog di Blogger è necessario sostituire nel CSS indicato sopra, al rosso (#ff0000) un diverso colore inserendo il relativo codice esadecimale.
Queste istruzioni mi sono state utilissime. Grazie.
RispondiEliminaCiao Ambra,
RispondiEliminasono felice che il post ti sia stato utile!
Grazie a te per il commento!
Ciao e buon pomeriggio:)
Fabrizio
Grazie come al solito, Fabrizio.
RispondiEliminaMi chiedo se tu abbia il codice di un antipixel di uno dei tuoi blog, perchè vorrei inserirlo nella sezione in cui segnalo i blog utili per la grafica. Fammi sapere, un saluto :)
Giuliana
Grazie a te Giuliana! Sono felice che il post ti sia stato utile!
RispondiEliminaQuesto è il link ad un mio antipixel personale collegato al profilo Google
http://screenshotperblog.blogspot.com/2011/11/antipixel-fabri-castelli.html
se ti fa piacere puoi utilizzarlo con quel link o con il collegamento ad uno dei miei blog.
Ancora grazie e tanti auguri di un bellissimo 2012!
Fabri
Seguendo le tue istruzioni ho messo il footer nel blog,grazie mille per la guida cosa non farei senza dite. Un saluto Ornella
RispondiEliminaBenissimo!
RispondiEliminaGrazie a te Ornella,sei molto gentile:)
Ciao
Fabri
Ho seguito le tue istruzioni,ma non è cambiato nulla.Sono imbranata però!!!Ciaooooooo
RispondiEliminaho risolto il problema,grazie.ciaoooooooooo
RispondiEliminaBravissima!
RispondiEliminaGrazie a te per l'aggiornamento:)
Ciao
Fabri
ha funzionato! grazie! è possibile inserire anche un'immagine come sfondo?
RispondiEliminaCiao e se volessi modificare le misure del backgroung come dovrei fare??
RispondiEliminaCiao Anna,
RispondiEliminati riferisci alla larghezza complessiva delle colonne oppure all'immagine di sfondo?
Ciao
Fabrizio
Voreei modificare la larghezza dell'immagine di sfondo che nel mio caso sarebbe bianca...che sarebbe l'equivalente della parte blu scuro di questo blog. Inoltre non posso modificarla da da modello-personalizza...
Eliminati lascio il link del mio blog http://makeuplifeandcolors.blogspot.it/
Ciao Anna,
RispondiEliminadesideri quindi estendere lo sfondo bianco anche alla parte esterna attualmente colorata(#F3E8E8)?
Ciao
Fabrizio
ciao, non proprio vorrei solamente allargare la pagina bianca di qualche centimetro, mantenendo però la parte rosa separata da quella bianca...spero di essermi spiegata :)
EliminaIn questo caso dovresti proprio individuare nel codice HTML del tuo blog la larghezza in pixel del blog e provare ad aumentare il valore con una modifica HTML:
RispondiEliminahttp://www.comefareblog.com/2011/09/come-modificare-codice-html-del-modello.html
è possibile però che essendo il tuo un template personalizzato sia necessario poi modificare altri valori.
Ciao
Fabri
Ciao Fabrizio, volevo sapere se era possibile oltre al cambio di colore anche aumentare la lunghezza del footer in modo che occupi tutta la pagina :)
RispondiEliminaCiao Roberto,
RispondiEliminageneralmente la dimensione del footer corrisponde al 100% della larghezza disponibile, controlla comunque quali sono le dimensioni del foofer del tuo blog dalla finestra con il codice del template:
http://www.comefareblog.com/2013/04/la-nuova-versione-dell-editor-html-del.html
Ciao
Fabri
Si lo so ma qui per esempio ( un mio blog di prova ) http://blogdiprovabaffo.blogspot.it/ questo template l'ho scaricato da internet , come puoi vedere il centro con post e widget non è al 100% ma ristretto, mentre il footer invece è largo tutta la pagina :) volevo ricreare un effetto simile
EliminaIn questo caso dovresti proprio provare a replicare la struttura della sezioni di quel template che troverai nella finestra con l'intero codice.
RispondiEliminaCiao
Fabri
ho provato come hai detto, modificato .footer-outer aggiungendo i codici presenti nel template del blog di prova..niente, la larghezza rimane quella :( grazie comunque per il tuo aiuto!
EliminaSe dovessi individuare altre soluzioni da provare ti aggiornerò con piacere!
RispondiEliminaCiao e buon pomeriggio!
Fabri
Ciao, è possibile sostituire il colore con una immagine di sfondo?
RispondiEliminaCiao Edoardo,
RispondiEliminaprova con
.footer-inner {
background: url(INDIRIZZO IMMAGINE) no-repeat top center;
}
Sostituendo dentro la parentesi a INDIRIZZO IMMAGINE l'URL dell'immagine online che desideri utilizzare.
Ciao
Fabrizio
vado in personalizza->css oppure modifica html?
RispondiEliminaGrazie per la rapidissima risposta!
Sì, da "Personalizza">"Aggiungi un CSS".
RispondiEliminaCiao
Fabrizio
Ciao Fabrizio, è modificabile invece la trasparenza del footer?
RispondiEliminaCiao AmazingMilan
RispondiEliminacontrolla eventualmente nel template se la trasparenza è ottenuta attraverso un'immagine.
Ciao
Fabrizio
ma se io lo voglio il mio footer trasparente cioe senza colore ma ce mi compaia lo sfondo del blog come faccio??
RispondiEliminaCiao Principessa,
RispondiEliminapuoi aggiungere nel CSS l'elemento:
opacity: 0.5
Per regolare il grado di trasparenza, puoi usare valori da 0.0 (completamente trasparente) a 1 ( completamente opaco).
Buona giornata
Fabrizio
Grazie, post che ho trovato utilissimo per il mio blog!
RispondiEliminaCiao Antonio, sono felice che il post ti sia stato d'aiuto!
RispondiEliminaGrazie a te per il commento!
Ciao e buona giornata
Fabrizio
Ciao piacere di conoscerti! Complimenti per il blog e tutte le utilissime informazioni presenti. Una domanda.. Sono riuscita a cambiare lo sfondo ma non riesco a cambiare il colore del testo dei gadget. Vorrei cambiare solo il colore del testo di quelli nel footer.. Ho provato da modifica html a inserire color #000000 nei footer-innerma non cambia il colore. Mi puoi aiutare per favore?
RispondiEliminaGrazie
Salve Laura,
Eliminaprova ad aggiungere un CSS specifico per ogni singolo gadget nel quale desideri visualizzare un colore diverso.
(Per trovare l'ID del gadget da indicare nel CSS utilizza le indicazioni di questo post http://testperblogger.blogspot.it/2010/11/come-conoscere-codice-widget-id-gadget.html )
Ciao e grazie a te per i complimenti!
Fabrizio
Grazie mille per i suggerimenti, studiandoci un po' ho trovato la sintassi giusta e specifica come hai detto tu per il Widget. Se può essere d'aiuto a qualcuno è :
Elimina#footer-1 h2 {font-size:24px; color:#000; font-style:italic; font-family:Arial !important; }
Grazie ancora :)
Ottimo Laura! Sono felice di esserti stato utile.
EliminaGrazie a te!
Ciao e buona giornata
Fabrizio
Mitico. Per adesso grazie Fabrizio, sei una miniera d'informazioni.
RispondiEliminaSono felice che il post ti sia stato utile. Grazie a te per le parole di apprezzamento!
RispondiEliminaSaluti
Fabrizio