Sfondo righe
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
per la ws14 non serve, ma se vuoi dare un ochiata qui ;-)
... 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...
.
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...
Non so come vuoi utilizzarlo Davide sullo stile righe io lo uso per questo ma probabilmente non è quello che chiedevi tu
http://giancarlob.altervista.org/test-vari/galleria-full3b/
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...
..................
opppsssss, non avevo aggiornato la pagina....
... 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" ... ... e tutto con il programma... ...
... per chi potesse, provare non nuoce, e magari far sapere dei risultati ottenuti...
... ... ... penso che lo stesso si possa ottenere con qualsiasi altro oggetto... ... ...
.
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..
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....
http://www.mirboprova.altervista.org/@beta_14-2/colombo.html
ora esco e sta sera lo provo a rivedere...
Autore
Ok...intanto buona domenica a tutti..
... 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
.
... 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!...
.
Autore
Per cui bisogna capire se convenga o no utilizzare il parallasse...
Autore
Ci sto per provare...
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ò...
... 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...
.
Autore
Appena posso lo faccio su altervista entro oggi..
ciao Kol, con il tuo codice avevamo fatto questo tempo fa:
http://www.mirboprova.altervista.org/fullslidek/
quindi in teoria deve funzionare....
eccomi....provato ma non funzia ancora.....solo con quel codice...
http://www.mirboprova.altervista.org/@beta_14-2/colombo.html
Autore
Boh...non si risolve...in Abruzzo si dice 'nz arsolve...