Pagina aggiornata... Martedì, 25 marzo 2025 * Tempo di caricamento 0.53 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 2077 utenti


 H: 
Buon Autunno !



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


Colori esadecimali

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

Iframe

Una delle tante piccole utilissime magie del web... "iframe" ovvero uno speciale box che ci permette di visualizzare in modo assolutamente personalizzato il contenuto di una pagina web in un qualsiasi punto del nostro spazio...
Leggi il tutorial...

Table base e style

Un ottimo "strumento" per realizzare un qualsiasilavoro web, che sia un sito o un semplice gadget, si hanno a disposizione un'ampia serie di parametri che ne permettono la personalizzazione totale...
Leggi il tutorial...

Table sfondo

Le table sono trasparenti, ciò significa che prenderanno il colore o lo sfondo su cui son state postate, ma se occorre possiamo personalizzarlo con un colore o un'immagine (background)...
Leggi il tutorial...

Textarea

Box nel quale è possibile scrivere tag e codici che rimangono testo e quindi si possono prelevare per essere usati nel proprio spazio, utilissimo quando si preparano degli accessori e gadget ma anche semplicemente per fornire il codice completo del proprio banner...
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...

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

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

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

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

Veronica
10/10/2025 16:10:17
Ciao ne ho preso uno x il mio blog
ೡ Scritto in... Countdown stagioni e feste
 
Giusyna
09/10/2025 07:09:17
ciao cara vorrei qualche volta se ti e' possibile fare due chiacchiere su facebook se hai piacere mi dici in che orario ci sei?grazie Giusyna
ೡ Scritto in... Home
 
Grazia
30/09/2025 17:38:43
Ciao carissima Penelope, un forte abbraccio e buon autunno, sempre bellissimo qui :)
ೡ Scritto in... Home
 
filod'arianna
30/09/2025 08:23:45
Ciao Penelope! con un discreto ritardo, voglio ringraziarti per aver ricambiato il banner.. spero vada tutto bene, a presto
ೡ Scritto in... *Amici del telaio...*
 
Veronica
27/09/2025 14:42:47
Ciao non so dove scriverti che o preso il tuo banner x il mio blog volevo avvisarti buona serata
ೡ Scritto in... Contatti
 
Giusyna
17/08/2025 17:52:34
Ciao a Penelope e' bellissimo qui complimenti ho aggiunto il tuo sito ai link amici spero ti faccia piacereun abbraccio e buone ferie
ೡ Scritto in... *Amici del telaio...*
 
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