WebSite X5Help Center

 
Giuseppe N.
Giuseppe N.
User

Creare shadow borders per l'area "Contenuto della Pagina"  it

Auteur : Giuseppe N.
Visité 2127, Followers 1, Partagé 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 yell

Posté le
10 RéPONSES - 2 UTILE - 1 CORRECT
Skeggia 12
Skeggia 12
Moderator

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

Lire plus
Posté le de Skeggia 12
Giorgio C.
Giorgio C.
User

Con le immagini di sfondo DEVE funzionare! 

Forse hai sbagliato qualcosa nell'inserirle

ciao

Lire plus
Posté le de Giorgio C.
Giuseppe N.
Giuseppe N.
User
Auteur

 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.

Lire plus
Posté le de Giuseppe N.
Giuseppe N.
Giuseppe N.
User
Auteur

Ho rilevato anche un altro problema... i contenuti della Pagina e della barra laterale sforano dalla pagina. Si veda screenshot

Lire plus
Posté le de Giuseppe N.
Giuseppe N.
Giuseppe N.
User
Auteur

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.

Lire plus
Posté le de Giuseppe N.
Skeggia 12
Skeggia 12
Moderator

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

Lire plus
Posté le de Skeggia 12
Giuseppe N.
Giuseppe N.
User
Auteur

Grazie Skeggia, purtroppo il blocco laterale del blog non è  facilmente modificabile... il problema si presenta solo li...

Lire plus
Posté le de Giuseppe N.
Giuseppe N.
Giuseppe N.
User
Auteur

Salve!

Qualche ulteriore suggerimento per il blocco dx del blog che è debortante, dopo l'aggiunta dell'ombra?

Grazie.

Lire plus
Posté le de Giuseppe N.
Skeggia 12
Skeggia 12
Moderator

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

Lire plus
Posté le de Skeggia 12
Giuseppe N.
Giuseppe N.
User
Auteur

Grande Skeggia!! Correggendo il codice in questa maniera:

<style>
#imBlogSidebar {margin-bottom:6px;}
</style>

FUNZIONA !!

Problema risolto!!

Grazierrime!!

Lire plus
Posté le de Giuseppe N.