WebSite X5Help Center

 
Davide T.
Davide T.
User

Sfondo righe  it

Autore: Davide T.
Visite 1078, Followers 1, Condiviso 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...

Postato il
20 RISPOSTE - 2 UTILI
A. Kris
A. Kris
User

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

Leggi di più
Postato il da 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...

.




Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Davide T.
Davide T.
User
Autore

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

Leggi di più
Postato il da 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

Leggi di più
Postato il da 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... ... ...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Davide T.
Davide T.
User
Autore

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

Leggi di più
Postato il da 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

Leggi di più
Postato il da Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

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

Leggi di più
Postato il da Mirko Boschetti
Davide T.
Davide T.
User
Autore

Ok...intanto buona domenica a tutti..

Leggi di più
Postato il da 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

.

Leggi di più
Postato il da  ‪ 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!...
.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Davide T.
Davide T.
User
Autore
 ‪ 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...

Leggi di più
Postato il da Davide T.
Davide T.
Davide T.
User
Autore
 ‪ 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...

Leggi di più
Postato il da Davide T.
Davide T.
Davide T.
User
Autore

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

Leggi di più
Postato il da 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...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Davide T.
Davide T.
User
Autore

Appena posso lo faccio su altervista entro oggi..

Leggi di più
Postato il da Davide T.
Davide T.
Davide T.
User
Autore

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

Leggi di più
Postato il da Davide T.