WebSite X5Help Center

 
Pierpaolo C.
Pierpaolo C.
User

Non mi compare più l'ombra laterale  it

Auteur : Pierpaolo C.
Visité 1576, Followers 1, Partagé 0  

Nella nuova versione di Website il codice sotto riportato

non funziona più:

Statistiche, seo e codice , poi esperto

--->Prima della chiusura del tag HEAD<----

<style> 
#imPage{ box-shadow: 0px 0px 100px -5px rgba(0,0,0,0.8); }
#imMnMn > ul > li.imMnMnSeparator {
background: transparent;
cursor: default;
top:-20px;
border-bottom: 32px solid green;
width: 2px;
height:18px;
}
</style>

Posté le
16 RéPONSES - 1 UTILES - 1 CORRECT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... si tratta di codice extra; ... posta il link della pagina in questione per verificare...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Pierpaolo C.
Pierpaolo C.
User
Auteur

Non ho esportato il sito perché è attualmente funzionante.

Il problema si evince con l'anteprima, però non vorrei esportare e rovinare quello che già funziona.

(il sito funzionante è stato esportato con la versione 12)

Lire plus
Posté le de Pierpaolo C.
Skeggia 12
Skeggia 12
Moderator

puoi esportarlo in una sottocartella, ad es. "prova" per verificarne il funzionamento...

hai provato con #imContent?...

Lire plus
Posté le de Skeggia 12
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... non posso verificare nel programma,  ed è sempre meglio il link essendo intervento extra alle funzioni del programma...

...puoi esportare in sotto directory "prova": ww.tuosito.xyz/prova/  ...oppure su Altervista...

... eventualmente resta in attesa di altri che possano verificare in locale...

.



Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Pierpaolo C.
Pierpaolo C.
User
Auteur

potete notare le differenze fra la nuova e la vecchia esportazione 

Lire plus
Posté le de Pierpaolo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... tra v.12 e v.13 vedo che sono cambiati gli enti in gioco, che dovresti rilevare nel codice sorgente...

... prova a sostituire la prima riga del tuo codice con questa stringa:

#imHeader,#imContentGraphics,#imFooter { box-shadow: 0px 0px 100px -5px rgba(0,0,0,0.8) } 

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Skeggia 12
Skeggia 12
Moderator

non solo sono cambiati i selettori, ma dovrai anche ridefinire posizione e larghezza, altrimenti ti prende tutto lo schermo e non vedi l'ombra lateralmente... prova con questo, una via di mezzo con quello di Kolasim... o provali tutti e due...

#imContentGraphics {position:relative;width:960px;margin:0 auto;
    background-color: transparent;
    box-shadow: -5px 0px 80px rgba(0,0,0,0.6);
}

personalizzando i valori...

Lire plus
Posté le de Skeggia 12
Pierpaolo C.
Pierpaolo C.
User
Auteur

Grazie ma,

se aggiungo "position:relative" tutto il contenuto si sposta in basso.

mentre aggiungendo il box shadow su ogni selettore l'ombra occupa lo spazio degli altri selettori.

Lire plus
Posté le de Pierpaolo C.
Pierpaolo C.
Pierpaolo C.
User
Auteur

Grazie Mirko anche per la tua risposta,

Se vedi la versione precedente l'ombra appariva solo a destra e sinistra dell'intera pagina (header, contentuti, footer).

Mi sembra di aver capito che nell'ultima versione non si può selezionare l'intera pagina, quindi ogni selettore avrà la sua ombra che apparirà anche nella parte inferiore e nella parte superiore dello stesso sovrastando il selettore adiacente.

Lire plus
Posté le de Pierpaolo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... ottimo Mirko, ...grazie per la extension... laughing ... wink

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Pierpaolo C.
Pierpaolo C.
User
Auteur

Buonasera,

dopo vari "smanettamenti" la soluzione è la seguente:

#imPage  { position:relative;width:1050px;margin:0 auto;
    background-color: transparent;box-shadow: 0px 0px 100px rgba(0,0,0,0.8) }

Grazie per il vostro supporto! A presto

Lire plus
Posté le de Pierpaolo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... sicuro...?...

... mi sembrava che quello valesse per la v.12... ... nell'esempio non si vede...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Pierpaolo C.
Pierpaolo C.
User
Auteur

Sicuro,

Versione 12:

vecchio codice: <style>#imPage{ box-shadow: 0px 0px 100px -5px rgba(0,0,0,0.8); }</style>

////////////////////////////////////////////////////

Versione 13

nuovo codice:  

<style>

#imPage  { position:relative;width:1050px;margin:0 auto; background-color: transparent;box-shadow: 0px 0px 100px rgba(0,0,0,0.8) }

</style>

Lire plus
Posté le de Pierpaolo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... meglio così; ... non potendo provare, non lo vedevo attuato nel precedente esempio...

Lire plus
Posté le de  ‪ KolAsim ‪ ‪