Pagina aggiornata... Martedì, 31 ottobre 2023 *
Tempo di caricamento
0.24
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 2385 utenti |
H:
Buona Primavera
e ...buon weekend!
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 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... |
|
Div invisibili dreamweaver Realizzare div personalizzati con l'editor dreamweaver
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... |
|
Cursore Se vogliamo abbellire le nostre pagine non possiamo assolutamente trascurare "il cursore" possiamo trasformarlo come e dove vogliamo, semplicemente variando la forma, sostituirlo con piccole gif o addirittura affiancarlo ad una scritta...
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 Un modo simpatico e sicuramente visibile per attirare l'attenzione in punti specifici di una pagina, scrittine o immagini che camminano...
Leggi il tutorial... |
|
Table scroll Nelle nostre table possiamo mettere lo scroll, affinché abbiano delle misure predefinite ma possano contenere lunghi testi o tante immagini...
Leggi il tutorial... |
|
Menu bottoncini hover Un menu ordinato e originale per chi ama graficare, bottoncini che si trasformano al passaggio del mouse...
Leggi il tutorial... |
|
Pioggia di gif... Piccole gif che cadono come leggera pioggia, piccole magie del web! Si trovano diversi script in rete ma questo è al momento l'unico che non fa impazzire lo scroll nelle pagine e non ne sporca il codice...
Leggi il tutorial... |
|
Saluto in base all'ora... con testo Piccolo script per visualizzare un saluto in base all'ora con frasi di testo...
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...
|