Modifica template

[Fran_]

Ciao,
ho creato un blog con blogger, vorrei fare delle modifiche al template ma non so cosa sia possibile modificare e come sia possibile fare delle modifiche.
E' possibile modificare la larghezza delle colonne?
Ed il colore che fa da sfondo al blog?
Nel caso fosse possibile come dovrei intervenire sul codice del template?
Inoltre le due modifiche che ho elencato possono causare dei problemi al blog?
Vi ringrazio in anticipo

[olaola]

Ciao Fran_,

non sono un esperto di blogger, ma credo che per effettuare entrambe le tue modifiche dovresti agire sul foglio di stile CSS.

Sicuramente cambiando il coloro dello sfondo non vai a rovinare in nessun modo l'impaginazione del sito.

Per quanto riguarda la larghezza delle colonne, ti consiglio di modificarla a piccoli passi, e di controllare cosa succede.

[Fran_]

olaola

Ciao Fran_,

non sono un esperto di blogger, ma credo che per effettuare entrambe le tue modifiche dovresti agire sul foglio di stile CSS.

Sicuramente cambiando il coloro dello sfondo non vai a rovinare in nessun modo l'impaginazione del sito.

Per quanto riguarda la larghezza delle colonne, ti consiglio di modificarla a piccoli passi, e di controllare cosa succede.

Ti ringrazio per la risposta.
Si, immaginavo occorresse fare delle modifiche sull'HTML.
Purtroppo però non so quali siano le sigle da digitare e le aree su cui intervenire per poter modificare il colore dello sfondo e la larghezza delle colonne.
L'unica cosa certa che so è che per evitare brutte sorprese bisogna sempre fare un back up del HTML precedentemente salvato per fare in modo di ripristinare facilmente eventuali errori.
C'è qualcuno che sa indicarmi come poter intervenire sul colore dello sfondo e sulla larghezza delle colonne?
Vi ringrazio in anticipo.

[olaola]

Piu' che l'HTML dovresti modificare il CSS.

Comunque, per le domande specifiche su blogger, sposto questa discussione nella sezione apposita.

[m1979]

Ciao Fran_

Fran_

E' possibile modificare la larghezza delle colonne?

Come ti è gia stato detto da olaola, devi intervenire sui css, procedi così, vai su layout/modifica html e cerca

#header {
width: 760px;

e questo

#content-wrapper {
width: 760px;

Questi parametri determina la larghezza totale del header e del blog,

#main-wrapper {
width: 464px;

Questo determina la larghezza della colonna centrale, quella dove scrivi gli articoli.

#sidebar-wrapper {
width: 240px;

Questo determina la larghezza della colonna laterale, i parametri da modificare te li ho segnati in rosso!

Ed il colore che fa da sfondo al blog?

In genere il colore dello sfondo lo puoi cambiare attraverso una pannello da layout/caratteri e colori

Inoltre le due modifiche che ho elencato possono causare dei problemi al blog?

Tranquillo, non causano problemi, anche se in passato la modifica della larghezza del template ha causato per qualche giorno qualche problemino!

Forse l'unico fastidio è che aumentando la larghezza del blog, si sballa la formattazione della pagina layout/elementi pagina! Ma l'importante è non esagerare!!

ps. prima di fare qualche modifica, fai una cobia di sicurezza del tuo modello!

[Fran_]

olaola

Piu' che l'HTML dovresti modificare il CSS.

Comunque, per le domande specifiche su blogger, sposto questa discussione nella sezione apposita.

Ti ringrazio.

[Fran_]

m1979

Ciao Fran_


Come ti è gia stato detto da olaola, devi intervenire sui css, procedi così, vai su layout/modifica html e cerca

#header {
width: 760px;

e questo

#content-wrapper {
width: 760px;

Questi parametri determina la larghezza totale del header e del blog,

#main-wrapper {
width: 464px;

Questo determina la larghezza della colonna centrale, quella dove scrivi gli articoli.

#sidebar-wrapper {
width: 240px;

Questo determina la larghezza della colonna laterale, i parametri da modificare te li ho segnati in rosso!

Ti ringrazio.
Speriamo di non combinare pasticci...e male che vada c'è sempre il back up del template precedente!

m1979

In genere il colore dello sfondo lo puoi cambiare attraverso una pannello da layout/caratteri e colori

Purtroppo in questo caso non è possibile, non risulta nella griglia un'opzione per poter modificare il colore dello sfondo.

m1979

Tranquillo, non causano problemi, anche se in passato la modifica della larghezza del template ha causato per qualche giorno qualche problemino!

Perfetto, non vorrei che magari una modifica da nulla sul template creasse dei problemi seri al blog.
Grazie ancora per le informazioni.

[m1979]

Purtroppo in questo caso non è possibile, non risulta nella griglia un'opzione per poter modificare il colore dello sfondo.

Per cambiare lo sfondo della colonna del post cerca questo:

#main-wrapper {

E subito dopo inserisci
background-color: #222222;

Invece per cambiare lo sfondo della colonna laterale cerca

#sidebar-wrapper {

E subito dopo inserisci
background-color: #222222;
#222222 e il numero esadecimale corrispondente al colore, ed è quello che dovresti variare.

