-
.Per posizionare e/o ridimensionare la fade cosa bisogna toccare?
Per ridimensionarla basterà agire sulla prima stringa di css della slide:CODICE.jgallery {height: 340px; width: 800px;[...] }
ho ripreso solamente i parametri interessati, modifica il primo per modificare l'altezza ( 340 ), il secondo per la larghezza ( 800 ).
Di conseguenza dovrai cercare di inserire immagini di dimensioni non minori a quelle che inserirai; se saranno maggiori l'immagine verrà tagliata. ( il codice setta anche un'altezza massima per l'immagini, impostata a 300px )
Per posizionarla basterà inserire l'html della slide all'interno di un div, dove specificherai la posizione con le funzioni top, left, bottom e right, oppure in una tabella.
. -
.
Come si modifica la durata di ogni slide? . -
.
Devi agire sul valore di animation-duration (nel codice proposto è 24.0s).
Al fine di mantenere un effetto naturale, sarà necessario impostare la stessa durata sia per le foto (.jgallery ul li) sia per il testo (.jgallery div).
Purtroppo, le animazioni in CSS3 risultano lievemente ostiche ad un primo approccio. Confido di perfezionare a breve questa guida, e magari pubblicare anche un tutorial sulle animazioni!
Nel frattempo, vi consiglio questa guida di HTML.it, giusto per darvi un'idea generale di come funzionano queste interessanti animazioni!
. -
*Fifaloverz*.
User deleted
complimenti gringo... se vorrei rimpicciolirlo un po.. e possibile? . -
.
Wow, il CSS3 è uno strumento decisamente potente.
. -
*Fifaloverz*.
User deleted
Già vero... io gia lo messo in uso e modificato anche
. -
[F!C4]MÖTOR-_-HEAD_ITA.
User deleted
Ho provato a inserire il tutto sul mio forum di prova,ma l'effetto non funziona come dovrebbe... qualcuno mi può aiutare?
. -
.
In questo punto: CODICE.jgallery div h3 {float: left; width: 280px; font-weight: bold; font-size: 33px; text-align: right; border-right: 1px solid rgba(27, 54, 81, 0.4); letter-spacing: -1px; height: 30px}
aggiungi margin-top: -5px
e in questo punto:CODICE.jgallery div p {float: left; margin-top: -10px; font-family: constantia; font-style: italic; font-size: 14px; text-align: left; width: 55%; height: auto; line-height: 90%}
modifica margin-top: -10px con margin-top: -5px. -
*Fifaloverz*.
User deleted
Grazie gringo gia fatto da solo
. -
[F!C4]MÖTOR-_-HEAD_ITA.
User deleted
Grazie ora è perfetto! . -
Teo_Mc.
User deleted
signori buonasera, sto gioendo come un bambino dopo esser riuscito ad installare la galleria immagini in slide, ma come si fa a cambiare il colore del titolo e della descrizione , non trovo il paragrafo da sostituire il codice colore......
potete aiutarmi? non sono un mostro come voi :-)
grazie.Teo.
WWW.wildcolourseyes.forumfree.it. -
.
Si trovano nelle ultime stringhe del css: CODICE/* Titolo */
.jgallery div h3 {float: left; width: 280px; font-weight: bold; font-size: 33px; text-align: right; border-right: 1px solid rgba(27, 54, 81, 0.4); letter-spacing: -1px; height: 30px}
/* Descrizione */
.jgallery div p {float: left; margin-top: -10px; font-family: constantia; font-style: italic; font-size: 14px; text-align: left; width: 55%; height: auto; line-height: 90%}
.jgallery div h3 per il titolo ; .jgallery div p per la descrizione .. -
Teo_Mc.
User deleted
fin li c'ero arrivato , ma non dovrebbero esserci dei numeri relativi a dei colori?, praticamente il testo viene scritto con un colore grigio chiano, io vorrei che verrebbe scritto con un colore leggibile tipo un bel nero, ma non capisco quale sia il colore da cambiare.
Grazie, x il tuo tempo.. -
.
Devi aggiungere alle dichiarazione di entrambi le classi: color: #hex; dove al posto di hex inserisci il codice dei colori in html.
Nel tuo caso se desideri un nero per entrambi, inserisci così:CITAZIONE/* Titolo */
.jgallery div h3 {float: left; width: 280px; font-weight: bold; font-size: 33px; text-align: right; border-right: 1px solid rgba(27, 54, 81, 0.4); letter-spacing: -1px; height: 30px; color: #000000 }
/* Descrizione */
.jgallery div p {float: left; margin-top: -10px; font-family: constantia; font-style: italic; font-size: 14px; text-align: left; width: 55%; height: auto; line-height: 90%; color: #000000}
come vedi, #000000 , è il codice che indica il nero.. -
Teo_Mc.
User deleted
ti ringrazio tanto ce lo fatta..
Ps. prima lo fatto ma ho dimenticato la parentesi graffa, per quello non andava....
Grazie mille buona serata..
JGallery con Effetto Fade v1.0 |
