WebSite X5Help Center

 
Davide T.
Davide T.
User

Sfondo righe  it

Auteur : Davide T.
Visité 1085, Followers 1, Partagé 0  

Ciao a tutti...una domanda...ma questo codice 

<style>
#imPageRowContent_2,
#imPageRow_2 div[id^="imCell"] {
  padding: 0;
  width: 100% !important;
   height: auto !important;
}
</style>

in che modo può essere usato anche x lo sfondo stile righe? Così che lo sfondo rimanga davvero sempre adattato ad ogni risoluzione...

Posté le
20 RéPONSES - 2 UTILE
A. Kris
A. Kris
User

per la ws14 non serve, ma se vuoi dare un ochiata qui ;-)

Lire plus
Posté le de A. Kris
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
David T.
Ciao a tutti...una domanda...ma questo codice  <style> #imPageRowContent_2, #imPageRow_2 div[id^="imCell"] {   padding: 0;   width: 100% !important;    height: auto !important; } </style> in che modo può essere usato anche x lo sfondo stile righe? Così che lo sfondo rimanga davvero sempre adattato ad ogni risoluzione...

... per gli esperti dovresti far vedere un esempio funzionante per poter valutare...

... comunque, secondo me ed a rigor di logica, e se la riga fosse unica, in teoria forse si potrebbe aggiungere la proprietà HEIGHT:100%;

... prova tu, e nel caso posta il LINK per valutare eventuali aggiustamenti...

.




Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Davide T.
Davide T.
User
Auteur

Ok...x A. Kris, con la w14 purtroppo lo sfondo righe viene zoommato parecchio e non si comporta come farebbe con quel codice...x Kol purtroppo non prevedo la singola riga...provo a fare un po' di prove...

Lire plus
Posté le de Davide T.
Mirko Boschetti
Mirko Boschetti
Moderator

quello è il codice per rendere la Swiper Animated Slides full a tutta pagina e responsive....e in teoria anche con altri oggetti...es: la mappa che avevo provato, mi funzionava...wink

..................

opppsssss, non avevo aggiornato la pagina....laughing

Lire plus
Posté le de Mirko Boschetti
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Davide T.
... ... ... x Kol purtroppo non prevedo la singola riga...provo a fare un po' di prove...

... purtroppo non posso provare, ma secondo me si potrebbe tentare questo approccio/idea...

... magari Mirko  che spesso mi supporta,  potrebbe verificare su uno dei suoi esempi...

1) ... in una pagina, nascosta e senza applicare la grafica, (NomePagina.html), disporre una sola riga, possibilmente con altezza 100%, oppure assegnare HEIGHT:100% via codice STYLE,   ed applicare l'opzione Elenco immagini per avere lo SlideShow di sfondo...

2) ... poi basterebbe il mio semplice codice, DIV_CUSTOM+IFRAME...

... se funzionasse, sarebbe detto e fatto, e basterebbe un semplicissimo copia/incolla, magari verificando i livelli...

<!-- sfondo div_custom + iframe - prima della chusura del /body - by KolAsim -->
<div ID="sfondofullK" style="position:fixed; top:0px; width:100%;height:100%;z-index:1">
<iframe src="NomePagina.html"  width="100%" height="400"; scrolling="no" frameborder="no" allowtransparency="true" style="height:100%"></iframe>
</div>
<!-- sfondo div_custom + iframe - FINE -->

... potrebbe trattarsi dell'evoluzione dell'"Uovo di Colombo" ... laughing ... e tutto con il programma... wink...

... per chi potesse, provare non nuoce, e magari far sapere dei risultati ottenuti...

... ... ... penso che lo stesso si possa ottenere con qualsiasi altro oggetto... ... ...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Davide T.
Davide T.
User
Auteur

Stasera non posso provare nemmeno io ma provo a spiegarmi meglio...esempio:

Effetto parallasse su desktop...bene o male l'immagine che scegliamo di sfondo si vede nella sua completezza; nella versione smartphone risulta sempre zoommata tagliata...ed è un "difetto" già noto...ecco io vorrei evitare ciò e mantenere sempre l'effetto parallasse...ora mi sono spiegato meglio spero e scusate se ho creato fraintendimenti..

Lire plus
Posté le de Davide T.
Mirko Boschetti
Mirko Boschetti
Moderator

qui una prova con miscuglio di codici...quelli del primo post (altrimenti non si allarga al 100%), e cosi si può inserire la slide con qualsiasi effetto, in pagina nascosta....e poi il DIV_CUSTOM+IFRAME per metterla come sfondo, e sembra funzionare, ma per ora, solo in versione desktop....wink

http://www.mirboprova.altervista.org/@beta_14-2/colombo.html

Lire plus
Posté le de Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

