Effetti tipografici

[Miss. Lin]

Salve a tutti,


al seguente link [size=78%]http://jschr.github.io/textillate/[/size] ho scaricato il progetto. Tale progetto mi serve per implementare all'interno del banner un testo che abbia effetti tipografici. Purtroppo pur volendo mantenere un profilo basso e modificando soltanto i css il problema che non riesco a sormontare è quello della grandezza, che nonostante cambio resta enorme.
Qualcuno per caso è disposto a realizzare o ad aiutarmi a realizzare il progetto da implementare nel banner? Grazie a tutti.

[skeggia]

scusa, la grandezza di cosa devi variare? di quale elemento?

[Miss. Lin]

In pratica il testo "textillate.js" non riesco a rimpicciolirlo, nonostante io modifichi il css e sembra essersi modificato, durante l'anteprima le modifiche sono invariate. Devo inserire questo testo con effetto all'interno del banner di questo sito http://doublelldesignz.altervista.org/GRIV/index.html ed il testo che dovrà riportare l'effetto dev'essere la frase "Materiali elettrici e tecnici per le industrie"

[skeggia]

ciao MIss. Lin
il parametro che va modificato è questo:
questo è il codice presente:
    $('.jumbotron h1')
      .fitText(0.5)
      .textillate({ in: { effect: 'flipInY' }});

questo è il codice modificato (in rosso è quello che ho aggiunto io) e 168 è il parametro da modificare per ingrandire o rimpicciolire il testo
    $('.jumbotron h1')
      .fitText(0.5, { maxFontSize: 168 })
      .textillate({ in: { effect: 'flipInY' }});

tieni presente che di questi codici non ne mastico assolutamente nulla, ma vado a naso, e ci sono arrivato provando e riprovando. Vedi se è quello che volevi ottenere.
Ciao
sk

[skeggia]

scusa, mi sono dimenticato di scrivere dove sta questo codice, è nel codice html in fondo.
ciao

[Miss. Lin]

Ciao skeggia e grazie per l'aiuto, il mio errore è stato quello di guardare e modificare sempre e solo i css, cmq qui puoi vedere il risultato http://doublelldesignz.altervista.org/GRIV/partner.html
adesso devo solo capire come inserire oltre che in entrata anche un effetto in uscita.
N.B.
Nella homepage nn si vede perchè entra in conflitto con la gallery a cui devo apportare modifiche.
Inoltre è ben accetto un aiuto per inserire un effetto in uscita, mi redo conto che per me è un pò difficile apportare queste modifiche perchè non sono abituata ad interfacciarmi con loro spesso.

[stesil]

Nella homepage nn si vede perchè entra in conflitto con la gallery a cui devo apportare modifiche.

Prova ad inserire i  file in questo modo: in impostazioni generali, esperto i file css e i tre file js (jquery.fittext.js, jquery.lettering.js e jquery.textillate.js) per l'effetto sul testo. Nell'oggetto html in modifica del modello lasci solo lo script che richiama la funzione textillate. (<script>   $(function (){ [....]   </script>)

Sposta quindi in head della pagina gli script js per nivoslider che ora hai inserito nell'oggetto html.

Inoltre hai incluso ancora più volte (ora sono 3) la libreria jQuery.

Inoltre è ben accetto un aiuto per inserire un effetto in uscita, mi redo conto che per me è un pò difficile apportare queste modifiche perchè non sono abituata ad interfacciarmi con loro spesso.

Per visualizzare l'effetto in uscita devi attivare il loop: questo potrebbe essere un esempio

Codice:

Only registered users can see contents. Please click here to Register or Login.

[Miss. Lin]

Ho inserito i file in questo modo:

[/size]- in impostazioni generali, esperto i file css e i tre file js (jquery.fittext.js, jquery.lettering.js e jquery.textillate.js) per l'effetto sul testo. Nell'oggetto html in modifica del modello ho lasciato solo lo script che richiama la funzione textillate. (<script>   $(function (){ [....]   </script>)[/size]ed in head della pagina gli script js per nivoslider che erano inseriti nell'oggetto html.


Purtroppo non funzionava più nulla dopo i cambiamenti, così ho apportato un paio di modifiche, ovvero ho inserito gli script js di nivoslider nella pagina in prima della chiusura del tag body e lo stesso ho fatto con i file js di textillate. Ma l'effetto testo continua a non comparire nella homepage e se sposto le posizioni inserendoli in altri tag, nemmeno funziona. Ho cmq aggiornato il sito con queste ultime modifiche.


N.B.
Non ho capito cosa significa e dove è inserita:
"Inoltre hai incluso ancora più volte (ora sono 3) la libreria jQuery."

[stesil]

Avresti potuto lasciare online la prova con gli errori ..


http://stesil.altervista.org/evo10/nivotext/index.html

[Miss. Lin]

Stesil te l'ho appena pubblicato con gli errori http://doublelldesignz.altervista.org/GRIV/index.html

[stesil]

Proviamo ad andare con ordine.

Le librerie jQuery da togliere: guarda il sorgente della tua pagina.

<script type="text/javascript" src="files/jquery-1.9.0.min.js"></script>

E' proprio prima del file js di nivoslider, in proprietà della pagina quindi.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

Questo invece è in modifica del modello, con il codice dell'effetto sul testo.

[Miss. Lin]

Ho appena eliminato le 2 voci, adesso l'unico problema è che il testo nella home si vede ma totalmente spostato e decentrato rispetto a  tutte le altre pagine.

[stesil]

Ho appena eliminato le 2 voci,

Oh, bene. Ora funziona senza errori js. Era quindi colpa della tripla inclusione della libreria. 

adesso l'unico problema è che il testo nella home si vede ma totalmente spostato e decentrato rispetto a  tutte le altre pagine.

... mah, probabilmente è dovuto all'uso di <h1> ...  io ho utilizzato un tag <p> e non ci sono differenze fra le due pagine .... oppure potrebbe anche essere qualche regola presente nel file style.css di nivoslider (che io non ho inserito)

[Miss. Lin]

Ho provato a dare come class p ma purtroppo la differenza nella homepage continua a vedersi.. mmm in Nivo slider mi sembra tutto corretto tra l'altro, ma forse sono io che non ho visto bene. Al seguente link puoi controllare che ho dato i tuoi stessi parametri http://doublelldesignz.altervista.org/GRIV/partner.html nella sezione html e nel css.

[lemonsong]

[...] mmm in Nivo slider mi sembra tutto corretto tra l'altro, ma forse sono io che non ho visto bene.

Mi intrometto solo per farti notare che hai tutte le indicazioni per risolvere i tuoi "problemi".

Non ho la pazienza di stesil quindi con il rischio di essere "brutale": se non hai la minima idea di dove mettere le mani e cosa fare, perchè non segui alla lettera quello che ti viene scritto?

[...] oppure potrebbe anche essere qualche regola presente nel file style.css di nivoslider (che io non ho inserito)

Segnalo anche un ennesimo errore: hai aperto un elemento (non classe) p ma hai lasciato la chiusura </h1>

Spero per te di sbagliarmi su tutta la linea...