Dynamic Sliders News2 PRO, consente di visualizzare in uno slider le immagini abbinate ai contenuti e loro brevi descrizioni che volete pubblicare nel modulo. Il modulo Dynamic Slider Newse PRO e completamente parametrizzabile sul lato amministrativo, e con piccole modifiche ai file CSS potete abbinare solo colori, caratteri e loro dimensioni, creando cosi uno o più file CSS facilmente richiamabili nel modulo. PARAMETRI LATO AMMINISTRATIVO MODULO Classe css personalizzata: inserire il nome che identifica il file css. Per vedere come creare i tuoi file personalizzati vedere sezione COME CREARE I FILE PERSONALIZZATI. Scegli lo stile: Tre tipi differente di stile del modulo. Tipo di effetto Scegli l effetto Jquery da usare. CONFIGURAZIONE LAYOUT MODULO Posizione barra di navigazione: Destra immagini e testo sono mostrati a sinistra Sinistra immagini e testo sono mostrati a destra Disponi testo introduttivo: Orizzontale o verticale. (Solo in versione immagine) CONFIGURAZIONE EFFETTI Durata: Inserisci la durata dell effetto scelto Tempo intervallo: L intervallo di tempo della durata della visualizzazione dell immagine e descrizione SETTAGGIO DIMENSIONI MODULO IN PIXEL Larghezza container: Definisci la larghezza del modulo Altezza container: Definisci l altezza del modulo SETTAGGI DESCRIZIONE in pixel (solo versione immagine) Larghezza contenitore orizzontale descrizione Inserisci la larghezza del contenitore descrizione quando deve essere visualizzato in posizione orizzontale Larghezza contenitore verticale descrizione Inserisci la larghezza del contenitore descrizione quando deve essere visualizzato in posizione verticale. Distanza dal bordo: Inserisci la distanza dal bordo laterale.
Description position: Ina basso o in alto. Distanza dal bordo: Setta la distanza dal bordo inferiore o superiore. SETTAGGI BARRA DI NAVIGAZIONE Numero voci in barra di navigazione: Inserire quante voci vuoi visualizzare in primo piano nella barra di navigazione SETTAGGI IMMAGINI DA VISUALIZZARE Prendi immagine. (solo in versione immagine) Scelte Automatico: il modulo prende in automatico l immagine con le seguenti mos image /immagine sezione/immagine categoria immagine in descrizione immagine da cartella personalizzata. Testo introduttivo: preleva l immagine dal testo introduttivo. Se non trova nulla visualizza una immagine standard (none.jpg in /modules/mod_ei_dynamicslidernews2/images/) Cartella immagini: prende l immagine abbinata al contenuto dalla cartella personalizzata Cartella immagini: (solo in versione immagine) Inserire il nome della cartella dove il modulo deve prelevare le immagini. La cartella che vuoi usare deve essere creata in /images/stories/ Se vuoi utilizzare la cartella con il nome di default del modulo, crea una cartella chiamata dynamic_slider_news2 in /images/stories/ Come nominare le immagini da inserire nella cartella in questa cartella usare solo immagini in formato JPG: Immagini abbinate alle sezioni: nomina le immagini con l id della sezione utilizzando il prefisso s (esempio: id sezioni 1,2,3: immagini s1.jpg s2.jpg s3.jpg) Immagini abbinate alle categorie: nomina le immagini con l id della categoria utilizzando il prefisso c (esempio: id categorie 1,8,15,18,32: immagini c1.jpg c8.jpg c15.jpg c18.jpg c32.jpg) Immagini abbinate agli articoli contenuti e pagine autonome nomina le immagini con l id degli articoli (esempio: id articoli 10,15,130,240: immagini 10.jpg 15.jpg 130.jpg 240.jpg) SETTAGGI THUMBNAIL IN BARRA DI NAVIGAZIONE Mostra/nascondi thumbnail: Scegli se vuoi mostrare o nascondere le immagini piccole nella barra di navigazione Larghezza e altezza thumb: definisci l altezza e la larghezza dell immagine piccola che deve essere visualizzata nella barra di navigazione.
VISUALIZZAZIONE CONTENUTI SEZIONI CATEGORIE Seleziona: vuoto sezioni - categorie Scegli da dove vuoi prelevare i contenuti. Se vuoi visualizzare gli articoli dai contenuti o pagine autonome, non scegliere nulla. ID sezioni / categorie: inserisci gli ID delle sezioni o categorie che vuoi visualizzare: Attenzione: se le sezioni o le categorie che scegli non sono abbinate a un menù, il modulo non le visualizzerà. Ordina per: Scegli come ordinare le sezioni / categorie. ARTICOLI CONTENUTI / PAGINE AUTONOME Tipo di selezione: Automatica se vuoi prelevare gli articoli da una categoria. Manuale se vuoi definire manualmente gli articoli da visualizzare. SELEZIONE AUTOMATICA Categoria: Scegli da quale categoria vuoi prelevare i tuoi articoli Nunero elementi: Inserisci quanti elementi (articoli / descrizioni) vuoi visualizzare. SELEZIONE MANUALE Modalità modulo: Solo elementi contenuti: se vuoi prelevare gli articoli dagli elementi contenuti Pagine autonome: se vuoi visualizzare le pagine autonome ITEM ID: Inserisci il numero di ID delle voci che desideri visualizzare, indifferentemente che essi siano in una sola lingua o più lingue. Il modulo gestirà in automatico la lingua. Ordinamento: Scegli in che ordine vuoi mostrate gli articoli. Se scegli selezione automatica, consigliato è prima i più recenti. CONFIGURAZIONE TITOLI E DESCRIZIONI. Limita il testo intro a: Numero caratteri: scegli di limitare il testo in base al numero di caratteri da visualizzare. Primo punto: il testo sarà visualizzato fino al primo punto. Ritorno a capo: il testo sarà visualizzato fino al primo ritorno a capo. Primo paragrafo: Sarà visualizzato il primo paragrafo di testo.
Titolo barra di navigazione: max numero caratteri Inserisci il numero massimo di caratteri da visualizzare VISUALIZZA NELLA BARRA Data: Nascondi: non mostrare nulla Data di creazione: per visualizzare solo la data di creazione Data di modifica: per visualizzare la data di modifica Autore: Nascondi / mostra. FILE CSS FILE PRINCIPALI MODULO Questi sono i file che vengono gestiti dal modulo. Tutti i parametri che inserirete in configurazione sono basati su questi file. modules/mod_ei_dynamicslidernews2/css/style.css modules/mod_ei_dynamicslidernews2/css/style-rtl.css modules/mod_ei_dynamicslidernews2/css/fix_ie.css Evitate assolutamente di modificare questi FILE GESTIONE LAYOUT Questi sono i file che gestiscono il layout di default del modulo come caratteri, loro dimensioni e colori, immagini di sfondo. modules/mod_ei_dynamicslidernews2/css/layout.css modules/mod_ei_dynamicslidernews2/css/layout_fix_ie.css In questi file sono presenti le classi che voi dovrete utilizzare per creare nuovi layout personalizzati. Cartella images modules/mod_ei_dynamicslidernews2/images/ In questa cartella sono contenuti le immagini utilizzate dai file layout.css e layout_fix_ie.css CREARE LAYOUT PERSONALIZZATI I file css personalizzati devono essere messi nella cartella modules/mod_ei_dynamicslidernews2/css/my_css All interno di questa cartella trovate dei file css customizzati come esempio. Per creare i vostri layout potete utilizzare uno di questi file oppure fare una copia dei file layout.css e layout_fix_ie.css Copiare i file layout.css e layout_fix_ie.css in modules/mod_ei_dynamicslidernews2/css/my_css
Rinominate i file appena copiati con un nome che sarà quello che dovrà poi essere inserito nel campo Classe css personalizzata del modulo. Es: modules/mod_ei_dynamicslidernews2/my_css/layout.css in modules/mod_ei_dynamicslidernews2/my_css/mionome.css modules/mod_ei_dynamicslidernews2/my_css/layout_fix_ie.css in modules/mod_ei_dynamicslidernews2/my_css/mionome_fix_ie.css per le immagini che dovranno essere utilizzate in questi due file creare una cartella in modules/mod_ei_dynamicslidernews2/my_css/mionome Mettere in questa cartella le immagini da usare come sfondo abbinate al file mionome.css Nel pacchetto del modulo troverete un cartella PNG_ORI con tutti i file in PNG che potete modificare secondo le colorazioni che desiderate. Per essere più veloci rinominatele come i file originali. Aprire il file mionome.css e modificate le classi esistenti modificnado i colori, i font dei caratteri, i colori e le immagini di sfondo. Evitate di utilizzare istruzioni come margin e padding e istruzioni width e height. Rischiate di compromettere il layout del modulo. Siate consapevoli di quello che fate. Per utilizzare le immagini personalizzate, cambiare il percorso dell immagine esempio.dslnj-navigator li.active{ background:url(../images/arrow-bg.png) no-repeat scroll left center; color:#fff } diventerà.dslnj-navigator li.active{ background:url(mionome/mia_immagine_arrow_bg.png) no-repeat scroll left center; color:#fff } Se le vostre immagini hanno la trasparenza, fate un doppione senza trasparenza e salvatele nella cartella modules/mod_ei_dynamicslidernews2/my_css/mionome Le classi che utilizzano immagini di sfondo con trasparenza le copiate nel file mionome_fix_ie.css e modificate i nomi file on I file immagine senza trasparenza. Per gestire le classi per IE6 dovete inserire * html prima del nome classe esempio * html.dslnj-navigator li.active{
background:url(mionome/mia_immagine_arrow_ie6.png) no-repeat scroll left center; color:#fff } mionome_fix_ie.css è un file css che viene utilizzato quando un visitatore utilizza Internet explorer. Controllate il vostro layout e le eventuali classi da modificare per IE inseritele in questo file. Nel caso in cui il vostro layout non ha bisogno di modifiche quando viene visualizzato in Internet explorer oppure non utilizzate immagini con trasparenza, cancellate il file mionome_fix_ie.css da voi creato in precedenza. GESTIONE IMMAGINI SEZIONI CATEGORIE CONTENUTI. Il modulo consente di utilizzare immagini di grandi dimensioni soprattutto in larghezza. A seconda delle dimensioni del modulo, ridimensionate così anche le immagini. Il modulo offre quattro opzioni: automatico da mosimage immagine nella pagina cartella personalizzata. Se le immagini hanno dimensioni non grosse: esempio 400x300, potete scegliere una fra queste tre funzioni: automatico mosimage (mosimage - immagine abbinata alla sezione o categoria) dalla pagina Per dimensioni maggiori, meglio scegliere la cartella personalizzata. Per mia comodità, se non uso immagini inserite nella pagine da visualizzare con il comando {mosimage}, sfrutto l opportunità che elxis offre che è quella di abbinare l immagina alla pagina, senza però metterla nella pagina con il comando {mosimage} i In automatico, il modulo da la priorità: alla prima immagine mosimage (o alla immagine legata alla sezione/categoria), alla prima immagine presente nella descrizione sezione/categoria/pagina autonoma o nel testo intro degli articoli contenuti, alla immagine presente nella cartella, immagine default none.jpg (nella cartella images del modulo) Se negli articoli non utilizzate la funzione {mosimage}, potete sfruttare l opportunità che elxis offre che è quella di abbinare l immagine alla pagina voce di contenuto / pagina autonoma, ma senza richiamarla nella pagina. COME NOMINARE LE IMMAGINI DA ABBINARE ALLE SEZIONI/CATEGORIE/ARTICOLI/PAGINE AUTONOME
La soluzione migliore è quella di creare una cartella in /images/stories/ e inserire il nome della cartella creata nella voce cartella immagini in configurazione modulo. La cartella che il modulo vi propone è /images/stories/dynamic_slider_news2 Le immagini da abbinare dovranno essere così rinominate: Per sezioni: usare prefisso s prima dell ID Sezione esempio: visualizzare sezioni: 1,2,5,10 immagini s1.jpg s2.jpg s5.jpg s10.jpg Per categorie usare prefisso c prima dell ID categoria Esempio: visualizzare le categorie: 5,15,22,25,30 etc etc etc Immagini: c5.jpg c15.jpg c22.jpg c25.jpg etc etc etc etc Per articoli contenuti/pagine autonome Le immagini legate agli articoli o pagine autonome, dovranno essere rinominate con gli ID: esempio: visualizzare: 1,5,10,25,125,147,135, le immagini dovranno essere chiamate 1.jpg 5.jpg 10.jpg 25.jpg 125.jpg Le immagini che devono essere utilizzate con la funzione cartella immagini, dovranno essere salvate in formato JPG.