preparazione Guida inserimento testi retro foto Tilt3D

[alexred]

Grazie all'aiuto di Bazzecola tenteremo un esperimento online... scrivere una guida su come inserire testi nel retro delle immagini visualizzate con la skin Tilt3D

[alexred]

per prima cosa Bazzecola ti chiedo di inserire un link alla pagina di un sito dove hai la Ozio installata e la skin Tilt3D attiva in manuale. Così io ti seguo mentre tenti di fare l'esperimento.

[Bazzecola]

Ok attivo la Tilt3D Skin in manuale! Intanto ecco il Link! http://www.bazzecolagraphic.netsons.org/index.php?option=com_content&view=article&id=51&Itemid=53

[Bazzecola]

Ho messo in Manuale nell'ozio module, com'è noto ora le immagini da me inserite spariscono ^_^ ed è qui che inizia il lavoro.

[alexred]

bene, in questo caso nella tua guida potrai specificare che hai utilizzato la visualizzazione con il modulo e non quella diretta dal componente.
Ora prendi questo file:
http://www.bazzecolagraphic.netsons.org/modules/mod_oziogallery/photo/file/gallery.xml

via FTP lo vai a prendere e lo scarichi sul tuo pc per poi aprirlo con un editor di testo. Devi riuscire ad aprirlo in modo da leggerlo correttamente.
Non esitare a farmi domande ed indicarmi i più piccoli dubbi.

Fammi sapere quando hai aperto il file con un editor e riesci così a modificare la struttura del file che ti dovrebbe apparire così:

Codice: [Seleziona]

<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>

[Bazzecola]

Ho scaricato il file e l'ho aperto con il texedit del mio mac, va bene? Vedo quello che mi hai detto ^_^

[alexred]

Ottimo, ora devi modificarlo. Per prima cosa devi sapere con esattezza dove sono posizionate le foto che vuoi mostrare e quali sono i nomi dei file di queste immagini. I nomi dei file è bene che non contengano caratteri speciali tipo: !$%&"ecc...  e non devono contenere spazi vuoti e lettere accentate.

Quindi per primo tentativo prova a interpretare quando scritto in questo file XML, non è difficile, vedrai che la struttura è semplice e ripetitiva. Ora proviamo a inserire una sola immagine, quindi cancellare quelle immagini di esempio che sono inserite in questo file:

Codice: [Seleziona]

<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>
</photos>
</tiltviewergallery>sostituisci nell' imageurl il link alla tua immagine, poi salva il file e caricalo via FTP. Prima magari rinomina sul server il file originale che potrebbe in futuro tornarti utile per capire come inserire altri effetti, essendo pieno di esempi. Fammi sapere quando hai caricato il file da te modificato.

[Bazzecola]

Allora ho modificato il file mettendo questo percorso
<tiltviewergallery>
   <photos>
      <photo imageurl="http://www.bazzecolagraphic.netsons.org/modules/mod_oziogallery/photo/BabylonAD.png">
         <title>Image 1</title>
         <description>This is a regular text description.</description>
      </photo>
 e l'ho caricato via ftp

[Bazzecola]

OK correggo subito una cosa che nel codice non ho messo!

[Bazzecola]

Ho corretto! Ora il codice è identico a quello che mi hai dato tu con il mio percorso immagine

[Bazzecola]

Ho verificato nel sito quello che ho fatto, ma è normale che non si veda l'immagine? Perchè se no ho sbagliato il percorso... é_è

[alexred]

controlla meglio il tuo file XML, ti sei dimenticata di cancellare una parte, quella parte con le altre foto.
Dopo il primo </tiltviewergallery> devi cancellare tutto, questo tag deve essere l'ultimo tag del file.

[Bazzecola]

AAAAAquila!!! XD ho capito devo eliminare tutto tranne il codice che mi hai dato tu!

[Bazzecola]

Miiitticcooo alexred!!! Ok ora vedo tutto! Possiamo Proseguire *_*

[alexred]

si, brava.
Come verifica prendi di riferimento il link al file XML:
http://www.bazzecolagraphic.netsons.org/modules/mod_oziogallery/photo/file/gallery.xml
se lo metti nella barra degli indirizzi di un browser non devi visualizzare messaggi di errore, ma lo schema XML che hai creato.

[alexred]

Perfetto, ora sempre nel solito file vai a modificare il titolo della foto: <title>Image 1</title> sostituendo Image 1 con il titolo che desideri.
E la descrizione: <description>This is a regular text description.</description> sostituendo This is a regular text description. con quello che desideri.

[Bazzecola]

ok l'ho fatto e mi ha scritto questo "Image 1 This is a regular text description."

[Bazzecola]

OK ora lo vado fare! Però ti chiedo una cosa, è possibile nella descrizione che andrò a descrivere dirgli di giustificarla o allinearla a sinistra? O anche cambiare colore? Comunque intanto faccio quello che mi hai detto!

[Bazzecola]

OK ho fatto si vede la descrizione, solo che non si vede tutta, è grande si può fare qualcosa per dirgli di scrivere a tot grandezza; allineato a sx o giustificato? ed eventualmente anche il colore ed il tipo di font? Se sono in anticipo con questa richiesta e bisogna fare altro prima dimmelo ok?

[alexred]

si, è possibile inserire nella descrizione il grassetto, il sottolineato, il corsivo, andare a capo
cambiare colore e dimensione del carattere, non è possibile cambiare l'allineamento che è a sinistra e inserire collegamenti ipertestuali nella descrizione.