Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum
Bonjour,
Comme il est écrit dans le titre je cherche à ajouter les nouveautés se trouvant sur le site de swtor on peut cliquer sur flux rss et ils nous indiquent le code suivant :
J'aimerais savoir comment l'intégrer sur le portail de mon site en tant que widget, pour que l'on puisse voir l'actualité comme sur le site de swtor ou du moins le plus proche possible avec les images et le texte.
mon forum : http://ordre-nemesis.net
J'ai rajouté le flux sous forme de mini flux mais je ne le veux pas comme celà.
Comme il est écrit dans le titre je cherche à ajouter les nouveautés se trouvant sur le site de swtor on peut cliquer sur flux rss et ils nous indiquent le code suivant :
- Code:
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<id>http://www.swtor.com/fr/flux/actualite/tout</id>
<title>Tout | Star Wars: The Old Republic</title>
<updated>2011-12-09T01:01:01+00:00</updated>
<link rel="self" href="http://www.swtor.com/fr/flux/actualite/tout" />
<link rel="alternate" href="http://www.swtor.com/fr/news" />
<entry>
<id>http://www.swtor.com/fr/actualite/article/20111209</id>
<title>Évolution de l'Inquisiteur Sith</title>
<updated>2011-12-09T01:01:01Z</updated>
<author><name>CourtneyWoods</name></author>
<summary>Venez découvrir les nombreuses évolutions que vous pourrez choisir pour ce disciple du côté obscur.</summary>
<content src="" type="text/html" />
<category term="Article" />
<link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111209" />
<link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/vc/20111209_ip90/inquisitor_131x99.jpg"
type="image/jpeg"
length="5569" />
</entry>
<entry>
<id>http://www.swtor.com/fr/actualite/article/20111207</id>
<title>Pré-installez STAR WARS: The Old Republic dès maintenant !</title>
<updated>2011-12-07T01:01:01Z</updated>
<author><name>CourtneyWoods</name></author>
<summary>Ceux qui ont pré-commandé le jeu peuvent télécharger le client du jeu et l'installer avant sa sortie !</summary>
<content src="" type="text/html" />
<category term="Article" />
<link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111207" />
<link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/na/preload_131x99.jpg"
type="image/jpeg"
length="5544" />
</entry>
<entry>
<id>http://www.swtor.com/fr/actualite/article/20111203</id>
<title>Les guildes de pré-lancement sont verrouillées</title>
<updated>2011-12-03T01:01:01Z</updated>
<author><name>AlysonBridge</name></author>
<summary>Les guildes du pré-lancement qui respectent les critères sont désormais prêtes pour le transfert !</summary>
<content src="" type="text/html" />
<category term="Article" />
<link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111203" />
<link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/vc/20110921_gpii45/guild_phase_ii_131x99.jpg"
type="image/jpeg"
length="5432" />
</entry>
<entry>
<id>http://www.swtor.com/fr/actualite/article/20111202</id>
<title>Choisissez votre camp : Agent vs. Consulaire</title>
<updated>2011-12-02T03:03:03Z</updated>
<author><name>AlysonBridge</name></author>
<summary>Les membres de l'équipe de BioWare débattent sur deux nouvelles classes emblématiques...</summary>
<content src="" type="text/html" />
<category term="Article" />
<link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111202" />
<link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/vc/20111202_iajc72/chooseyourside03_131x99.jpg"
type="image/jpeg"
length="5851" />
</entry>
<entry>
<id>http://www.swtor.com/fr/actualite/article/20111202-0</id>
<title>Le pré-lancement des guildes se termine demain</title>
<updated>2011-12-02T02:02:02Z</updated>
<author><name>AlysonBridge</name></author>
<summary>Voici votre dernière chance de finaliser votre guilde avant le début de l'accès anticipé au jeu !</summary>
<content src="" type="text/html" />
<category term="Article" />
<link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111202-0" />
<link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/na/guildph3_pa_131x99.jpg"
type="image/jpeg"
length="5549" />
</entry>
<entry>
<id>http://www.swtor.com/fr/actualite/article/20111202-1</id>
<title>Périphériques de jeu The Old Republic disponibles en pré-commande</title>
<updated>2011-12-02T01:01:01Z</updated>
<author><name>AlysonBridge</name></author>
<summary>Les périphériques Razer inspirés de STAR WARS: The Old Republic arrivent !</summary>
<content src="" type="text/html" />
<category term="Article" />
<link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111202-1" />
<link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/misc/razer/mouse_131x99.jpg"
type="image/jpeg"
length="4791" />
</entry>
<entry>
<id>http://www.swtor.com/fr/actualite/article/20111201</id>
<title>Écoutez la musique de The Old Republic</title>
<updated>2011-12-01T01:01:01Z</updated>
<author><name>CourtneyWoods</name></author>
<summary>Écoutez la bande originale de STAR WARS: The Old Republic en attendant son lancement !</summary>
<content src="" type="text/html" />
<category term="Article" />
<link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111201" />
<link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/na/FBmusic_131x99.jpg"
type="image/jpeg"
length="4215" />
</entry>
<entry>
<id>http://www.swtor.com/fr/actualite/article/20111125</id>
<title>Évolution du Jedi Consulaire</title>
<updated>2011-11-25T01:01:01Z</updated>
<author><name>CourtneyWoods</name></author>
<summary>Une nouvelle vidéo présente les différentes évolutions de ce puissant manieur de la Force !</summary>
<content src="" type="text/html" />
<category term="Article" />
<link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111125" />
<link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/vc/20111125_jc24/consular_131x99.jpg"
type="image/jpeg"
length="6247" />
</entry>
<entry>
<id>http://www.swtor.com/fr/actualite/article/20111123</id>
<title>Dernière chance de finaliser votre guilde</title>
<updated>2011-11-23T01:01:01Z</updated>
<author><name>CourtneyWoods</name></author>
<summary>Voici votre dernière chance de finaliser votre guilde avant le début de l'accès anticipé au jeu !</summary>
<content src="" type="text/html" />
<category term="Article" />
<link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111123" />
<link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/na/guildph3_reminder_131x99.jpg"
type="image/jpeg"
length="6743" />
</entry>
<entry>
<id>http://www.swtor.com/fr/actualite/article/20111118</id>
<title>La chute de Martel</title>
<updated>2011-11-18T02:02:02Z</updated>
<author><name>CourtneyWoods</name></author>
<summary>Assistez au combat d'une équipe impériale pour contrôler une station de combat dans cette zone litigieuse !</summary>
<content src="" type="text/html" />
<category term="Article" />
<link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111118" />
<link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/vc/20111111_fph73/hammer_131x99.jpg"
type="image/jpeg"
length="5835" />
</entry>
</feed>
J'aimerais savoir comment l'intégrer sur le portail de mon site en tant que widget, pour que l'on puisse voir l'actualité comme sur le site de swtor ou du moins le plus proche possible avec les images et le texte.
mon forum : http://ordre-nemesis.net
J'ai rajouté le flux sous forme de mini flux mais je ne le veux pas comme celà.
Dernière édition par Rezzert le Mar 20 Déc 2011 - 13:24, édité 1 fois
Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum
Comme sur se site (disposé de la même façon ou du moins ressamble : http://carnage-swtor.com/web/
Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum
Bonjour
Il faut trouver un lecteur ou agrégateur de Flux rss.
Par exemple celui ci utilisant jquery.
http://www.zazar.net/developers/jquery/zrssfeed/
et cet exemple qui peut convenir peut être....
http://www.zazar.net/developers/jquery/zrssfeed/example_ticker.html
par contre il n'y a pas les images....
Cordialement.
Il faut trouver un lecteur ou agrégateur de Flux rss.
Par exemple celui ci utilisant jquery.
http://www.zazar.net/developers/jquery/zrssfeed/
et cet exemple qui peut convenir peut être....
http://www.zazar.net/developers/jquery/zrssfeed/example_ticker.html
par contre il n'y a pas les images....
Cordialement.
Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum
hum il n'en n'existerais t'il pas un autre ?
Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum
Sinon pourriez vous me créer le flux rss avec le site que vous m'avez indiqué car je suis incompétent en anglais.
Coridalement,
Rezzert.
Coridalement,
Rezzert.
Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum
Bonjour
Pour mettre l'exemple montré plus haut
il faut mettre en place les scripts suivants:
Dans modules gestion des codes javascript
-créer un nouveau javascript
-mettre un nom par exemple feed1
-cochez sur toutes les pages collez le code et validez
on va mettre le 2ème pour l'animation
Dans modules gestion des codes javascript
-créer un nouveau javascript
-mettre un nom par exemple feed2
-cochez sur toutes les pages collez le code et validez
et pour finir le troisième script contenant le lien vers le feed
Dans modules gestion des codes javascript
-créer un nouveau javascript
-mettre un nom par exemple feed3
-cochez sur toutes les pages collez le code et validez
Ensuite à mettre dans votre CSS pour les couleurs taille etc...
et pour finir dans votre widget mettre
Cordialement.
Pour mettre l'exemple montré plus haut
il faut mettre en place les scripts suivants:
Dans modules gestion des codes javascript
-créer un nouveau javascript
-mettre un nom par exemple feed1
-cochez sur toutes les pages collez le code et validez
- Code:
(function(h){h.fn.rssfeed=function(q,d,r){d=h.extend({limit:10,header:true,titletag:"h4",date:true,content:true,snippet:true,media:true,showerror:true,errormsg:"",key:null,ssl:false,linktarget:"_self"},d);return this.each(function(s,o){var p=h(o),e="";d.ssl&&(e="s");p.hasClass("rssFeed")||p.addClass("rssFeed");if(q==null)return false;e="http"+e+"://ajax.googleapis.com/ajax/services/feed/load?v=1.0&callback=?&q="+encodeURIComponent(q);d.limit!=null&&(e+="&num="+d.limit);d.key!=null&&(e+="&key="+d.key);
e+="&output=json_xml";h.getJSON(e,function(a){if(a.responseStatus==200){var c=a.responseData,a=d,g=c.feed;if(g){var f="",e="odd";if(a.media){var j=c.xmlString;navigator.appName=="Microsoft Internet Explorer"?(c=new ActiveXObject("Microsoft.XMLDOM"),c.async="false",c.loadXML(j)):c=(new DOMParser).parseFromString(j,"text/xml");j=c.getElementsByTagName("item")}a.header&&(f+='<div class="rssHeader"><a href="'+g.link+'" title="'+g.description+'">'+g.title+"</a></div>");f+='<div class="rssBody"><ul>';for(c=
0;c<g.entries.length;c++){var b=g.entries[c],i;b.publishedDate&&(i=new Date(b.publishedDate),i=i.toLocaleDateString()+" "+i.toLocaleTimeString());f+='<li class="rssRow '+e+'"><'+a.titletag+'><a href="'+b.link+'" title="View this feed at '+g.title+'" target="'+a.linktarget+'">'+b.title+"</a></"+a.titletag+">";a.date&&i&&(f+="<div>"+i+"</div>");a.content&&(f+="<p>"+(a.snippet&&b.contentSnippet!=""?b.contentSnippet:b.content)+"</p>");if(a.media&&j.length>0){b=j[c].getElementsByTagName("enclosure");if(b.length>
0){f+='<div class="rssMedia"><div>Media files</div><ul>';for(var k=0;k<b.length;k++){var l=b[k].getAttribute("url"),m=b[k].getAttribute("type"),n=b[k].getAttribute("length"),l='<li><a href="'+l+'" title="Download this media">'+l.split("/").pop()+"</a> ("+m+", ",m=Math.floor(Math.log(n)/Math.log(1024)),n=(n/Math.pow(1024,Math.floor(m))).toFixed(2)+" "+"bytes,kb,MB,GB,TB,PB".split(",")[m];f+=l+n+")</li>"}f+="</ul></div>"}f+="</li>"}e=e=="odd"?"even":"odd"}f+="</ul></div>";h(o).html(f)}h.isFunction(r)&&
r.call(this,p)}else d.showerror&&(g=d.errormsg!=""?d.errormsg:a.responseDetails),h(o).html('<div class="rssError"><p>'+g+"</p></div>")})})}})(jQuery);
on va mettre le 2ème pour l'animation
Dans modules gestion des codes javascript
-créer un nouveau javascript
-mettre un nom par exemple feed2
-cochez sur toutes les pages collez le code et validez
- Code:
(function($){
$.fn.vTicker = function(options) {
var defaults = {
speed: 700,
pause: 4000,
showItems: 3,
animation: '',
mousePause: true,
isPaused: false
};
var options = $.extend(defaults, options);
moveUp = function(obj2, height, paused){
if(paused) return;
var obj = obj2.children('ul');
first = obj.children('li:first').clone(true);
obj.animate({top: '-=' + height + 'px'}, options.speed, function() {
$(this).children('li:first').remove();
$(this).css('top', '0px');
});
if(options.animation == 'fade') {
obj.children('li:first').fadeOut(options.speed);
obj.children('li:last').hide().fadeIn(options.speed);
}
first.appendTo(obj);
};
return this.each(function() {
var obj = $(this);
var maxHeight = 0;
var itempause = options.isPaused;
obj.css({overflow: 'hidden', position: 'relative'})
.children('ul').css({position: 'absolute', margin: 0, padding: 0})
.children('li').css({margin: 0, padding: 0});
obj.children('ul').children('li').each(function(){
if($(this).height() > maxHeight) {
maxHeight = $(this).height();
}
});
obj.children('ul').children('li').each(function() {
$(this).height(maxHeight);
});
obj.height(maxHeight * options.showItems);
var interval = setInterval(function(){ moveUp(obj, maxHeight, itempause); }, options.pause);
if (options.mousePause)
{
obj.bind("mouseenter",function() {
itempause = true;
}).bind("mouseleave",function() {
itempause = false;
});
}
});
};
})(jQuery);
et pour finir le troisième script contenant le lien vers le feed
Dans modules gestion des codes javascript
-créer un nouveau javascript
-mettre un nom par exemple feed3
-cochez sur toutes les pages collez le code et validez
- Code:
$(document).ready(function () {
$('#ticker1').rssfeed('http://www.swtor.com/fr/flux/actualite/tout',{}, function(e) {
$(e).find('div.rssBody').vTicker();
});
$('#ticker2').rssfeed('http://feeds.bbc.co.uk/iplayer/highlights/tv',{}, function(e) {
$(e).find('div.rssBody').vTicker({ showItems: 1});
});
});
Ensuite à mettre dans votre CSS pour les couleurs taille etc...
- Code:
.rssFeed {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
width: 250px;
margin-bottom: 2em;
}
.rssFeed a {
color: #444;
text-decoration: none;
}
.rssFeed a:hover {
color: #000;
text-decoration: underline;
}
.rssHeader { padding: 0.2em 0; }
.rssBody { border: 4px solid #666; }
.rssRow h4, .rssRow p, .rssRow div {
margin: 0;
padding: 0.5em;
}
#ticker1 .odd { background-color: #e8e8fc; }
#ticker1 .even { background-color: #d4d4e8; }
#ticker2 .odd { background-color: #e8fce8; }
#ticker2 .even { background-color: #d4e8d4; }
et pour finir dans votre widget mettre
- Code:
<div id="ticker1"></div><div id="ticker2"></div>
Cordialement.
Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum
J'aurais juste une toute petite question serait-il possible de supprimer la pub qui est compris dans le lot ?
Regardez le dernier flux rss serait-il possible de la supprimer ?
Cordialement,
Rezzert.
Regardez le dernier flux rss serait-il possible de la supprimer ?
Cordialement,
Rezzert.
Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum
BBC iPlayer - TV Highlights
Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum
Bonjour
Vous pouvez supprimer cette partie (code du widget)
Pour ne gardez que un flux.
Ou l'utilisez pour un autre flux.
Cordialement.
Vous pouvez supprimer cette partie (code du widget)
- Code:
<div id="ticker2"></div>
Pour ne gardez que un flux.
Ou l'utilisez pour un autre flux.
Cordialement.
Sujets similaires
» Création thème pour forum star wars
» Ajouter le flux rss de mon forum à ma page Google+
» Ajouter le Flux Rss d'un forum sur la Page d'Accueil
» Header Forum & Header Site Web (Portail)
» Insérer mon forum sur page d'accueil de mon site ou l'inverse ( Site sur forum)
» Ajouter le flux rss de mon forum à ma page Google+
» Ajouter le Flux Rss d'un forum sur la Page d'Accueil
» Header Forum & Header Site Web (Portail)
» Insérer mon forum sur page d'accueil de mon site ou l'inverse ( Site sur forum)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum