Pagina aggiornata... Martedì, 31 ottobre 2023 * Tempo di caricamento 0.55 secondi
Link navigazione : Home telaioHome ~ Template ~ Blogger_tutorial » Bordo blog

..:: Blogger tutorial - Bordo al blog ::..

Nei blog Blogger non è previsto un bordo di "rifinitura" della pagina
ed anche se si inserisce uno sfondo personalizzato sembra proprio che manchi qualcosa...



A me piacciono le cose fatte per bene ^_^ e sono riuscita a capire come inserire un bordo
direttamente nello style e senza rischiare di fare danni nel codice sorgente

Vi ricordo sempre che i miei esempi sono fatti sul tema "Simple Pale" di Blogger
quindi se avete nel blog un'altro tema ci potrebbero essere delle differenze nel codice

Per l'esempio ho usato i parametri: border: 15px solid #b17148; ovvero
un bordo solido di 15 pixel ed un colore abbinato a quello della pagina blog, personalizzate
come preferite il tipo e lo spessore del bordo, sostituite ovviamente "#b17148"
con un colore coordinato al vostro blog

Clicchiamo su "Design" per accedere al pannello, poi su "PERSONALIZZA"
e in fondo (scroll nel box) sulla sinistra della pagina che si visualizzerà apriamo
il menu "Avanzate" clicchiamo sul triangolino accanto a "Testo pagina" per aprire
il menu a tendina, scorriamo fino in fondo e clicchiamo su "Aggiungi CSS"





Se abbiamo centrato l'immagine logo troveremo i parametri che abbiamo inserito



Andiamo a capo dopo la parentesi graffa e aggiungiamo questi altri parametri:

 


Nell'anteprima blog sarà subito visibile la modifica, il blog ora ha anche il bordo!
Clicchiamo sull'icona floppy che troviamo a destra in fondo alla pagina, per salvare la modifica

* Cliccate sull'immagine per ingrandire e vedere maggiori dettagli



N.B.: Se avete eliminato l'effetto "shadow", l'ombreggiatura che c'è di default nel tema Blogger o se
volete approfittare per farlo ora, in base agli sfondi o ai colori che si inseriscono nelle personalizzazioni
può creare un effetto non proprio piacevole, allora il codice da inserire per il bordo sarà:

 


* Ricordatevi sempre di salvare affinché le modifiche siano attivate nel blog,
l'anteprima serve solo a farci capire se le modifiche fatte ci piacciono



* Se preferite avere i bordi solo ai lati della pagina i parametri da inserire sono:

Con effetto "shadow"

 


Senza effetto "shadow"

 


Spero di essere stata chiara in ogni passaggio, in caso contrario scrivetemi un messaggio
Un abbraccio... buon lavoro e come sempre buon divertimento ^_^
Ciao alla prossima ೡPenelope ♥


Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^

Nickname
Home page
B i U   ^_^ o_O O_O *_* Gif...

  


ೡ Pagina visitata da 2373 utenti


 H: 
Buona Primavera !



Prelevate ciò che vi piace ma...

- Non alterate in alcun modo la grafica
- Non togliete i credits ~ Grazie ^_^

...telaio Home!

Accessori, utilità e gadget in tanti stili e
soggetti pronti per il tuo spazio web
Il telaio di Penelope


Pagina Facebook
del telaio...

Privacy Policy Cookie Policy

..:: Basi per siti web ::..


..:: Blogger tutorial ::..


..:: Blogger kit ::..


..:: Copertine facebook ::..


Anteprima...
..: html & script tutorial :..


Contenitori div colorati

Div con bordi e base colorati, vediamo quali sono i parametri necessari per avere dei contenitori assolutamente personalizzati
Leggi il tutorial...

Pagina anteprima gadget

Realizzare una pagina che ci permetta di mostrare le anteprime di accessori e gadget preparati per gli utenti affinché possano prelevarli...
Leggi il tutorial...

CSS elemento div

I div sono dei "contenitori" molto utilizzati nelle pagine web, sopratutto per realizzarne la struttura oltre che ovviamente per postare degli accessori in punti precisi della pagina, completamente personalizzabili ne diventa ancor più pratico l'uso con l'ausilio dei css...
Leggi il tutorial...

Link

