Pagina aggiornata... Martedì, 25 marzo 2025 * Tempo di caricamento 0.25 secondi
Link navigazione : Home telaioHome ~ Template ~ Blogger_tutorial » Eliminare effetto trasparenza

..:: Blogger tutorial - Eliminare effetto trasparenza ::..

Se attiviamo un blog Blogger con l'idea di personalizzarlo la scelta del tema per iniziare
è per lo più tra quelli semplici, "Simple Simply Simple" o "Simple Pale"
Il primo è tutto bianco tranne per un paio di linee grigie che si possono facilmente togliere dai css,
potete leggere il tutorial in Sfondo base grafica, nel secondo invece ci sono dei parametri per un effetto
ombreggiatura (shadow) che creano un fastidioso effetto trasparenza su uno sfondo con base grafica,
ma anche in questo caso possiamo eliminarli senza toccare il codice sorgente

In questa immagine potete vedere come si visualizza lo spazio blog, è evidenziato
dall'effetto shadow, in pratica è come se ci fosse una pagina in rilievo sopra la base grafica
* Cliccate sull'immagine per ingrandire e vedere maggiori dettagli



Questi sono i parametri che creano l'effetto rilievo/ombreggiatura e io li adoro, ci sono anche
qui nella cornice del telaio, ma in questo caso, lo spazio/blog è parte dello sfondo (base grafica)
quindi non ci sono utili al contrario creano un antiestetico effetto trasparenza

.content-outer {
-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
margin-bottom: 1px;
}

Per eliminarli useremo il box "Aggiungi CSS" del tool per le personalizzazioni,
bisognerà però "ingannare" il codice, affinché la modifica funzioni occorre necessariamente
aggiungere dei parametri, per cui rimetteremo il codice modificando i valori dei parametri,
in realtà un valore, l'ultimo, l'unico valore numerico (.15) che metteremo a "0" e aggiungeremo
un bordo "invisibile" ovvero per la misura anche qui scriveremo "0px"

 


Se vi state domandando perché non inseriamo semplicemente
.content-outer {margin-bottom: 1px;} perché non funziona...

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"


Incolliamo il codice dove c'è scritto "Aggiungi CSS personalizzati"
*Se abbiamo già inserito dei parametri andiamo a capo dopo la parentesi graffa



Salviamo cliccando sul sull'icona floppy che troviamo a destra in fondo alla pagina,
nell'anteprima è possibile che non si visualizzi subito la modifica ma il blog sarà bello pulito

* Cliccate sull'immagine per ingrandire e vedere maggiori dettagli




Cancellare i parametri shadow dal codice sorgente

In alternativa si possono cancellare i parametri direttamente nel codice sorgente, non è complicato
basta fare attenzione a non cancellare altri parametri, clicchiamo su "Design" per accedere
al pannello, poi sul triangolino accanto a "PERSONALIZZA" quindi clicchiamo su "Modifica HTML"

Si aprirà la pagina che contiene il codice sorgente, scrolliamo giù fino ad arrivare ai parametri css



Cancelliamo solo i parametri shadow



Salviamo cliccando sull'icona floppy che troviamo a destra in alto alla pagina

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 1994 utenti


 H: 
Buona Primavera !



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

Pagina anteprima gadget

Realizzare una pagina che ci permetta di mostrare le anteprime di accessori e gadget preparati per gli utenti affinché possano prelevarli...
Leggi il tutorial...

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

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

Table lavori

Alcuni esempi di cosa possiamo combinare con le table^^mettiamo in pratica ciò che ho scritto nelle altre pagine, abbiamo il codice base, sappiamo come inserire lo style, un colore o uno sfondo...
Leggi il tutorial...

Font personalizzato nel sito...

Personalizzare con pochi semplici passaggi il font, carattere del testo, nel nostro sito o in una pagina web!
Leggi il tutorial...

Testo effetto ondulato e crescente

Due modi per scrivere titoli o messaggi di sicuro effetto...
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...

Frasi a rotazione o random

Script che permette di visualizzare una frase diversa ad ogni aggiornamento pagina, vediamo il codice e come fare le varie personalizzazioni...
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...

Grazia
09/03/2025 18:13:32
Ciao Penny, sono passata a lasciarti un salutino di buona domenica ed anche a ringraziarti per aver inserito il mio bannerino. Un abbraccio forte ed alla prossima :) Ciaooo
ೡ Scritto in... Home
 
Gabriella
07/03/2025 12:04:36
Ciao Penny, visto che usufruisco spesso delle tue lezioni di codici e html ho preso i tuoi banner ;) Grazie e un abbraccio
ೡ Scritto in... Banner link del telaio ^_^
 
Mamyr
06/03/2025 13:34:06
Ciao Penelope, grazie per questo tuo sito meraviglioso e molto utile, ho prelevatoL'almanacco in table -blu- per inserirlo nel mio blog. Inserirò anche il tuo banner, grazie ancora e buona giornata.
ೡ Scritto in... Almanacco in table
 
Pinalie
03/03/2025 01:38:03
Oh sweet Penelope .. im sorry you can make no comment yet on my pageim still working to make it fit to goi hope end summer it will be done, i hope whoo!i instalt a new clock from you.. love your clocks so much thank you so much again for your lovley giftmy derest greetings ♥♥♥
ೡ Scritto in... Orsetti...
 
Grazia
26/02/2025 09:43:32
Ciao carissima Penelope, come stai? E' da tanto che non ci sentiamo. Qui è sempre tutto meraviglioso! Sono passata a prelevare un tuo banner da inserire nel mio nuovo spazio web, alla fine sono riuscita ad inaugurare quel "famoso" sito statico in cui offro piccole utilità grafico/digitali agli utenti e l'ho chiamato Dreamland...mi ci è voluto un po' ma sono partita col progetto...dai che così magari ci sentiamo più spesso. Ancora complimenti, un abbraccio e sereno proseguimento di giornata ♥
ೡ Scritto in... Home
 
ೡPenelope ♥
18/02/2025 20:27:41
Dear Pinalie thank you so much, I couldn't leave a message in your space, a big hug ♥
ೡ Scritto in... Orsetti...
 
ೡPenelope ♥
18/02/2025 20:16:52
Cara Filo d'arianna ti ringrazio tanto, fammi sapere quando avrai un tuo spazio così da poter ricambiare, una abbraccio forte ♥
ೡ Scritto in... Banner link del telaio ^_^
 
Antonella
13/02/2025 01:00:16
ciao Penelope ho prelevato uno dei tuoi almanacchi e l'ho inserito nel mio blog.Complimenti per il tuo sito sempre ricco e interessante.[Link]
ೡ Scritto in... Almanacco soft
 
Vale
02/02/2025 06:15:22
carinissimi!!♥
ೡ Scritto in... Mini cursori
 
Pinalie
19/01/2025 22:47:05
Deer Penelope i love and instal your sweet little bear Date Time on my pageThank you so much for your work
ೡ Scritto in... Orsetti...