Unofficial WebSite X5
WebSite X5 versioni obsolete => WebSite X5 [v9] - Discussioni Generali => Topic aperto da: leol - 10 Novembre, 2013, 23:59:38
-
Salve a tutti ho trovato questo bellissimo scroller per le news, ma non riesco a inserirlo nel sito anche perchè non sono un esperto nel campo del linguaggio html e css, come posso fare? grazie in anticipo
http://www.html.it/script/uno-scroller-di-news-configurabile-con-xml-con-il-plugin-jquery-vscroller/ (http://www.html.it/script/uno-scroller-di-news-configurabile-con-xml-con-il-plugin-jquery-vscroller/)
-
Ciao,
con un po' di ritardo, questo è il mio esempio: http://stesil.altervista.org/evo9/vscroller/ (http://stesil.altervista.org/evo9/vscroller/)
Dai commenti nel sorgente puoi vedere dove ho inserito i codici. Se non fosse chiaro chiedi pure.
-
Ciao stecil grazie per la risposta, abbi pazienza ma sono alle prime armi, cosa devo fare un volta caricate le cartelle sul server, ovvero quali sono i codici da inserire sul sito sulla pagina e nell'head? Ho fatto alcuni tentativi ma con scarsi risultati
-
ok ho letto il file sorgente, provo e poi ti faccio sapere
-
Ciao stesil ho riprovato anche con scarsi risultati. L'unica cosa forse corretta che ho fatto è quella di incollare il codice nella proprietà pagina prima dell'head, per il resto non ho capito quali codici devo mettere nell'oggetto html se un iframe o altre cose.
-
sto usando questa pagina come prova ma dove mi dovrebbe comparire lo scroller viene solo pagina bianca http://www.futsaleuroflorence.it/ggg/index.html (http://www.futsaleuroflorence.it/ggg/index.html)
-
Mi intrometto...
Il file news.xml lo devi spostare in files/news.xml
Attualmente è qui: www.futsaleuroflorence.it/ggg/news.xml
Se vuoi lasciarlo lì, devi modificare il percorso nello script:
<script type="text/javascript">
$(document).ready(function () {
$('#vscroller').vscroller({ newsfeed: 'news.xml' });
});
</script>
Dal commento di stesil:
<!--
files allegati al codice:
news.xml nella cartella files;
vscroller.css nella cartella css;
vscroller.js nella cartella js;
bg.jpg nella cartella images;
-->
-
Grazie Lemonsong adesso funziona. Per caso c'è anche il modo di renderlo più piccolo?
-
con più piccolo intendo togliere gli spazi vuoti laterali e lasciare solo le sbarre scorrevoli, ma penso ci sia da masticare un pò di css per farlo :-(
-
usa una cella piu piccola/aumenta le colonne
-
Un ultima cosa da chiedervi. Ho fatto alcune prove e sono riuscito a cambiare i colori e le scritte, però non riesco a mettere i link collegati alle scritte, ovvero se clicco sulla scritta vado a un preciso link ho tentato modificando l'html del file news ma non funziona, come posso fare?
-
Se ho capito bene, puoi provare ad inserire il link qui:
bla bla bla...
<news category="red" url="http://www.google.it/" date="12-12-2011">
<headline>Tua scritta link</headline>
bla bla bla...
-
Ciao lemon grazie per la risposta sull'headline se cambio il link funziona, però volevo mettere il link anche nel <detail>...</detail> ma non funziona, ho provato con l'istruzione <a href="[/size]url[/color][/size]">[/color][/size]Link text[/color][/size]</a>[/color]
-
Si può fare inserendo <![CDATA[ ]]> nel tag <detail>. Ad esempio:
Only registered users can see contents. Please click here to Register or Login.
E' però opportuno aumentare il numero dei caratteri che verranno visualizzati. Nel file vscroller.js riga 85 -86:
if (newsText.length > 120) {
newsText = newsText.substr(0, 120) + "...";
}
-
Grazie :-)