Pagina aggiornata... Martedì, 25 marzo 2025 * Tempo di caricamento 0.28 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 2059 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 :..


Script in div colorati

Esempio pratico di come si utilizzano gli script in un div ^_^
Leggi il tutorial...

Colori esadecimali

Raccolta di tanti colori con valore esadecimale per poterli utilizzare nelle pagine, accessori, script...
Leggi il tutorial...

Marquee speciali

Tanti modi per avere scrittine in movimento con personalizzazioni originali...
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 discesa

Realizzare e personalizzare con tante opzioni i menu a discesa...
Leggi il tutorial...

Testo effetto macchina da scrivere

Un effetto molto carino e semplice da configurare e personalizzare per scrivere dei messaggi da visualizzare all'entrata di una pagina...
Leggi il tutorial...

Testo effetto ondulato e crescente

Due modi per scrivere titoli o messaggi di sicuro effetto...
Leggi il tutorial...

Countdown Penny

Script countdown al quale ho aggiunto la possibilità di inserire una frase che si visualizzi dopo la scadenza dell'evento per il quale era stato realizzato il conteggio....
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...

Ora

Uno script molto molto semplice per visualizzare l'ora nelle pagine web e realizzare dei piccoli gadget sfiziosi oltre che utili...
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...

Luca
04/06/2025 22:41:43
Ciao
ೡ Scritto in... html e script Tutorial...
 
filod'arianna
01/06/2025 09:15:59
Ciao Penelope ! Torno qui per prelevare un banner 88x31, lo inserisco nel mio forum, si troverà nello spazio "Amici non affiliati" dopo le sezioni, in fondo al forum. Ho inserito anche l'iniziativa "Help Donna" che si troverà sempre dopo le sezioni, nello spazio a lei dedicatole.Un abbraccio, a presto:-)Il mio forum[Link]
ೡ Scritto in... Banner link del telaio ^_^
 
Cleo
22/05/2025 07:05:05
ciao tesoro auguri per ieri ti aspetto qui [Link]
ೡ Scritto in... Home
 
olga
05/05/2025 20:37:45
prelevato widget post e commenti.Grazie
ೡ Scritto in... Home
 
Cleo
28/04/2025 06:48:25
buon giorno tesoro e buona settimana sempre meraviglioso qui e grazie per tutto
ೡ Scritto in... Home
 
Grazia
25/04/2025 09:58:21
Buongiorno cara Penny, eccomi qui a lasciarti un carissimo saluto ed a ringraziarti della tua carinissima visita nel sito grafico ^_^ Ti lascio un forte abbraccio e sempre complimenti di cuore 💓
ೡ Scritto in... Home
 
ೡPenelope ♥
23/04/2025 16:44:57
Grazie infinite cara Gabriella
ೡ Scritto in... Decori per pagine web
 
Cleo
14/04/2025 07:51:14
Tesoro buon giorno come stai?? scusa se ti disturbo volevo saperese a te Ws ftp funziona per salvare tutto sul sito altervista a me non sta funzionando piu io ho winws10 tu cosa utilizzi mi puoi aiutare appena apro wstp si chiude non sto riuscendo a pubblicare grazie in anticipo un abbraccio e buona settimana santa tesoro
ೡ Scritto in... Contatti
 
Gabriella
29/03/2025 13:09:27
Ciao Penny, che meraviglia ! Li preleverei tutti, intanto ne ho prelevato uno ma c'è veramente l'imbarazzo della scelta . Complimenti come sempre !
ೡ Scritto in... Decori per pagine web
 
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