Pagina aggiornata... Martedì, 31 ottobre 2023 *
Tempo di caricamento
0.59
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 2437 utenti |
H:
Felice Estate
e ...buona domenica!
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... |
|
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... |
|
Marquee con javascript Realizzare le scrittine "in movimento" anche con javascript, nulla di complicato, basta fare un po' di attenzione alle solite virgolette e puntini di cui va ghiotto...
Leggi il tutorial... |
|
Sfondo pagina Vediamo come e quale tipo di sfondo/background possiamo utilizzare nelle nostre pagine, possiamo utilizzare un colore o un'immagine, abbiamo due tipi di codice con diverse varianti, da inserire direttamente nel tag body, o da preferire, nei css/foglio di style, del codice per il nostro spazio...
Leggi il tutorial... |
|
Testo - font Anche per scrivere il testo in una pagina web abbiamo bisogno di codici html, cioè impostare tramite tag il tipo, il colore e la misura del carattere che vorremo usare...
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... |
|
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... |
|
Immagine per ogni giorno del mese Script per gli amanti della grafica e delle giffette^^che ci permette di visualizzare un'immagine diversa per ogni giorno del mese
Leggi il tutorial... |
|
Stagione attuale Questo script mi è stato scritto appositamente per realizzare il gadget dell'almanacco dal mio bradipo, un codicino piccolo piccolo per far visualizzare la stagione in cui stiamo vivendo...
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...
|