Joomla.it Forum
Componenti per Joomla! => Gallerie di immagini => : alexred 11 Feb 2009, 14:28:07
-
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
-
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.
-
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
-
Ho messo in Manuale nell'ozio module, com'è noto ora le immagini da me inserite spariscono ^_^ ed è qui che inizia il lavoro.
-
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ì:
<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>
-
Ho scaricato il file e l'ho aperto con il texedit del mio mac, va bene? Vedo quello che mi hai detto ^_^
-
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:
<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.
-
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
-
OK correggo subito una cosa che nel codice non ho messo!
-
Ho corretto! Ora il codice è identico a quello che mi hai dato tu con il mio percorso immagine
-
Ho verificato nel sito quello che ho fatto, ma è normale che non si veda l'immagine? Perchè se no ho sbagliato il percorso... é_è
-
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.
-
AAAAAquila!!! XD ho capito devo eliminare tutto tranne il codice che mi hai dato tu! :D
-
Miiitticcooo alexred!!! Ok ora vedo tutto! Possiamo Proseguire *_*
-
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.
-
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.
-
ok l'ho fatto e mi ha scritto questo "Image 1 This is a regular text description."
-
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!
-
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?
-
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.
-
Ok come si possono fare queste cose? sarebbe utile sapere come lavorano nel xml le varie opzioni ^_^
-
Come hai scritto il nome di Depardieu ?
Non puoi certo inserire tutto quel testo. Ora vediamo come inserire una seconda immagine e nella descrizione di questa seconda immagine cerchiamo di usare delle proprietà del testo.
nel tuo file XML subito dopo il tag </photo> della prima immagine aggiungi nuovamente il codice necessario a visualizzare una nuova immagine:
<photo imageurl="http://www.bazzecolagraphic.netsons.org/modules/mod_oziogallery/photo/XXXXXX.png">
<title>TITOLO</title>
<description><![CDATA[DESCRIZIONE <font size="12">prova dimensione carattere</font>]]></description>
</photo>Inserisci un nome corretto per la nuova immagine e lascia intatta la descrizione che ho inserito io.
-
Per il testo ho fatto copia incolla da un sito hihihihihi poi lo corrego!!! OK ti seguo nel nuovo passaggio.
-
Uhm...c'è sicuramente un errore...ma non capisco quale..
<tiltviewergallery>
<photos>
<photo imageurl="http://www.bazzecolagraphic.netsons.org/modules/mod_oziogallery/photo/BabylonAD.png">
<title>Babylon A.D.</title>
<description>REGIA: Mathieu Kassovitz
SCENEGGIATURA: Eric Besnard, Mathieu Kassovitz, Joseph Simas
ATTORI: Vin Diesel, Michelle Yeoh, Melanie Thierry, Gérard Depardieu, Charlotte Rampling, Lambert Wilson, Mark Strong, Chris Astoyan, Radek Bruna, Justin Rodgers Hall
TRAMA DEL FILM BABYLON A.D.:
Il mercenario Toorop (Vin Diesel) accetta il rischioso incarico di scortare la misteriosa Aurora (Mélanie Thierry) da un Monastero in Mongolia fino al cuore di Manhattan. La ragazza che ha appena compiuto 18 anni, è nata nel monastero e non ne è mai uscita, sempre sorvegliata a vista dalla sua tutrice Suor Rebecca (Michelle Yeoh). Toorop viene avvertito che la ragazza è “speciale”: già all’età di 2 anni sapeva parlare 19 lingue diverse e adesso, raggiunta la maggiore età ha iniziato a sviluppare capacità paranormali di preveggenza. Per assicurarsi che la ragazza arrivi a Manhattan sana e salva, Toorop dovrà far si che abbia il minor numero di contatti possibili con il mondo esterno. Il compito si rivela più difficile del previsto. Ci sono persone che hanno buoni motivi perché Aurora non arrivi viva negli Stati Uniti.</description>
</photo>
<photo imageurl="http://www.bazzecolagraphic.netsons.org/modules/mod_oziogallery/photo/Unsegretotradinoi.png">
<title>TITOLO</title>
<description><![CDATA[DESCRIZIONE <font size="12">prova dimensione carattere</font>]]></description>
</photos>
-
si, hai commesso un errore incollando il codice, manca il tag
</photo> dopo il tag </description> della seconda immagine.
Non devi confondere i tag <photo> con <photos>
Il primo racchiude il codice di ogni singola immagine, il secondo racchiude tutti i codici di tutte le immagini
-
ah cappero! ora non me lo dimentico più! spero! Corretto! e funzionante ^_^
-
ho provato a giocare un po' col codice xml ed ho cambiato la misura della font del film babylon! ora lo rimetto bene :D hihihihihi Se volessi metterlo in grassetto invece come dovrei fare?
-
Allora, come hai visto inserendo il testo nella descrizione all'interno di questo codice: <![CDATA[testo di esempio]]> è possibile abilitare alcune proprietà, puoi utilizzarlo anche nel tag del titolo.
Per il grassetto devi mettere il testo fra <b>testograssetto</b>per il sottolineato <u>testosottolineato</u>per il corsivo <i>testo corsivo</i>
-
Ok sto notando però che cambiando la font..si sitema tutto male :-\ come ovviare a questo piccolo problema? Alexred mi scuso se chiedo troppe cose tutte insieme, però m'interessa davvero molto!
-
ecco forse usando <![CDATA[testo di esempio]]> evito che il testo si sistemi come gli pare?
-
OK! Ho provato se vai qui http://www.bazzecolagraphic.netsons.org/index.php?option=com_content&view=article&id=51&Itemid=53 e guardi dietro la descrizione di babylon ho cercato di mettere in pratica tutto.
-
Un'altra cosa...da quanto ho capito non posso mettere un link dentro l'immagine giusto? Mi è rimasto il dubbio :)
-
Volevo cambiare la font size del titolo, però se lo faccio quando lo vado a visualizzare si mette tutto male.. >_<
-
Ho provato ad aggiungere da sola una terza immagine....non si vede -_- ufffiiiiiii
-
Ok ho risolto!!! Mancava uno slash XD
-
si, puoi inserire un link per ogni immagine. Devi attivare nei parametri del modulo la funzione download, trovi l'esempio di come si inserisce il link nel file xml originale che hai rinominato sul server.
Apparirà un tasto in basso con la scritta che hai messo nei parametri.
-
Uhmmmmmmm.... oddio mi sembra complicato, sarà che mi sono annodata con tutti questi codici @_@
-
si, la gestione manuale è parecchio complicata ;)
-
Però vojo imparare è_é ti spiego, il sito è per una videoteca, quindi dovrò creare un database con tuuuuutti i film disonibili (anche questo sarà un lavoraccio ma non demordo! XD) Ed anche le novità...e volevo fare in modo di linkare l'immagine per nadare alla scheda completa del film e da lì poterlo prenotare inviando una semplice e-mail al negozio di viedo noleggio...è troppo complicato? soprattuto sarò in grado di farlo? Mi scuso per l'OT intanto...
-
Ok....ora devo fare la guida come funziona?
-
si, potrebbe essere utile ad altri utenti. Apri un nuovo post dove scrivi la guida, poi io la metterò in evidenza. Grazie per l'aiuto ;)
-
Io ho fatto! spero vada bene ^__^
-
Scusate l'intrusione, sto seguento tutti i passi per inserire delle img in manuale, ma non c'e' verso di visualizzarle nella galleria il codice che uso e' questo:
_______________________________________ ____________________
<tiltviewergallery>
<photos>
<photo imageurl="http://www.superpolish.it/images/oziogallery/esempio7.jpg">
<title>Image 1</title>
<description>descrizione posteriore</description>
</photo>
</photos>
</tiltviewergallery>
_______________________________________ _____________________
in modo automatico visualizzo tutte le img di esempio in modo manuale non c'e' verso, mi sapete dare una dritta? grazie