......................................
......
GreyBox di www.orangoo.com , integrazione con i temi di RapidWeaver e utilizzo.
Grey Box è un sistema alternativo per la presentazione di foto singole o gallerie, pagine web di latri siti o gallerie.
Non è un plugin di RapidWeaver ma è stato implementato nel tema, per questo motivo richiede delle operazioni manuali da parte dell'utente. In questa guida viene proposto un sistema standard e collaudato.
Per poterlo utilizzare è necessario:
1: Modificare un indirizzo nel file HTML del tema
2: Mettere manualmente nel dominio le immagini che vuoi presentare
3: creare dei link nel tuo progetto di RapidWeaver che richiamano queste immagini ( o i link dei siti ) che vuoi presentare.
Spiegazione per punti:
1: GreyBox è stato inserito nel tema per cui questo indirizzo deve portate alla cartella GreyBox contenuta nel tema pubblicato.
Prima di tutto si deve modificare il path nel file html del tema e per fare questo è necessario aprire il pacchetto tema (⌥++T).
Aprire il file index.html dove è presente il collegamento alla cartella GreyBox ed editarlo.
Sintassi del collegamento den file index.html del tema :
var GB_ROOT_DIR = "http://www.yourdomain.com/rw_common/themes/theme_name/greybox/";
Come è fatto il link sopra: ( i colori sono utilizzati solo per la spiegazione e non devono essere utilizzati nel codice)
• Codice standard di BreyBox per indicare un percorso "assoluto" ( necessario)
• Percorso di default che non devi modificare
• Nome del tuo dominio che devi modificare manualmente (puoi usare anche TextEdit)
• Nome del tema che devi modificare solo se hai modificato o duplicato il tema originale che contiene GreyBox. Il nome del tema non è quello del nome del file.theme ma quello contenuto nelle ultime righe del file Theme.plist contenuto nel pacchetto tema.
2: Utilizzando un Software FTP ( Transmit o CyberDack) crea una cartella nel tuo dominio ( per esempio "greybox_images" ) e copia tutte le immagini che vuoi presentare ( questa operazione va fatta solo per le immagini e non per la presentazione di siti esterni in forma di links).
Note: la risoluzione delle immagini deve già essere corretta per la visualizzazione (lo vedi fare manualmente prima con un programma per l'edit delle immagini )
3: A seconda del tipo di presentazione che vuoi fare devi creare un collegamento in forma di testo con la corretta sintassi. Di seguito viene fatto un esempio:
La sintassi dei collegamenti delle presentazioni nel tuo sito:
Ci sono molti tipi di presentazioni che puoi utilizzare e per avere degli esempi guarda quelli della pagina GreyBox dell' esempio.
La sintassi generale dei link che devi creare è la seguente ( esempio per un link a una immagine):
comment in your page
• Percorso di default che non devi modificare e che può cambiare a seconda del tipo di presentazione che vuoi fare ( vedi esempi e pagina originale di spiegazione di GreyBox
• Nome del tuo dominio che devi inserire
• Nome (arbitrario) della cartella che hai creato precedentemente che contiene le immagini che vuoi presentare
• in ordine : Nome file immagine cui punta il link, nome che appare al passaggio del mouse sopra il link, nome che appare sulla pagina in forma di testo e che contiene il link vero e proprio
E' possibile anche assegnare un link a una immagine piuttosto che a un testo e in questo caso va aggiunto il path realtivo e pubblicata l'immagine da collegare.
Suggerimento: Se vuoi creare un un link grafico per una presentazione di più immagini/links a siti ( usando la realtiva sintassi di GreyBox per le presentazioni ) mettilo solo nel primo link (e gli altri saranno automaticamente collegati).
Note alla lettura del link:
Il codice VERDE cambia a seconda del tipo di presentazione ( vedi GeryBox examples)
Il codice MARRONE è il tuo percorso e lo decidi tu ( se possibile usa un nome chiaro e semplice )
Il codice BLU lo decidi tu ( se possibile usa un nomi chiari e semplici e per il nome del file ...jpg non utilizzare spazi vuoti ma "_" )
Questa guida da solo una introduzione generale all'utilizzo di GreyBox e per ogni approfondimento è possibile visitare il sito ufficiale ( http://orangoo.com/labs/GreyBox/ ), la pagina di esempi ( http://orangoo.com/labs/greybox/examples.html ) e quella con la sintassi per i vari tipi di links/presentazioni ( http://orangoo.com/labs/greybox/normal_usage.html )