Html esterno
E' possibile personalizzare il codice html di alcune sezioni per ottenere visualizzazioni particolari
rispetto allo standard proposto e impossibili (o comunque particolarmente complicate) da ottenere attraverso
l'impostazione delle regole di stile css.
Per poter ottenere quanto sopra il codice html è stato scritto in file esterni accessibili dall'utente
nella personalizzazione del tema grafico.
Nella scheda Html di ciascun tema grafico è presente la lista dei file di cui è possibile effettuare la personalizzazione.
In ciascun file si può trovare il codice html standard che il framework utilizza.
Regole generali seguite per la scrittura del codice.
$start-?????$ |
Inizio del blocco di codice di una parte della sezione |
$end-?????$ |
Fine del blocco di codice di una parte della sezione |
$start-repeater$ |
Inizio del codice di iterazione |
$end-repeater$ |
Fine del blocco di iterazione |
Suffissi di alcuni elementi soggetti a macrosostituzione
Link |
Per indirizzi href (esempio: $Link$, $ArticleLink$) |
Label |
Etichette localizzate (esempio: $FirstNameLabel$, $LastNameLabel$) |
Style |
Serve al framework a nascondere o visualizzare in modo condizionato delle aree dati nella form (esempio: $ListStyle$) |
Nomi di campi
$Id$ |
Identificativo record |
$Position$ |
Posizione nella sezione (da 1 a n dove n rappresenta il numero di iterazioni nell'ambito della sezione) |
$_?????_$ |
Nome del campo di database (esempio: _Cognome_ , _Nome_) |
SEZIONI A CUI E' POSSIBILE PERSONALIZZARE IL CODICE HTML
Sezione Link (Links.html)
$CurrentClass$ |
Assume i valori current (il link richiama la pagina corrente) e current-parent (il link richiama una parent-page della pagina corrente) |
$Id$ |
Identificativo link |
$Position$ |
Posizione nella sezione |
$Link$ |
Link alla pagina objectweb o a pagina di sito esterno |
$TargetType$ |
Assume i valori _target o _blank (nuova scheda del browser) |
$_Title_$ |
Titolo del link |
Sezione Link a album fotografici (link semplici o immagini) (GalleryLink.html)
$CurrentClass$ |
Assume i valori current (il link richiama l'album corrente) e current-parent (il link richiama un parent-album dell'album corrente) |
$DeepLevel$ |
Posizione gerarchica dell'album |
$Link$ |
Link per la visualizzazione dell'album |
$_Title_$ |
Titolo dell'album |
$_Description_$ |
Descrizione del link, tipicamente visualizzata come tooltip |
$ImagesNumberInAlbum$ |
Numero di immagini nell'album |
$ImagesNumberInAlbumStyle$ |
Visualizza o nasconde il numero di immagini presenti nell'album |
$onclick$ |
Chiamata a funzione javascript per visualizzazione dell'album a schermo intero |
ImagesLabel |
Etichetta localizzata ('immagine' o 'immagini' per il plurale) |
Sezione Galleria fotografica (GalleryStandard.html)
$Breadcrumbs$ |
Visualizza le breadcrumbs |
$_AlbumDescription_$ |
Descrizione dell'album |
$BackToAlbumListStyle$ |
Visualizza o nasconde il link di ritorno all'album padre |
$BackToAlbumListLink$ |
Link per il ritorno all'album padre |
$BackToAlbumListLabel$ |
Etichetta localizzata ('Torna all'elenco degli album') |
$AlbumClass$ |
Classe legata al link album (default-folder-image o default-folder-image) |
$AlbumLink$ |
Link |
$_AlbumTitle_$ |
Titolo dell'album |
$ChildAlbumsStyle$ |
Visualizza o nasconde le info sui sottoalbum |
$ChildAlbumsCount$ |
Numero di sottoalbum |
$ChildAlbumsLabel$ |
Etichetta localizzata ('Album' o 'Albums' per plurale') |
$ItemsStyle$ |
Visualizza o nasconde le info sulle immagini contenute dall'album |
$ItemsCount$ |
Numero di immagini |
$ItemsLabel$ |
Etichetta localizzata ('immagine' o 'immagini' per plurale') |
$PhotoGalleryEffect$ |
Classe per la visualizzazione dell'effetto della galleria fotografica |
$ItemLink$ |
Link per la visualizzazione dell'immagine |
$_ItemDescription_$ |
Descrizione dell'immagine |
$_ItemLink_$ |
Src dell'immagine |
$_ItemTitle_$ |
Titolo dell'immagine |
$ItemViewLink$ |
Link per la visualizzazione dell'immagini |
$ItemViewLabel$ |
Etichetta localizzata ('Visualizza') |
$AlbumViewLink$ |
Link per slideshow album |
$AlbumViewLabel$ |
Etichetta localizzata ('Diapositive a schermo intero') |
Sezione Link ad articoli (ArticleLinks.html)
$Id$ |
Identificativo categoria |
$Link$ |
Link alla pagina objectweb che contiene la sezione articoli da visualizzare |
$CurrentClass$ |
Assume il valore class=”current “se la pagina articoli ha filtrato questa categoria |
$_Title_$ |
Titolo del link (nome della categoria di articoli da filtrare) |
$NumbersOfArticles_$ |
Numero di articoli presenti nella categoria |
Sezione Articoli, lista articoli (codice tra $start-articlesList$ e $end-articlesList$ di Articles.html)
$FeedRssStyle$ |
Visualizza o nasconde il link a FeedRss |
$FeedRssLink$ |
Link a FeedRss |
$ListStyle$ |
Visualizza o nasconde la lista articoli |
$ArticleLink$ |
Link a dettaglio articolo |
$_Title_$ |
Titolo dell'articolo |
$AuthorByLabel$ |
Etichetta localizzata che indica chi ha scritto l'articolo ('di ') |
$_AuthorBy_$ |
Nominativo di chi ha scritto l'articolo |
$_Summary_$ |
Sommario dell'articolo |
$ReadMoreLabel$ |
Etichetta localizzata ('Leggi tutto ...') |
$ContentStyle$ |
Visualizza o nasconde il testo completo dell'articolo |
$_Content_$ |
Testo completo dell'articolo |
SArticleInfoStyleS |
Visualizza o nasconde le informazioni generiche dell'articolo |
SDateOnLineStyleS |
Visualizza o nasconde la data di messa online |
S_DateOnLine_S |
Data di messa online dell'articolo |
SCategoryStyle$ |
Visualizza o nasconde la categoria dell'articolo |
Categoria |
Etichetta localizzata ('Categoria') |
SCategoryFilterLink$ |
Link a filtro categoria articolo corrente |
S_CategoryTitle_$ |
Titolo della categoria dell'articolo |
$Paginator$ |
Paginatore degli articoli |
$ListEmptyStyle$ |
Visualizza o nasconde il messaggio di lista articoli vuota |
$ListEmptyLabel$ |
Etichetta localizzata ('Non ci sono articoli...') |
$ShowAllArticleStyle$ |
Visualizza o nasconde il link che visualizza tutti gli articoli (togliendo il filtro su categoria) |
$ShowAllArticleLink$ |
Link che visualizza tutti gli articoli |
$ShowAllArticleLabel$ |
Etichetta localizzata del link ('Torna all'elenco articoli online...') |
$ToggleArticleStyle$ |
Visualizza o nasconde il link per passare da articoli online a articoli offline (e viceversa) |
$ToggleArticleLink$ |
Link a dettaglio articolo |
$ToggleArticleLabel$ |
Etichetta localizzata del link ('Visualizza gli articoli on line' / Visualizza l'archivio degli articoli) |
$_ThumbnailSrc_$ |
Immagine rappresentativa dell'articolo |
$ThumbnailSrcStyle$ |
Visualizza o nasconde l'immagine rappresentativa dell'articolo |
Sezione Articoli, dettaglio articolo (codice tra $start-articleDetails$ e $end-articleDetails$ di Articles.html)
$_Title_$ |
Titolo dell'articolo |
$AuthorStyle$ |
Visualizza o nasconde le informazioni di chi ha scritto l'articolo |
$AuthorLabel$ |
Etichetta localizzata ('di') |
$_Author_$ |
Nome dell'autore |
$_Content_$ |
Contenuto dell'articolo |
$ArticoleInfoStyle$ |
Visualizza o nasconde le informazioni sulle informazioni dell'articolo |
$DateOnLineStyleS |
Visualizza o nasconde le informazioni sulla data di messa on line |
$DateOnLineLabelS |
Etichetta localizzata ('Data') |
$_DateOnLine_S |
Data di messa on line dell'articolo |
$CategoryStyleS |
Visualizza o nasconde il link di filtro su categoria |
SCategoryLabel$ |
Etichetta localizzata ('Categoria') |
S_CategoryTitle_$ |
Nome della categoria |
$CommentsStyleS |
Visualizza o nasconde i commenti associati all'articolo |
SCommentsLink$ |
Link per effettuare il filtro sulla categoria dell'articoli |
$CommentsLabelS |
Etichetta localizzata ('Commenti') |
$CommentsCountS |
Numero commenti associati all'articolo |
S_CategoryTitle_$ |
Titolo della categoria |
$AllowCommentStyle$ |
Visualizza o nasconde i commenti associati all'articolo |
$_CommentText_$ |
Testo del commento |
$CommentWrittenByStyle$ |
Visualizza o nasconde le info su chi ha scritto il commento |
$CommentWrittenLabel$ |
Etichetta localizzata ('di') |
$_CommentWrittenBy_$ |
Chi ha scritto l'articolo |
$CommentWrittenByLink$ |
Link al sito di chi ha scritto il commento |
$CommentWrittenByLink$ |
Link al sito di chi ha scritto il commento |
$CommentWrittenByLinkLabel$ |
Etichetta localizzata ('Vai sul sito') |
$_CommentDate_$ |
Data del commento |
SBackToListLink$ |
Link che ritorna alla lista articoli |
SBackToListLabel$ |
Etichetta localizzata del link ('Torna alla lista') |
Sezione Link a dati di tabelle (TableLinks.html)
$CurrentClass$ |
Assume il valore current se la tabella è filtrata con link |
$Key$ |
Valore della chiave di filtro |
$Position$ |
Posizione nella sezione |
$_Title_$ |
Descrizione del link |
$Count$ |
Numero di record di tabella filtrati dal link |
$Total$ |
Numero di record totali di tabella filtrati |
$Link$ |
Link alla pagina objectweb o a pagina di sito esterno |
Sezione Google ricerca (codice tra $start-GoogleSearch-Search$ e $end-GoogleSearch-Search$ di GoogleSearch.html)
$SearchFunction$ |
Funzione dedita al richiamo della pagina di visualizzazione dei risultati trovati |
$SearchLabel$ |
Etichetta localizzata ('Ricerca') |
Sezione Google risultati (codice tra $start-GoogleSearch-Results$ e $end-GoogleSearch-Results$ di GoogleSearch.html)
$ResultItemLink$ |
Link alla pagina del sito per la voce ritrovata |
$ResultItemCount$ |
Numero risultati ritrovati |
$_ResultItemTitle_$ |
Titolo della voce ritrovata |
$_ResultItemContent_$ |
Descrizione della voce ritrovata |
Sezione Traccia (o percorso) su mappa (Track.html)
$TrackMap$ |
Visualizza la mappa per la visualizzazione della traccia |
$DistanceStyle$ |
Visualizza o nasconde le informazioni sulla distanza relativa alla traccia |
$DistanceLabel$ |
Etichetta localizzata ('Lunghezza del percorso') |
$_Distance_$ |
Lunghezza del percorso espressa in chilometri |
$TimeStyle$ |
Visualizza o nasconde le informazioni sul tempo totale impiegato per coprire il percorso |
$TimeLabel$ |
Etichetta localizzata ('Tempo totale') |
$_Time_$ |
Tempo totale impiegato per coprire il percorso |
$TimeMovingStyle$ |
Visualizza o nasconde le informazioni sul tempo totale impiegato per coprire il percorso escluse le pause (due punti successivi uguali) |
$TimeMovingLabel$ |
Etichetta localizzata ('Tempo in movimento') |
$_TimeMoving_$ |
Tempo impiegato per coprire il percorso escluse le pause |
$ElevationStartStyle$ |
Visualizza o nasconde le informazioni sull'altitudine del punto di partenza della traccia |
$ElevationStartLabel$ |
Etichetta localizzata ('Altitudine partenza') |
$_ElevationStart_$ |
Altitudine del punto di partenza della traccia |
$ElevationEndStyle$ |
Visualizza o nasconde le informazioni sull'altitudine del punto di arrivo della traccia |
$ElevationEndLabel$ |
Etichetta localizzata ('Altitudine arrivo') |
$_ElevationEnd_$ |
Altitudine del punto di arrivo della traccia |
$ElevationDifference1Style$ |
Visualizza o nasconde le informazioni sul dislivello tra partenza e arrivo |
$ElevationDifference1Label$ |
Etichetta localizzata ('Dislivello partenza e arrivo') |
$_ElevationDifference1_$ |
Dislivello tra partenza e arrivo |
$ElevationGainStyle$ |
Visualizza o nasconde le informazioni sul dislivello percorso sui tratti di sola salita |
$ElevationGainLabel$ |
Etichetta localizzata ('Dislivello in salita') |
$_ElevationGain_$ |
Dislivello percorso sui tratti di sola salita |
$ElevationLossStyle$ |
Visualizza o nasconde le informazioni sul dislivello percorso sui tratti di sola discesa |
$ElevationLossLabel$ |
Etichetta localizzata ('Dislivello in discesa') |
$_ElevationLoss_$ |
Dislivello percorso sui tratti di sola discesa |
$ElevationMinStyle$ |
Visualizza o nasconde le informazioni sull'altitudine minima toccata lungo il tracciato |
$ElevationMinLabel$ |
Etichetta localizzata ('Altitudine minima') |
$_ElevationMin_$ |
Altitudine minima toccata lungo il tracciato |
$ElevationMaxStyle$ |
Visualizza o nasconde le informazioni sull'altitudine massima toccata lungo il tracciato |
$ElevationMaxLabel$ |
Etichetta localizzata ('Altitudine massima') |
$_ElevationMax_$ |
Altitudine massima toccata lungo il tracciato |
$ElevationDifference2Style$ |
Visualizza o nasconde le informazioni sul dislivello tra altitudine minima e altitudine massima |
$ElevationDifference2Label$ |
Etichetta localizzata ('Dislivello altitudine minima e massima') |
$_ElevationDifference2_$ |
Dislivello tra altitudine minima e altitudine massima |
Articoli - Carosello (ArticlesCarousel.html)
$ArticleDetailLink$ |
Link alla pagina objectweb per la visualizzazione dell'articolo cliccato |
$_ThumbnailSrc_$ |
Immagine rappresentativa dell'articolo |
$ThumbnailSrcStyle$ |
Visualizza o nasconde l'immagine rappresentativa dell'articolo |
$_DateOnline_$ |
Data di messa online dell'articolo |
$_Title_$ |
Titolo dell'articolo |
$_Summary_$ |
Sommario dell'articolo |
Sezione Selezione lingua (LanguageSwitcher.html)
$DisplayMode$ |
Modalità di visualizzazione |
$LanguageCode$ |
Codice della lingua della pagina a cui punta il link |
$CurrentClass$ |
Assume il valore current sul link che punta alla stessa lingua della pagina in cui è presente la sezione |
$PageLink$ |
Link per la visualizzazione della pagina |
$FlagImageSrc$ |
Src dell'immagine rappresentativa della lingua |
$FlagStyle$ |
Visualizza o nasconde l'icona rappresentativa della lingua in base alla configurazione della sezione |
$LanguageName$ |
Nome della lingua |
$LanguageNameStyle$ |
Visualizza o nasconde il nome della lingua in base alla configurazione della sezione |
$GoToPageLabel$ |
Etichetta localizzata per bottone associato a lista a discesa ('Vai alla pagina') |
Menù (Menu.html)
Il menù che il webmaster configura si può articolare su uno o più livelli html (i menù dei template base forniti sono testati fino al terzo livello, ma questo può essere esteso in fase di personalizzazione).
Ogni livello html è individuato con le parole chiave che iniziano con $start-level e $end-level (delimitatori di livello).
Sono perciò valide coppie di delimitatori denominate $start-level-2$ - $end-level-2$ e $start-level-3$ - $end-level-3$.
Il codice compreso tra le coppie $start-level e $end-level rappresenta rispettivamente il primo, il secondo, il terzo, ..., livello di menù, indipendentemente dal nome definito.
Un menù articolato su più livelli potrebbe essere costituito dal codice definito del solo primo livello html.
Il programma di rendering utilizza il codice definito nell'ultimo livello qualora il numero di livelli di menù superi il numero di livelli html definiti.
Ogni livello html di menù si può considerare suddiviso in tre blocchi:
- Top, compreso tra $start-level e start-repeater$, estremi esclusi
- Iterazione, compreso tra start-repeater$ e $end-repeater$, estremi esclusi
- Bottom, compreso tra $end-repeater$ e $end-level, estremi esclusi
$Level$ |
Numero che indica il livello della voce di menù |
$ItemId$ |
Identificativo numerico univoco della voce di menù |
$ItemPosition$ |
Numero che indica la posizione della voce di menù nell'ambito della stessa gerarchia (voci di menù che appartengono allo stesso genitore) |
$First-Last$ |
Assume il valore first per la prima voce di menù (posizione 1) e last per l'ultima voce di menù (nell'ambito della stessa gerarchia) |
$Current$ |
Assume il valore current sulla voce di menù che punta alla pagina corrente visualizzata, current-parent se punta a una pagina contenitore della pagina corrente visualizzata |
$Link$ |
Link per il richiamo di una pagina interna al sito, di una pagina esterna al sito, di un file di documenti web |
$Class$ |
Assume il valore sub qualora la voce di menù ha delle sottovoci |
$Target$ |
Assume il valore target="_blank" qualora si è configurato il richiamo della risorsa in una nuova scheda del browser |
$Title$ |
Assume il valore title="...." qualora la voce di menù abbia associata una descrizione |
$$_MenuItemTitle_$$ |
Titolo della voce di menù |
$SubMenu$ |
Segnaposto per il posizionamento del codice delle sottovoci di menù |
Data 01/06/2011 Categoria Vari Torna all'elenco