Pagina aggiornata... Lunedì, 08 Dicembre 2025 *
Tempo di caricamento
0.73
secondi
Link navigazione :
Home telaio ೡ Home ~ 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:
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 ^_^
|
~ Pagina visitata da 2589 utenti
|
H:
Buon Inverno
e ...buon sabato!
Prelevate ciò che vi piace ma...
- Non alterate in alcun modo la grafica
- Non ri-distribuire le immagini grafiche
- Non togliete i credits ~ Grazie ^_^ |
..:: Basi per siti web ::..
..:: Blogger kit ::..
..:: Blogger tutorial ::..
..:: Copertine facebook ::..
Box Penelope template link...
Se prelevi un template inserisci
il link del tuo spazio qui, potrò ricambiare
la visita e avrai un po' di pubblicità...
...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... |
 |
|
Anteprima... ..: html & script tutorial :..
'https' Hyper Text Transfer Protocol Secure https il prefisso più usato nel nostro quotidiano, tra acquisti e ricerche online ormai non ci facciamo nemmeno più caso, considerando che con app e browser possiamo accedere nei nostri spazi preferiti senza dover digitare l'indirizzo web, parliamo appunto di uno dei protocolli per la trasmissione dati in rete "Hypertext Transfer Protocol Secure"...
Leggi il tutorial... |
|
Table sfondo Le table sono trasparenti, ciò significa che prenderanno il colore o lo sfondo su cui son state postate, ma se occorre possiamo personalizzarlo con un colore o un'immagine (background)...
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... |
|
Testo effetto arcobaleno Titoli e scrittine con i colori dell'arcobaleno e volendo anche allegri gadget ^_^ Un piccolo semplice script, un po' di pazienza per settare i colori e al solito, un pizzico di fantasia...
Leggi il tutorial... |
|
Testo effetto ondulato e crescente Due modi per scrivere titoli o messaggi di sicuro effetto...
Leggi il tutorial... |
|
Calendario perpetuo Realizzare un calendario perpetuo ovvero che si aggiorni automaticamente di mese in mese non è difficile grazie ad uno script javascript...
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... |
|
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... |
|
Data Script per visualizzare la data nelle pagine web in vari formati e con le personalizzazioni che ci servono...
Leggi il tutorial... |
|
Una frase per ogni giorno della settimana Un piccolo script che ci permetterà di visualizzare un saluto, una frase o una poesia diversa per ogni giorno della settimana...
Leggi il tutorial... |
| Aggiorna il box
ೡ Visita la sezione Tutorial Home

|