Pagina aggiornata... Martedì, 31 ottobre 2023 *
Tempo di caricamento
0.43
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 2400 utenti |
H:
Felice Estate
!
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 :..
Pagina web Guida alla struttura di una pagina web, come e dove aggiungere parametri per le personalizzazioni, gli script e tutti i vari codici necessari...
Leggi il tutorial... |
|
Contenitori div invisibili Div, contenitore/box quasi essenziale nel mondo web, piccola guida su come usarli senza bordi colorati, ovvero invisibili per realizzare particolari accessori e gadget
Leggi il tutorial... |
|
Basi CSS pagina web CSS o foglio di style - BasiCSS o foglio di style, odio e amore di ogni web design ^_^ antipatici da scrivere, in linea si fa prima, ma utilissimi e pratici per realizzare una pagina e ancor di più su un intero sito...
Leggi il tutorial... |
|
CSS file esterno Scrivere i css al posto di parametri in linea in ogni cosa venga postata su una pagina, non solo renderà il nostro codice ordinato e comprensibile, ci permetterà di scriverlo senza errori, quindi le nostre pagine avranno una maggiore visibilità per i motori di ricerca...
Leggi il tutorial... |
|
Link style Di default i link sono di colore blu e hanno la sottolineatura, basterà inserire nello stile (css/foglio di stile) specifici parametri per stabilirne il font, il colore, la misura e altri piccoli accorgimenti che non solo li renderanno omogenei al resto della pagina, ma ci permetteranno di renderli visibili nel modo giusto...
Leggi il tutorial... |
|
Box div con effetto rilievo Pochi semplici parametri css3 per avere contenitori div con effetto rilievo, da utilizzare come contenitore principale del sito per non appesantire le pagine con elaborate basi grafiche, rendere visibile in modo elegante un boxino per messaggi/news o abbellire delle immagini senza formati particolari che si caricano con difficoltà...
Leggi il tutorial... |
|
Menu a livelli Un menu che cresce in verticale, si possono inserire illimitate sezioni e sotto sezioni, completamente personalizzabile comodissimo per chi ha tanti link nella pagina, pratico per i navigatori che saranno aiutatida piccole gif per rammentare i link visitati...
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... |
|
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... |
|
Datario con saluto Un solo script per visualizzare un saluto in base all'ora, l'ora e la data basterà postarlo nel punto in cui vogliamo visualizzarlo e si può facilmente personalizzare...
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...
|