WebSite X5Help Center

 
Davide T.
Davide T.
User

Sfondo righe  it

Autor: Davide T.
Visitado 1079, Followers 1, Compartido 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...

Publicado en
20 RESPUESTAS - 2 úTIL
A. Kris
A. Kris
User

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

Leer más
Publicado en 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...

.




Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Davide T.
Davide T.
User
Autor

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

Leer más
Publicado en 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

Leer más
Publicado en 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... ... ...

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Davide T.
Davide T.
User
Autor

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

Leer más
Publicado en 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

Leer más
Publicado en de Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

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

Leer más
Publicado en de Mirko Boschetti
Davide T.
Davide T.
User
Autor

Ok...intanto buona domenica a tutti..

Leer más
Publicado en 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

.

Leer más
Publicado en 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!...
.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Davide T.
Davide T.
User
Autor
 ‪ 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...

Leer más
Publicado en de Davide T.
Davide T.
Davide T.
User
Autor
 ‪ 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...

Leer más
Publicado en de Davide T.
Davide T.
Davide T.
User
Autor

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

Leer más
Publicado en 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...

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Davide T.
Davide T.
User
Autor

Appena posso lo faccio su altervista entro oggi..

Leer más
Publicado en de Davide T.
Davide T.
Davide T.
User
Autor

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

Leer más
Publicado en de Davide T.