Indispensabili in ogni pagina web vediamo come scriverli in modo corretto e personalizzarli in base a ciò che ci occorre fare...
Leggi il tutorial...

Marquee speciali

Tanti modi per avere scrittine in movimento con personalizzazioni originali...
Leggi il tutorial...

Link effetto fade

Realizzare un menu particolare con questo script che permette di avere un effetto sfumato quando si passa con il mouse sui link...
Leggi il tutorial...

Testo effetto evidenziato

Testo evidenziato lettera per lettera, un effetto molto carino per titoli e messaggi ben visibili...
Leggi il tutorial...

Countdown

Script tra i più ricercati per realizzare gadget e "post it" personali, ovvero quanto manca ad una determinata data, per esempio, quanto manca al Natale, all'arrivo dell'autunno, ecc. ecc...
Leggi il tutorial...

Countdown Penny

Script countdown al quale ho aggiunto la possibilità di inserire una frase che si visualizzi dopo la scadenza dell'evento per il quale era stato realizzato il conteggio....
Leggi il tutorial...

Segno zodiacale

Script per far visualizzare il segno zodiacale del momento, con il testo o con le immagini...
Leggi il tutorial...
    Aggiorna il box

ೡ Visita la sezione Tutorial Home

Spazio web...

Realizzare e gestire un sito web
nell'hosting free più famoso...

Un sito su Altervista

Materiale grafico

Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!

Gif & co...




I vostri messaggi...

Grazia
09/03/2025 18:13:32
Ciao Penny, sono passata a lasciarti un salutino di buona domenica ed anche a ringraziarti per aver inserito il mio bannerino. Un abbraccio forte ed alla prossima :) Ciaooo
ೡ Scritto in... Home
 
Gabriella
07/03/2025 12:04:36
Ciao Penny, visto che usufruisco spesso delle tue lezioni di codici e html ho preso i tuoi banner ;) Grazie e un abbraccio
ೡ Scritto in... Banner link del telaio ^_^
 
Mamyr
06/03/2025 13:34:06
Ciao Penelope, grazie per questo tuo sito meraviglioso e molto utile, ho prelevatoL'almanacco in table -blu- per inserirlo nel mio blog. Inserirò anche il tuo banner, grazie ancora e buona giornata.
ೡ Scritto in... Almanacco in table
 
Pinalie
03/03/2025 01:38:03
Oh sweet Penelope .. im sorry you can make no comment yet on my pageim still working to make it fit to goi hope end summer it will be done, i hope whoo!i instalt a new clock from you.. love your clocks so much thank you so much again for your lovley giftmy derest greetings ♥♥♥
ೡ Scritto in... Orsetti...
 
Grazia
26/02/2025 09:43:32
Ciao carissima Penelope, come stai? E' da tanto che non ci sentiamo. Qui è sempre tutto meraviglioso! Sono passata a prelevare un tuo banner da inserire nel mio nuovo spazio web, alla fine sono riuscita ad inaugurare quel "famoso" sito statico in cui offro piccole utilità grafico/digitali agli utenti e l'ho chiamato Dreamland...mi ci è voluto un po' ma sono partita col progetto...dai che così magari ci sentiamo più spesso. Ancora complimenti, un abbraccio e sereno proseguimento di giornata ♥
ೡ Scritto in... Home
 
ೡPenelope ♥
18/02/2025 20:27:41
Dear Pinalie thank you so much, I couldn't leave a message in your space, a big hug ♥
ೡ Scritto in... Orsetti...
 
ೡPenelope ♥
18/02/2025 20:16:52
Cara Filo d'arianna ti ringrazio tanto, fammi sapere quando avrai un tuo spazio così da poter ricambiare, una abbraccio forte ♥
ೡ Scritto in... Banner link del telaio ^_^
 
Antonella
13/02/2025 01:00:16
ciao Penelope ho prelevato uno dei tuoi almanacchi e l'ho inserito nel mio blog.Complimenti per il tuo sito sempre ricco e interessante.[Link]
ೡ Scritto in... Almanacco soft
 
Vale
02/02/2025 06:15:22
carinissimi!!♥
ೡ Scritto in... Mini cursori
 
Pinalie
19/01/2025 22:47:05
Deer Penelope i love and instal your sweet little bear Date Time on my pageThank you so much for your work
ೡ Scritto in... Orsetti...