Pagina aggiornata... Lunedì, 08 Dicembre 2025 * Tempo di caricamento 0.50 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 2205 utenti


 H: 
Buon Inverno e ...buon sabato!



Prelevate ciò che vi piace ma...

- Non alterate in alcun modo la grafica
- Non ri-distribuire le immagini grafiche
- Non togliete i credits ~ Grazie ^_^

..:: Basi per siti web ::..


..:: Blogger kit ::..


..:: Blogger tutorial ::..


..:: Copertine facebook ::..



Box Penelope template link...

Se prelevi un template inserisci
il link del tuo spazio qui, potrò ricambiare
la visita e avrai un po' di pubblicità...


   
   
 Nickname
 Url spazio
      
***********



Non ci sono nuovi post...


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

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

'https' Hyper Text Transfer Protocol Secure

https il prefisso più usato nel nostro quotidiano, tra acquisti e ricerche online ormai non ci facciamo nemmeno più caso, considerando che con app e browser possiamo accedere nei nostri spazi preferiti senza dover digitare l'indirizzo web, parliamo appunto di uno dei protocolli per la trasmissione dati in rete "Hypertext Transfer Protocol Secure"...
Leggi il tutorial...

CSS div struttura sito

Come impostare i parametri nei css per postare una base grafica, intera o tagliata nelle classiche 3 parti o con l'uso esclusivo di questi contenitori...
Leggi il tutorial...

Link style

Di default i link sono di colore blu e hanno la sottolineatura, basterà inserire nello stile (css/foglio di stile) specifici parametri per stabilirne il font, il colore, la misura e altri piccoli accorgimenti che non solo li renderanno omogenei al resto della pagina, ma ci permetteranno di renderli visibili nel modo giusto...
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 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...

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

Sito responsive con flexbox

Realizzare uno spazio web ottimizzato per tutti i dispositivi con i css e il modello flexbox, tante proprietà specifiche che consentono di "costruire" un sito bello, leggero e assolutamente responsive...
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...

Immagine a rotazione - Random

Script per immagini che cambiano ogni volta che si aggiorna la pagina, si possono aggiungere quante immagini si vuole e anche un link per banner o piccole anteprime...
Leggi il tutorial...
    Aggiorna il box

ೡ Visita la sezione Tutorial Home


Penelope - Un sito su AlterVista

Gif  & co... Penelope ♥




I vostri messaggi...

MOra Ribelle
16/02/2026 12:05:35
Buongiorno, contenta del tuo ritorno. Mi domando come metto anche io questo box saluti? grazie
ೡ Scritto in... Gif & co...
 
Sari
14/01/2026 17:31:32
Buon Anno Penelope. Ho prelevato un top pagina sostituendo quello natalizio. Tutto bello e utile qui, grazie.
ೡ Scritto in... Marquee con Javascript
 
Frann
25/12/2025 15:09:37
Cara amica Penelope, ti auguro un Natale, con pace, amore e tanta gioia. Bacione ~ Frann
ೡ Scritto in... Home
 
filod'arianna
24/12/2025 08:50:20
Auguri di buon Natale Penelope, e a tutti i visitatori del Telaio 🎄✨😃
ೡ Scritto in... Home
 
Sari
18/12/2025 22:01:59
Ciao Penelope, ti seguo da anni e tanto ho imparato dalle tue lezioni: grazie. Ti auguro un Natale sereno e, nonostante i tempi che stiamo vivendo, in allegria. Buon Natale
ೡ Scritto in... Home
 
filod'arianna
14/12/2025 09:32:05
Ciao Penelope, ho preso un countdown Grazie mille per averli messi a disposizione, sono deliziosi! Ne userò più d'uno sicuramente:-)
ೡ Scritto in... Countdown stagioni e feste
 
Elise
13/12/2025 18:12:05
Ciao carissima Penelope, quante meravigliose creazioni di Natale che hai realizzato, ne hopresa una, il caminetto con le calze, STUPENDO!!!!!Grazie tesoro un abbraccio grande e Buone Feste a te e tutta la tua famiglia.Elise
ೡ Scritto in... Decori pagine Natale
 
Grazia
06/12/2025 16:01:26
Ciao carissima Penelope💓 Wow bellissime le tue novità natalizie! A me tutto ok, ti ringrazio di essere passata nel Taccuino 🥰 Lascio un fortissimo abbraccio a te e ai ragazzi. A presto carissima 💖
ೡ Scritto in... Home
 
ೡPenelope ♥
04/12/2025 02:20:20
Cara filod'arianna sistemato il link un abbraccio
ೡ Scritto in... *Amici del telaio...*
 
filod'arianna
03/12/2025 11:57:26
Ti devo chiedere una gentilezza Penelope ^_^ ho modificato il dominio, potresti correggere il link del mio banner da librandosi.forumfree.it - a librandositralepagine.forumfree.it ? 🙏
ೡ Scritto in... *Amici del telaio...*