WebSite X5Help Center

 
#ABCD WebAgency
#ABCD WebAgency
User

V.19 - Content slider (altezza adattiva)  it

Author: #ABCD WebAgency
Visited 861, Followers 2, Shared 0  

ottima l'idea di creare il content slider (era ora!). Perfetto per la possibilità di adattarlo alla larghezza dei monitor in cui si visualizza!

Ora però bisogna lavorare anche sull'adattamento del content slider per la sua lunghezza; adattare il tutto anche alla lunghezza dei monitor in cui si visualizza.

Posted on the
11 ANSWERS - 2 USEFUL
Giuseppe Guida
Giuseppe Guida
User

+1

Inoltre sarebbe opportuno rendere anche responsive le immagini inserite come sfondo

Read more
Posted on the from Giuseppe Guida
Vincenzo Errico
Vincenzo Errico
User

+100000 e non solo per il content slider !

Read more
Posted on the from Vincenzo Errico
Giuseppe Puzzolo
Giuseppe Puzzolo
User

+100000

Read more
Posted on the from Giuseppe Puzzolo
A. Kris
A. Kris
User

+1

Read more
Posted on the from A. Kris
Incomedia
Elisa B.
Incomedia

Buongiorno!

Grazie per il tuo suggerimento. Potresti allegare qualche screenshot per mostrarmi meglio che risultato vorresti ottenere? In questo modo, potrò riportare la tua idea con più precisione. 

Grazie, resto in attesa di un tuo riscontro.

Read more
Posted on the from Elisa B.
Roberto N.
Roberto N.
User

+1

Read more
Posted on the from Roberto N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... in attesa della evoluzione dell'idea, ...solo a titolo informativo, e solo per i principianti dell'ultima ora che ancora non lo sapessero e leggendo qui ne fossero interessati, ... é possibile ottenere la prima riga o l'heder a tutta altezza in rapporto cover con codice extra semplice e non impegnativo...

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
 ‪ KolAsim ‪ ‪
é possibile ottenere la prima riga o l'heder a tutta altezza in rapporto cover con codice extra semplice e non impegnativo...

Ciao KolAsim, con quale codice extra è possibile adattare in altezza l'header?
Ad esempio, io uso questo per le righe:

<style> #imPageRow_1 { min-height: 100vh; }</style>

Read more
Posted on the from Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Vincenzo Errico
 ‪ ... ... ...  Ciao KolAsim, con quale codice extra è possibile adattare in altezza l'header? Ad esempio, io uso questo per le righe: <style> #imPageRow_1 { min-height: 100vh; }</style>

ciao, ... converrebbe discuterne su appositi Topic esterni a questo...
... dipende dalla struttura usata, su cui basarsi per potersi orientare, ed un semplice esempio online sarebbe utile...
... penso che la cosa più semplice sia quella di eliminare l'heder ed usare la prima riga disposta al TOP della pagina... 
... , il tuo codice va bene,  o andrebbe bene, ma va visto nel contesto, e 100vh equivale 100% ...
... in genere *vw ed *vh si usano per controllare le dimensioni percentuali in base alla finestra del browser...

... visto che si tratterebbe sempre di manipolare qualcosa, una volta che ci si entra dentro diventerebbe facile, e la mia idea fondamentale e semplice che forse ti avevo fatto vedere  consisterebbe nel realizzare un qualsiasi slideshow terzo (tu ne sei già un esperto), da importare nel progetto con il mio codice applicato allo storico DIV_CUSTOM+IFRAME (che hai o avevi già usato), altamente flessibile e disimpegnato dal progetto, ed una volta che si è provato non se ne potrà fare a meno dando libero spazio alla propria creatività; ...una volta che si sa, più limite non c'è...

... nel caso ci risentiremo altrove...

ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User

Elisa, dovrebbe essere qualcosa del genere:

http://www.bozzasito001.altervista.org/slidebootstrap/

l'altezza della slide creata con il framework Bootstrap (ho usato una vecchia versione di Bootstrap) si adatta sempre a qualsiasi altezza del dispositivo sul quale viene visualizzata.

Read more
Posted on the from Giuseppe Guida
#ABCD WebAgency
#ABCD WebAgency
User
Author

solo ora mi accorgo che l'oggetto non è responsive! incredibile.

Read more
Posted on the from #ABCD WebAgency