Creare shadow borders per l'area "Contenuto della Pagina"
Author: Giuseppe N.
Visited 2169,
Followers 1,
Shared 0
Ancora io ( terzo post in meno di una settimana)
E' possibile creare un effetto "ombra", partendo dalla struttura del modello, per l'area che contiene i contenuti della pagina, cosi da da re un leggero effetto di profondità al "foglio bianco" ?
Bisogna intervenire su foglio di stile? Esiste un metodo meno macchinoso?
Grazie in anticipo a chi risponderà!
ps: ho provato ad inserire degli sfondi png ma non funziona
Posted on the
puoi provare con questo css, da inserire al passo 1, impostazioni, Avanzate, Statistiche, Codice e SEO, tab esperto, prima della chiusura del tag head...
<style>
#imContentGraphics {
box-shadow: 10px 10px 5px red;
margin-bottom: 10px;
}
</style>
da aggiustare i valori secondo le tue preferenze... margin-bottom necessita per fare vedere l'ombra in basso...
da verificare il risultato alle risoluzioni inferiori nel responsive...
Con le immagini di sfondo DEVE funzionare!
Forse hai sbagliato qualcosa nell'inserirle
ciao
Author
Grazxie skeggia, funziona! Ottimo. Vorrei però arrotondare i bordi e sfumare un pò: ci sono altre righe di codice da aggiungere a tua conoscenza?
Scusa, forse chiedo troppo, ma se posso migliorare ulteriormente l'aspetto sarebbe l'ideale.
Grazie
@Giorgio: ho provato di tutto, niente funziona. Probabilmente sbaglio qualcosa, ma non so cosa. Grazie anche a te.
Author
Ho rilevato anche un altro problema... i contenuti della Pagina e della barra laterale sforano dalla pagina. Si veda screenshot
Author
PS : ho risolto parzialmente, inserendo una riga di testo con semplici punti alla fine ( per le pagine del sito), nel il blocco destro del blog il problema persiste, bisogna intervenire sul css del blog.
Grazie.
ho dato una lettura veloce dei tuoi post, e non avendo la possibilità di provare ora, puoi provare tu ad inserire un margine esterno in basso (o lateralmente a dx o sx), nello stile dell'oggetto, alle celle dei contenuti che sbordano...
Author
Grazie Skeggia, purtroppo il blocco laterale del blog non è facilmente modificabile... il problema si presenta solo li...
Author
Salve!
Qualche ulteriore suggerimento per il blocco dx del blog che è debortante, dopo l'aggiunta dell'ombra?
Grazie.
prova a mettere nelle proprietà della pagina del blog, tab esperto, prima della chiusura del tag head, questo css...
<style>
#imBlogSidebar {margin-right:10px;}
</style>
aggiustando il valore del margine...
Author
Grande Skeggia!! Correggendo il codice in questa maniera:
<style>
#imBlogSidebar {margin-bottom:6px;}
</style>
FUNZIONA !!
Problema risolto!!
Grazierrime!!