ora esco e sta sera lo provo a rivedere...

Lire plus
Posté le de Mirko Boschetti
Davide T.
Davide T.
User
Auteur

Ok...intanto buona domenica a tutti..

Lire plus
Posté le de Davide T.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Mirko Boschetti
ora esco e sta sera lo provo a rivedere...

... grazie per esserti impegnato per il test, molto interessante...

... appena puoi, e se potrai, vedi di provare usando lo slidehow proprio del programma come sfondo della riga a tutta pagina, Elenco immagini; ...almeno per valutarne il risultato...

... come al solito, grazie, ... ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Davide T.
Stasera non posso provare nemmeno io ma provo a spiegarmi meglio...esempio: Effetto parallasse su desktop...bene o male l'immagine che scegliamo di sfondo si vede nella sua completezza; nella versione smartphone risulta sempre zoommata tagliata...ed è un "difetto" già noto...ecco io vorrei evitare ciò e mantenere sempre l'effetto parallasse...ora mi sono spiegato meglio spero e scusate se ho creato fraintendimenti..

... allora, per l'effetto parallasse bisogna entrare nella sua logica, per alcuni ostica, sulle proporzioni, rapporti razionali centrati e sull'escursione/scroll della sezione, relativa alla risoluzione dello schermo; ...per cui l'immagine viene adattata a seconda della priorità L/A, ed anche in base allo scroll derivante da cui emerge la parte nascosta, e quindi in ambiente responsive viene ovviamente zoommata...

... per limitare eventuali effetti indesiderati provare con immagini quadrate in rapporto 1:1; ...dall'aggiornamento (v14.0.3.1) è anche possibile regolare il fattore PROFONDITA'...

... personalmente, diversi anni prima dell'avvento del parallasse jQ, mi ero inventato il mio ParaParallaxK Smax/JS, unico!...
.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Davide T.
Davide T.
User
Auteur
 ‪ KolAsim ‪ ‪
Davide T. Stasera non posso provare nemmeno io ma provo a spiegarmi meglio...esempio: Effetto parallasse su desktop...bene o male l'immagine che scegliamo di sfondo si vede nella sua completezza; nella versione smartphone risulta sempre zoommata tagliata...ed è un "difetto" già noto...ecco io vorrei evitare ciò e mantenere sempre l'effetto parallasse...ora mi sono spiegato meglio spero e scusate se ho creato fraintendimenti.. ... allora, per l'effetto parallasse bisogna entrare nella sua logica, per alcuni ostica, sulle proporzioni, rapporti razionali centrati e sull'escursione/scroll della sezione, relativa alla risoluzione dello schermo; ...per cui l'immagine viene adattata a seconda della priorità L/A, ed anche in base allo scroll derivante da cui emerge la parte nascosta, e quindi in ambiente responsive viene ovviamente zoommata... ... per limitare eventuali effetti indesiderati provare con immagini quadrate in rapporto 1:1; ...dall'aggiornamento (v14.0.3.1) è anche possibile regolare il fattore PROFONDITA'... ... personalmente, diversi anni prima dell'avvento del parallasse jQ, mi ero inventato il mio ParaParallaxK Smax/JS, unico!... .

Per cui bisogna capire se convenga o no utilizzare il parallasse...

Lire plus
Posté le de Davide T.
Davide T.
Davide T.
User
Auteur
 ‪ KolAsim ‪ ‪
Mirko Boschetti ora esco e sta sera lo provo a rivedere... ... grazie per esserti impegnato per il test, molto interessante... ... appena puoi, e se potrai, vedi di provare usando lo slidehow proprio del programma come sfondo della riga a tutta pagina, Elenco immagini; ...almeno per valutarne il risultato... ... come al solito, grazie, ... ciao .

Ci sto per provare...

Lire plus
Posté le de Davide T.
Davide T.
Davide T.
User
Auteur

Non ho uno spazio web al volo per farvelo vedere ma praticamente succede che lo sfondo e il testo durante lo scroll si sdoppiano e si sovrappongono quando inserisco il codice in body...non so se sbaglio qualcosa io però...

Lire plus
Posté le de Davide T.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Davide T.
Non ho uno spazio web al volo per farvelo vedere... ...

... in attesa, e se, di Mirko, prova se puoi su Altervista, oppure in un sottocartella "prova" del tuo sito...

... magari nel tuo caso potrebbe trattarsi di oggetti che vengono allineati in modalità responsive...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Davide T.
Davide T.
User
Auteur

Appena posso lo faccio su altervista entro oggi..

Lire plus
Posté le de Davide T.
Davide T.
Davide T.
User
Auteur

Boh...non si risolve...in Abruzzo si dice 'nz arsolve...

Lire plus
Posté le de Davide T.