Manuale per la configurazione del layout

SWG Ti permette di progettare il layout della tua web gallery secondo i tuoi gusti attraverso la scelta di moltissimi parametri.
L'uso del configuratore online ti permette di costruire un layout in modo semplice e visivo.
Puoi anche scegliere o dei modelli esistenti ed usarlo direttamente per il tuo sito.
Ma sevuoi sfruttare al massimo le potenzialità di Self Web Gallery non potrai fare a meno che scorrere questa pagina per scoprire il funzionamento di tutti i parametri che puoi impostare.
Sono raggruppati per tipologia in modo da renderti più agevole la consultazione:
Apertura e Logo
Questi parametri controllano l'apertura dello slideshow. Per apertura si intende una breve animazione iniziale che scorre all'apertura della pagina, del tutto opzionale e che consente di visualizzare il logo/nome del sito, alcuni album di rilievo, ecc.
Questa sezione puo' essere disabilitata.
parametro ver valori possibili descrizione
logoAnimationType 1.0 0, 1, 2 0 = Nessuna apertura con il logo,
1 = Apertura con LOGO fisso,
2 = Apertura con LOGO a comparsa progressiva
aperturaType 1.0 0, 1 0 = Nessuna apertura aggiuntiva,
1 = In apertura visualizza i migliori album
showLogoTitle 1.0 true,false true = Visualizza il logo sopra lo slideshow (intestazione),
false = Non visualizza il logo
logo_animation_time 1.0 num.secondi Nel caso logoAnimationType sia diverso da 0 e showLogoTitle sia uguale a true, indica il numero di secondi per spostare il logo dal centro all'intestazione
logo_text 1.0 stringa E' il testo che si vuole visualizzare come logo: indica il nome del sito, dell'azienda, ... Ha senso solo se showLogoTitle e' uguale a true oppure logoAnimationType è diverso da 0
logo_font 1.0 font Rappresenta il font da utilizzare per il Logo. Si veda a questo link l'insieme di Font disponibili in Self Weg Gallery
logo_color 1.0 stringa esadecimale Colore del Logo espresso come numero intero stringa esadecimale, ad esempio 0xffffff = bianco, 0x000000 = nero.
logo_size 1.0 numero pixel Dimensione in pixel del logo in apertura. Si osservi che il logo visualizzato nell'intestazione sara' ridimensionato attraverso il parametro di scala logo_scaling_factor
logo_scaling_factor 1.0 numero decimale da 0 a 1 Questo numero, moltiplicato per il parametro font_size, rappresenta la dimensione in pixel del logo quando viene visualizzato come intestazione (ha senso se showLogoTitle = true)
logo_available_space 1.0 numero intero Rappresenta lo spazio in pixel riservato al logo nell'intestazione. Entro questo spazio il logo sara' allineato a destra, a sinistra o al centro in base al parametro logo_alignment. Se valorizzato con zero, viene assunta lo spazio in larghezza occupato delle fotografie.
logo_alignment 1.0 0, 1, 2 Indica come allineare il logo nell'intestazione, all'interno dello spazio riservato (si veda parametro logo_available_space). 0 = Sinistra, 1 = Centro, 2 = Destra
torna all'inizio
Layout
Questi parametri controllano il layout dello slideshow, compresi i colori principali e la presenza delle barre di navigazione.
parametro ver valori possibili descrizione
bckColor 1.0 stringa esadecimale Colore dello sfondo dello slideshow, espresso come stringa esadecimale, ad esempio 0xffffff = bianco, 0x000000 = nero.
layout_type 1.0 0, 1, 2, 3 Specifica se si desidera visualizzare la barra di navigazione degli album con l'icona per ogni album.
0 = nessuna barra
1 = barra a sinistra dello slideshow
2 = barra sotto lo slideshow
3 = barra a destra dello slideshow
external_links 1.0 true, false Indica se si vuole visualizzare il menu testuale per la navigazione tra gli album o verso link esterni o per aprire la pagina di contatto.
linkbar_position 1.0 0, 1, 2, 3 Ha senso solo se il parametro external_links vale true. Mostra il menu nelle seguenti posizioni:
0 = nella parte alta della finestra
1 = nella parte bassa della finestra
2 = appena sopra l'immagine dello slideshow
3 = appena sotto l'immagine dello slideshow.
linkbar_align 1.0 0, 1, 2, 3 Ha senso solo se il parametro external_links vale true. Indica l'allineamento del menu:
0 = center
1 = left
2 = right
ctrlbar_active 1.0 true, false Indica se si vuole che venga visualizzata la barra di controllo della navigazione tra le immagini di un album. Questa barra, se ctrlbar_active = true, appare in sovraimpressione alla fotografia quando il mouse le passa sopra e scompare in automatico dopo qualche secondo se il mouse resta fermo oppure se esce dalla foto.
ctrlbar_buttonColor 1.0 stringa esadecimale Colore del controllo per i bottoni di Play e Pause, espresso come numero intero stringa esadecimale, ad esempio 0xffffff = bianco, 0x000000 = nero.
titolo dell'album nell'intestazione
album_title 1.0 0, 1 Specifica se visualizzare sopra lo slide show il titolo dell'album.
0 = Ometti il titolo dell'album
1 = Visualizza il titolo dell'album
album_title_size 1.0 numero pixel Indica l'altezza dal titolo dell'album. Ha senso solo se album_title = 1.
album_title_height 1.0 numero pixel Indica l'altezza dello spazio occupato dal titolo dell'album e deve essere maggiore o uguale a album_title_size. Ha senso solo se album_title = 1.
album_title_font 1.0 font Rappresenta il font da utilizzare per il titolo dell'album (solo se album_title = 1). Si veda a questo link l'insieme di Font disponibili in Self Weg Gallery
album_title_color 1.0 stringa esadecimale Colore del titolo dell'album espresso come stringa esadecimale, ad esempio 0xffffff = bianco, 0x000000 = nero (solo se album_title = 1).
torna all'inizio
Immagine dello slideshow
Questi parametri controllano il layout dell'immagine visualizzata nello slideshow ovvero le sue dimensioni e la cornice intorno ad essa.
parametro ver valori possibili descrizione
image_original_width 1.0 numero pixel Indica la massima dimensione alla quale il lato orizzontale dell'immagine dello slideshow puo' essere ingrandita per effetto del ridimensionamento della finestra. Impostare questo limite consente di non "sgranare" troppo le foto. 0 = illimitato. Il ridimensionamento delle foto preserva sempre le proporzioni.
image_original_height 1.0 numero pixel Indica la massima dimensione alla quale il lato verticale dell'immagine dello slideshow puo' essere ingrandita per effetto del ridimensionamento della finestra. Impostare questo limite consente di non "sgranare" troppo le foto. 0 = illimitato. Il ridimensionamento delle foto preserva sempre le proporzioni.
max_enlargement 1.0 numero decimale maggiore di 0 Indica il massimo fattore di ingrandimento di una foto, in orizzontale o verticale per effetto del ridimensionamento della finestra. 1 = no ingrandimento (le foto vengono mostrata al massimo alle proprie dimensioni su disco), 0 = illimitato.
foto_round_corner 1.0 numero pixel Indica se si vuole che gli angoli della foto siano stondati oppure no.
0 = angolo retto
numero positivo = raggio di curvatura dell'angolo.
foto_thick_px 1.0 numero pixel Permette di visualizzare una cornice intorno alla foto dello spessore specificato da questo parametro.
0 = nessuna cornice
foto_thick_color 1.0 stringa esadecimale Colore della cornice, espresso come stringa esadecimale, ad esempio 0xffffff = bianco, 0x000000 = nero.
foto_padding_top
foto_padding_bottom
foto_padding_left
foto_padding_right		 1.0 numero pixel Spazio tra la foto e la cornice, nelle quattro direzioni. I quattro parametri possono essere impostati a valori differenti l'uno dall'altro.
foto_background 1.0 stringa esadecimale Colore dello spazio tra l'eventuale cornice (se foto_thick_px maggiore di zero) e la foto, espresso come stringa esadecimale, ad esempio 0xffffff = bianco, 0x000000 = nero. La dimensione di tale spazio e' regolato dai parametri foto_padding...
torna all'inizio
Barra di navigazione tra gli Album
Questi parametri controllano il layout della barra di navigazione degli Album. Si tratta della barra OPZIONALE (presente cioè solo se il parametro layout_type è diverso da 0), che per ogni Album della nostra raccolta mostra una piccola immagine, eventualmente il titolo dell'album e cliccando sopra apre lo slideshow relativo all'album stesso.
Questa barra puo` essere posizionata a sinistra, a destra o sotto lo slideshow, inoltre è completamente configurabile rispetto ai colori, le dimensioni degli spot (album) ed il numero di file di spot da visualizzare.
La barra gestisce anche 2 frecce per lo scorrimento, anch'esse configurabili nel layout.
parametro ver valori possibili descrizione
align 1.0 0, 1, 2 Indica l'allineameto della barra degli album, rispetto allo spazio disponibile:
0 = Centrata
1 = A sinistra (se posta orizzontalmente) / In alto (se verticale)
2 = A destra (se posta orizzontalmente) / In basso (se verticale).
spotHandler_focusout 1.0 true, false true = la barra degli album viene offuscata se non ha il focus per un tempo definito dal parametro spotHandler_focusout_time.
false = la barra degli album non viene mai offuscata.
spotHandler_focusout_time 1.0 intero Indica il numero di secondi che devono trascorrere, quando la barra degli album perde il FOCUS, prima che questa venga offuscata (solo se spotHandler_focusout = true).
bgColor 1.0 stringa esadecimale Colore della barra, espresso come stringa esadecimale, ad esempio 0xffffff = bianco, 0x000000 = nero.
bgTrasparency 1.0 numero decimale da 0 a 1 0 = la barra degli album e' invisibile
1 = l abarra è solida
valori intermedi tra 0 e 1 indicano il livello di trasparenza della barra.
cornerRadius 1.0 intero Indica se si vuole che gli angoli della barra degli album siano stondati oppure no.
0 = angolo retto
numero positivo = raggio di curvatura dell'angolo.
margin_top
margin_bottom
margin_left
margin_right		 1.0 numero pixel Indica lo spazio all'esterno della barra degli album, nelle quattro direzioni. I quattro parametri possono essere impostati a valori differenti l'uno dall'altro.
internal_margin_top
internal_margin_bottom
internal_margin_left
internal_margin_right		 1.0 numero pixel Indica lo spazio dal bordo della barra degli album agli spot contenuti al suo interno, nelle quattro direzioni. I quattro parametri possono essere impostati a valori differenti l'uno dall'altro.
swim_num 1.0 numero intero Indica il numero di "corsie" su cui sono dispoti gli spot degli album, all'interno della barra.
spot_padding 1.0 numero pixel Indica lo spazio in pixel tra gli spot degli album sia in orizzontale che in verticale.
Frecce di scorrimento dentro la barra degli album
arrow_longside 1.0 numero pixel Indica la lunghezza del lato parallelo alla barra degli album, della freccia di scorrimento
arrow_shortside 1.0 numero pixel Indica la lunghezza del lato ortogonale alla barra degli album, della freccia di scorrimento
arrow_outOfInternalMargin 1.0 numero pixel Numero di pixel della freccia di scorrimento che cadono all'interno della barra degli album: il valore deve essere minore o uguale a arrow_longside.
arrow_padding 1.0 numero pixel Spazio vuoto intorno alla freccia di scorrimento, al netto dei margini.
arrow_bgColor 1.0 stringa esadecimale Colore dello sfondo su cui giace la freccia di scorrimento, espresso come stringa esadecimale, ad esempio 0xffffff = bianco, 0x000000 = nero.
arrow_fgColor 1.0 stringa esadecimale Colore dello sfondo su cui giace la freccia di scorrimento, espresso come stringa esadecimale, ad esempio 0xffffff = bianco, 0x000000 = nero.
arrow_trasparency 1.0 numero decimale da 0 a 1 0 = la freccia e' invisibile
1 = la freccia è solida
valori intermedi tra 0 e 1 indicano il livello di trasparenza della freccia.
arrow_cornerRadius 1.0 intero Indica se si vuole che gli angoli delle frecce di scorrimento siano stondati oppure no.
0 = angolo retto
numero positivo = raggio di curvatura dell'angolo.
torna all'inizio
Spot degli Album Fotografici
Questi parametri controllano il layout degli spot relativi agli album fotografici che vengono visualizzati all'interno della barra di navigazione tra gli album (se layout_type è diverso da 0), oppure nell'animazione di apertura (se aperturaType è uguale a 1).
Lo Spot di un Album fotografico e' caratterizzato da una immagine, indicata nel file gallery.xml intorno alla quale è possibile disegnare una cornice, scegliere un colore di sfondo e sotto la quale è possibile decidere di visualizzare il titolo dell'Album.
parametro ver valori possibili descrizione
spot_width 1.0 numero di pixel larghezza dello spot, comprensivo dell'eventuale cornice.
spot_height 1.0 numero di pixel altezza dello spot, comprensivo dell'eventuale cornice.
spot_round_corner 1.0 intero Indica se si vuole che gli angoli dello spot siano stondati oppure no.
0 = angolo retto
numero positivo = raggio di curvatura dell'angolo.
cornice intorno allo spot
spot_thick_px 1.0 numero di pixel Spessore della cornice dello spot.
spot_thick_color 1.0 stringa esadecimale Colore della cornice (se spot_thick_px maggiore di 0), espresso come stringa esadecimale, ad esempio 0xffffff = bianco, 0x000000 = nero.
spot_background 1.0 stringa esadecimale Colore dello sfondo su cui poggia l'immagine dell'album, visibile solo se il padding è maggiore di 0.; E' espresso come stringa esadecimale, ad esempio 0xffffff = bianco, 0x000000 = nero.
spot_padding_top
spot_padding_bottom
spot_padding_left
spot_padding_right		 1.0 numero pixel Indica lo spazio tra la cornice e l'immagine dell'album.
titolo album all'interno dello spot
spot_title 1.0 true, false true = e' richiesto di visualizzare anche il titolo dell'album
false = il titolo non viene visualizzato.
spot_albumTitle_font 1.0 font Rappresenta il font da utilizzare per il titolo dell'album (solo se spot_title = true). Si veda a questo link l'insieme di Font disponibili in Self Weg Gallery
spot_albumTitle_color 1.0 stringa esadecimale Colore del titolo dell'album espresso come stringa esadecimale, ad esempio 0xffffff = bianco, 0x000000 = nero (solo se spot_title = true).
spot_albumTitle_size 1.0 numero pixel Dimensione in pixel del titolo dell'album.
spot_albumTitle_y 1.0 numero pixel Posizionamento del titolo dall'alto rispetto al bordo superiore della carnice. Questo paraemtro dovrebbe avere un valore minore dell'altezza dello spot (spot_height) più l'altezza del titolo. Ha senso solo se spot_title = true.
spot_rolling_pix_rate 1.0 numero Qualora la larghezza del titolo ecceda quella dello spot (spot_width) e' possibile prevedere lo scorrimento automatico orizzontale del titolo in modo da rendere leggibile l'intera scritta. Questo parametro indica il numero di pixel dei quali spostare la scritta lateralmente nel tempo di un secondo. 0 = Nessuno scorrimento
torna all'inizio
Spot di contatto.
Questi parametri controllano il layout dello Spot di contatto. Lo spot di contatto e' un elemento del sito che puo' essere usato per inserire qualche informazione sull'autore, sull'azienda con eventualmente un indirizzo email ed anche una foto.
Perchè lo spot di contatto venga visualizzato, e' necessario che la barra dei link (menu) sia attiva (external_links = true) e all'interno di essa venga definita una voce che punti al META LINK url="##contact".
parametro ver valori possibili descrizione
contact_width 1.0 numero di pixel larghezza dello spot, comprensivo dell'eventuale cornice.
contact_height 1.0 numero di pixel altezza dello spot, comprensivo dell'eventuale cornice.
contact_round_corner 1.0 intero Indica se si vuole che gli angoli dello spot siano stondati oppure no.
0 = angolo retto
numero positivo = raggio di curvatura dell'angolo.
cornice intorno allo spot
contact_thick_px 1.0 numero di pixel Spessore della cornice dello spot.
contact_thick_color 1.0 stringa esadecimale Colore della cornice (se contact_thick_px maggiore di 0), espresso come stringa esadecimale, ad esempio 0xffffff = bianco, 0x000000 = nero.
contact_background 1.0 stringa esadecimale Colore dello sfondo su cui poggia l'immagine di contatto, visibile solo se il padding è maggiore di 0.; E' espresso come stringa esadecimale, ad esempio 0xffffff = bianco, 0x000000 = nero.
contact_padding_top
contact_padding_bottom
contact_padding_left
contact_padding_right		 1.0 numero pixel Indica lo spazio tra la cornice e l'immagine del contatto.
breve descrizione all'interno dello spot di contatto
contact_title 1.0 true, false true = e' richiesto di visualizzare il testo associata al contatto
false = il testo non viene visualizzato.
contact_albumTitle_font 1.0 font Rappresenta il font da utilizzare per il testo del contatto (solo se contact_title = true). Si veda a questo link l'insieme di Font disponibili in Self Weg Gallery
contact_albumTitle_color 1.0 stringa esadecimale Colore dell testo espresso come stringa esadecimale, ad esempio 0xffffff = bianco, 0x000000 = nero (solo se contact_title = true).
contact_albumTitle_size 1.0 numero pixel Dimensione in pixel del testo del contatto.
contact_albumTitle_y 1.0 numero pixel Posizionamento del testo dall'alto rispetto al bordo superiore della cornice. Questo paraemtro dovrebbe avere un valore minore dell'altezza dello spot (contact_height) più l'altezza del titolo. Ha senso solo se contact_title = true.
torna all'inizio
Barra dei link.
Questi parametri controllano alcuni elementi stilistici della barra dei link che viene visualizzata in base al valore del parametro external_links nella posizione e con l'allineamento definito dai parametri linkbar_position e linkbar_align.
parametro ver valori possibili descrizione
linkbar_font_type 1.0 font Rappresenta il font da utilizzare per le voci di menu della barra dei link (solo se external_links = true). Si veda a questo link l'insieme di Font disponibili in Self Weg Gallery
linkbar_font_color 1.0 stringa esadecimale Colore delle voci di menu, espresso come stringa esadecimale, ad esempio 0xffffff = bianco, 0x000000 = nero (solo se external_links = true).
linkbar_font_size 1.0 numero pixel Dimensione in pixel delle voci di menu.
linkbar_background_color 1.0 stringa esadecimale Indica il colore della barra del menu che può essere diverso dal colore dello sfondo dello slideshow, espresso come stringa esadecimale, ad esempio 0xffffff = bianco, 0x000000 = nero (solo se external_links = true).
linkbar_padding_top
linkbar_padding_bottom
linkbar_padding_left
linkbar_padding_right		 1.0 numero pixel Indica lo spazio che contorna le voci di menu e definisce l'area totale della barra dei link. Può assumere valori diversi per ogni direzione.
linkbar_internal_padding 1.0 numero pixel Indica lo spazio in pixel tra due voci di menu consecutive.
torna all'inizio
Didascalia della fotografia.
Questi parametri controllano il layout della didascalia che è possibile visualizzare in sovrapposizione a ciascuna foto per la quale sia definito il valore title nel file gallery.xml.
Questa caratteristica dello slideshow può essere abilitato o disabilitato attraverso il parametro imagetext_visibile come spiegato nel seguito.
parametro ver valori possibili descrizione
imagetext_visibile 1.0 true, false Permette di scegliere se si desidera visaualizzare la didascalia in sovrapposizione all'immagine (valore true) oppure no (valore false).
imagetext_always_on 1.0 true, false true = la didascalia è sempre visualizzata (se l'immagine ha associato il valore per l'attributo title nel file gallery.xml)
false = la didascalia viene visualizzata solo se il mouse passa sopra l'immagine e sparisce quando il mouse esce dall'immagine.
imagetext_font 1.0 font Rappresenta il font da utilizzare il testo della didascalia (solo se imagetext_visibile = true). Si veda a questo link l'insieme di Font disponibili in Self Weg Gallery
imagetext_fontcolor 1.0 stringa esadecimale Colore del testo della didascalia, espresso come stringa esadecimale, ad esempio 0xffffff = bianco, 0x000000 = nero (solo se external_links = true).
imagetext_size 1.0 numero pixel Dimensione in pixel del testo della didascalia.
imagetext_background_color 1.0 stringa esadecimale Colore dello sfondo su cui giace il testo della didascalia, espresso come stringa esadecimale, ad esempio 0xffffff = bianco, 0x000000 = nero (solo se external_links = true).
imagetext_background_alpha 1.0 numero decimale da 0 a 1 0 = lo sfondo del box della didascalia e' invisibile
1 = lo sfondo è solido ovvero non si vede in trasparenza la foto
valori intermedi tra 0 e 1 indicano il livello di trasparenza dello sfondo della didascalia.
imagetext_padding_around 1.0 numero pixel Indica lo spazio in pixel all'esterno del testo della didascalia, definendo le dimensioni del box.
torna all'inizio