Pagina aggiornata... Martedì, 31 ottobre 2023 * Tempo di caricamento 0.06 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 2460 utenti


 H: 
Buon Autunno !



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 :..


Caratteri speciali html

Raccolta di caratteri speciali html necessari in alcuni script e pagine web...
Leggi il tutorial...

Cbox - nuova Cbox!

Tutorial passo passo per la nuova versione della Cbox, la ciattina per brevi messaggi, gratuita e completamente personalizzabile da avere sul proprio spazio per comunicare velocemente con gli amici. Tutorial suddiviso in due pagine
Leggi il tutorial... e Theme editor

Link ancore

Piccolo utilissimo "trucchetto" che possiamo realizzare con i link^^ ovvero scrivere dei link che permettano di far arrivare in un clik i nostri utenti, in un punto preciso, nella pagina che si sta leggendo o in una nuova...
Leggi il tutorial...

Iframe per sito web

Utilizzare un iframe, una finestra nella home con misure personalizzate, dove far visualizzare tutte le pagine del sito... un'opzione che semplificherà il lavoro di aggiornamenti e modifiche
Leggi il tutorial...

Sito responsive con flexbox

Realizzare uno spazio web ottimizzato per tutti i dispositivi con i css e il modello flexbox, tante proprietà specifiche che consentono di "costruire" un sito bello, leggero e assolutamente responsive...
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...

Menu a discesa

Realizzare e personalizzare con tante opzioni i menu a discesa...
Leggi il tutorial...

Menu a scomparsa laterale

Realizzare e personalizzare il menu a scomparsa posizionato all'inizio delle pagine comodo e originale...
Leggi il tutorial...

Conta tempo

Script che ci permette di visualizzare il tempo trascorsoda una data prestabilita, tipo da quanto tempo è online il nostro spazio...
Leggi il tutorial...

Una frase per ogni giorno del mese

Script molto semplice con cui visualizzare una frase per ogni giorno del mese, ma anche un proverbio o un aforisma... largo alla fantasia e alla pazienza...
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...

Veronica
10/10/2025 16:10:17
Ciao ne ho preso uno x il mio blog
ೡ Scritto in... Countdown stagioni e feste
 
Giusyna
09/10/2025 07:09:17
ciao cara vorrei qualche volta se ti e' possibile fare due chiacchiere su facebook se hai piacere mi dici in che orario ci sei?grazie Giusyna
ೡ Scritto in... Home
 
Grazia
30/09/2025 17:38:43
Ciao carissima Penelope, un forte abbraccio e buon autunno, sempre bellissimo qui :)
ೡ Scritto in... Home
 
filod'arianna
30/09/2025 08:23:45
Ciao Penelope! con un discreto ritardo, voglio ringraziarti per aver ricambiato il banner.. spero vada tutto bene, a presto
ೡ Scritto in... *Amici del telaio...*
 
Veronica
27/09/2025 14:42:47
Ciao non so dove scriverti che o preso il tuo banner x il mio blog volevo avvisarti buona serata
ೡ Scritto in... Contatti
 
Giusyna
17/08/2025 17:52:34
Ciao a Penelope e' bellissimo qui complimenti ho aggiunto il tuo sito ai link amici spero ti faccia piacereun abbraccio e buone ferie
ೡ Scritto in... *Amici del telaio...*
 
Luca
04/06/2025 22:41:43
Ciao
ೡ Scritto in... html e script Tutorial...
 
filod'arianna
01/06/2025 09:15:59
Ciao Penelope ! Torno qui per prelevare un banner 88x31, lo inserisco nel mio forum, si troverà nello spazio "Amici non affiliati" dopo le sezioni, in fondo al forum. Ho inserito anche l'iniziativa "Help Donna" che si troverà sempre dopo le sezioni, nello spazio a lei dedicatole.Un abbraccio, a presto:-)Il mio forum[Link]
ೡ Scritto in... Banner link del telaio ^_^
 
Cleo
22/05/2025 07:05:05
ciao tesoro auguri per ieri ti aspetto qui [Link]
ೡ Scritto in... Home
 
olga
05/05/2025 20:37:45
prelevato widget post e commenti.Grazie
ೡ Scritto in... Home