Benvenuti! Tenterò di creare una guida pratica per inserire un testo nel retro delle immagini con la skin Tilt3D di Ozio Gallery, premetto che io non sono un esperta in codici, ma grazie ad
alexred sono riuscita anche io a farlo! Quindi spero vi sia utile ^__^
Innanzi tutto ovviamente dovete installare la Ozio Galley nel nostro Joomla!
Una volta fatto ciò andate nel vostro pannello Amministrazione di Joomla -> Estensioni -> Gestione Moduli -> OzioGallery Module -> clikkate per entrare nei dettagli e nei parametri sulla destra andate in Titoli e descrizioni delle foto passando da Auto a Manuale.
Se avevate già messo delle immagini nella nostra Ozio Gallery noterete a questo punto andando nel vostro sito che le immagini sono sparite O_O, non preoccupatevi dobbiamo solo far sapere al nostro file xml dove si trovano le nostre immagini^__^
Seguite ora via FTP questo percorso
http://www.vostrosito.est/modules/mod_oziogallery/photo/file/gallery.xmlIl file in
gallery.xml è quello in cui dovremmo agire, salvate una copia originale per salvaguardarvi non si sa mai ^__^, poi apritelo con un editor di testo e controllate che legga correttamente, dovreste visualizzare questo:
<tiltviewergallery>
<photos>
<photo imageurl="http://www.exemple.xx/images/oziogallery/img.jpg">
<title>Image 1</title>
<description>This is a regular text description.</description>
</photo>
<photo imageurl="http://www.exemple.xx/images/oziogallery/img.jpg">
<title>Image 2</title>
<description><![CDATA[This is a HTML text description. Supported tags are <b>bold</b>, <u>underline</u>, <i>italics</i>, linebreaks<br>and <font color="#ff0000" size="60">font tags</font>. Hyperlinks are not supported.]]></description>
</photo>
<photo imageurl="http://www.exemple.xx/images/oziogallery/img.jpg" linkurl="http://www.exemple.xx/images/oziogallery/file/img.zip">
<title>Image 3</title>
<description>This is a regular text description.</description>
</photo>
<photo imageurl="http://www.exemple.xx/images/oziogallery/img.jpg" linkurl="http://www.google.com">
<title>Image 4</title>
<description>This is a regular text description.</description>
</photo>
<photo imageurl="http://www.exemple.xx/images/oziogallery/img.jpg">
<title>Image 5</title>
</photo>
<photo imageurl="http://www.exemple.xx/images/oziogallery/img.jpg">
<title>Image 6</title>
</photo>
<photo imageurl="http://www.exemple.xx/images/oziogallery/img.jpg">
<title>Image 7</title>
</photo>
<photo imageurl="http://www.exemple.xx/images/oziogallery/img.jpg">
<title>Image 8</title>
</photo>
<photo imageurl="http://www.exemple.xx/images/oziogallery/img.jpg">
<title>Image 9</title>
</photo>
<photo imageurl="http://www.exemple.xx/images/oziogallery/img.jpg">
<title>Image 10</title>
</photo>
</photos>
</tiltviewergallery>Prima di modificare il file gallery xml controllate il percorso delle vostre immagine vi servirà infatti sapere dove si trovano esattamente, controllate pure che i nomi dei file non contengano caratteri speciali come !$%&" spazi vuoti o lettere accentate.
E’ giunto il momento di modificare il codice, non temete se ci sono riuscita io, ci può riuscire chiunque! ^__^
Iniziamo con inserire un’immagine, dovrete sostituire il codice che avete con questo:
<tiltviewergallery>
<photos>
<photo imageurl="www.vostrosito.ext/modules/mod_oziogalley/photo/vostraimmagine.ext">
<title>Image 1</title>
<description>This is a regular text description.</description>
</photo>
</photos>
</tiltviewergallery>
Una volta che avete fatto questo salvate il file e caricatelo via FTP sostituendolo all’altro di cui avete salvato una copia prima ^__∼
Ora riandato nel vostro sito noterete che è riapparsa l’immagine!!!
Se avete più immagini dovrete dare il percorso per ogni singola immagine che vorrete mettere.
Vi ricordo che questo è l’inizio del codice
<tiltviewergallery>
<photos>Questo è il codice relativo all’immagine
<photo imageurl="www.vostrosito.ext/modules/mod_oziogalley/photo/vostraimmagine.ext">
<title>Image 1</title>
<description>This is a regular text description.</description>
</photo> E’ quello che dovrete ripetere per ogni immagine!!!!!
Questo chiude il codice
</photos>
</tiltviewergallery> A questo punto dovreste visualizzare ogni singola immagine messa ^__^
Volendo possiamo fare una verifica mettendo nella barra degli indirizzi di un browser il link in riferimento al file XML
http://www.vostrosito.ext/modules/mod_oziogallery/photo/file/gallery.xmlse non visualizzate messaggi di errore è tutto a posto ^__^
Ordunque mettiamo ora che vogliamo inserire del testo dietro le nostre immagine se andate a guardare il nostro codice vedrete che dopo il percorso immagine si trova questo
<title>Image 1</title> qui sostituendo
Image 1 potrete inserire il titolo che volete!
Mentre per inserire una descrizione dovremo agire in questo punto sostituendo
This is a regular text description con quello che desiderate!
<description>This is a regular text description.</description>Proviamo ora ad applicare alcune proprietà del testo in modo da movimentare un poco il retro delle nostre immagini.
<photo imageurl="http://www.vostrosito.ext/modules/mod_oziogallery/photo/vostraimmagine.ext">
<title>TITOLO</title>
<description><![CDATA[<font size="12">DESCRIZIONE prova dimensione carattere</font>]]></description>
</photo>Salvate e sostiuite di nuovo il file gallery.xml
Se andate a vedere ora nel sito dietro la vostra immagine apparirà scritto TITOLO e DESCRIZIONE prova dimensione carattere.
Ora potrete allenarvi a cambiare la font size per vedere come appare! ^__^
<![CDATA[testo di esempio]]> con questo codice è possibile abilitare alcune proprietà e si può utilizzare anche nel tag del titolo.
Le altre proprietà del testo che possiamo utilizzare sono:
Grassetto <b>testograssetto</b>Sottolineato<u>testosottolineato</u>Corsivo<i>testocorsivo</i>Provate tranquillamente questi codici per vedere l’effetto nel testo dietro le vostre immagini! tanto ricordatevi che per ogni evenienza abbiamo il file originale gallery.xml ben conservato ^__∼
La guida è finita spero di essere stata sufficientemente chiara, ma ricordatevi per ogni dubbio domandate qui sul forum Joomla qualche genio vi risponderà! Non io naturalmente XD
A presto, forse Bazzecola
P.S. Ringrazio infinitamente alexred che per ozio gallery è stato gentilissimo e davvero ben disposto ad aiutare una che non sa praticamente un H di codici, quindi c’è speranza anche per me!!!!! ^____^