Nota, nel modello potresti trovare:
background-color: $mainBgColor;

In questo caso sostituisci $mainBgColor; con il numero esadecimale!!
I CSS possono variare da modello a modello, se hai qualche difficoltà, indicami il modello che usi!

[Fran_]

Ho seguito le indicazioni e, capito il meccanismo, ho modificato il template facilmente. Grazie.

Il modello a cui vorrei modificare lo sfondo è quello di Douglas Bowman e purtroppo non ha la funzione per poter cambiare il colore nella sezione layout.
Eventualmente su quale area del css dovrei intervenire per modificare il colore?

Inoltre mi stavo chiedendo un'altra cosa; è possibile aggiungere una colonna al blog (blogger)?
Ti ringrazio in anticipo.

[m1979]

Fran_

Ho seguito le indicazioni e, capito il meccanismo, ho modificato il template facilmente. Grazie.

Il modello a cui vorrei modificare lo sfondo è quello di Douglas Bowman e purtroppo non ha la funzione per poter cambiare il colore nella sezione layout.
Eventualmente su quale area del css dovrei intervenire per modificare il colore?

Le indicazioni che ti ho dato in precedenza dovrebbero andare bene! Devi solo modificare le variabili che ti ho scritto in rosso.

Inoltre mi stavo chiedendo un'altra cosa; è possibile aggiungere una colonna al blog (blogger)?

Segui questo tutorial:
http://floeste.blogspot.com/2007/04/personalizzare-blogger-aggiungere-una.html

ps. calcola che in queste ore blogger è in aggiornamento... modificando il codice potresti avere degli errori!! Ti conviene aspettare qualche giorno!

[Fran_]

m1979

Le indicazioni che ti ho dato in .......... dovrebbero andare bene! Devi solo modificare le variabili che ti ho scritto in rosso.

Si, le ho lette e ti ringrazio ma non mi riferivo allo sfondo della colonna principale o di quella laterale, impostazioni presenti nella sezione in cui è possibile modificare il layout, ma proprio allo sfondo del blog.
Ad esempio il modello che ho scelto io, il primo Douglas Bowman, quello grigio-azzurro, ha lo sfondo grigio mentre la colonna centrale e quella laterale sono di altri due colori.
Io vorrei cambiare proprio lo sfondo in cui sono inserite le due colonne.

m1979

Segui questo tutorial:
.....................................

ps. calcola che in queste ore blogger è in aggiornamento... modificando il codice potresti avere degli errori!! Ti conviene aspettare qualche giorno!

Perdona le modifiche al messaggio; ho messo i puntini al posto dei link perchè non posso inserirli sul post.
Grazie mille ; adesso studio il tutorial e poi inizio a modificare il template.
Grazie per la dritta, ho notato alcune disfunzioni negli ultimi giorni.

[Fran_]

Volevo chiedere un'altra informazione: mi sono accorta che le colonne del blog sono appiccicate; ovvero sono troppo vicine e questo causa dei problemi nella lettura dei contenuti, quale parte del template devo modificare?
Grazie in anticipo.


A proposito ho seguito il tutorial che mi hai indicato ed ho aggiunto una colonna a lato ed è andato tutto benone.
Grazie.

[m1979]

il modello che ho scelto io, il primo Douglas Bowman, quello grigio-azzurro

Forse il denim, quello è grigio/azzurro!!

Io vorrei cambiare proprio lo sfondo in cui sono inserite le due colonne.

body {
background: $bgColor;

Sostituisci il valore rosso, con il colore che desideri, lo stesso fai su questo codice :

#header-wrapper {
margin:0;
padding: 0;
background-color: $headerCornersColor;


Il primo codice è relativo al pezzo di sotto, mentre il secondo al pezzo di sopra.

Volevo chiedere un'altra informazione: mi sono accorta che le colonne del blog sono appiccicate;

#sidebar-wrapper {
margin-$endSide: 14px;

Per distanziare le colonne, devi inserire un valore più piccolo di 14!!

[Gianluca M]

Oltre i template di blogger ce ne sono altri utilizzabili?

[Fran_]

m1979

Forse il denim, quello è grigio/azzurro!!

body {
background: $bgColor;

Sostituisci il valore rosso, con il colore che desideri, lo stesso fai su questo codice :

#header-wrapper {
margin:0;
padding: 0;
background-color: $headerCornersColor;


Il primo codice è relativo al pezzo di sotto, mentre il secondo al pezzo di sopra.

Perfetto, grazie.

m1979

#sidebar-wrapper {
margin-$endSide: 14px;

Per distanziare le colonne, devi inserire un valore più piccolo di 14!!

Riguardo al distanziamento delle colonne putroppo non ho trovato i caratteri in questione, ne ho la certezza perchè ho copiato il template su un file word ed ho usato la funzione "trova" ma non è stato individuato nulla.
L'unica parte presente nel template che si avvicina a quella indicata è questa:

#right-sidebar-wrapper {
width: 235px;
float: right;
word-wrap: break-word;
overflow: hidden;
}
#left-sidebar-wrapper {
width: 263px;
float: left;
word-wrap: break-word;
overflow: hidden;
}

ma credo che riguardi prettamente le colonne.
E' possibile che la distanza tra le colonne sia indicata in un altro modo?