Logo de Nat-action

Nat-action, forum de natation pour tous

Compétitions ou loisirs, nageurs, parents, entraineurs... Venez parler entre passionnés de natation!
Nous sommes le 26 Avr 2018 23:17

Heures au format UTC + 1 heure [ Heure d’été ]




Poster un nouveau sujet Répondre au sujet  [ 3 messages ] 
Auteur Message
 Sujet du message: Syndication: les actualités sur votre site
MessagePosté: 18 Mar 2007 22:57 
Hors ligne
Liste espoir
Avatar de l’utilisateur

Inscription: 05 Oct 2005 12:27
Messages: 2834
Localisation: Melun
Depuis un certain temps nous proposons des syndications mais à ce jour seuls les webmasters avisés semblent en avoir profité, alors pour l'exemple un système "clé en mains" qui devrait s'installer en quelques minutes.

Pour mettre les actualités de Swimnews sur votre site, il vous faut un cadre d'affichage dont vous choisissez la largeur, la hauteur, la couleur et la bordure (épaisseur et couleur), ensuite on s'occupe du reste:
1) dans l'en-ête de la page HTML (entre <head> et </head>), collez le code suivant (l'essentiel est pour assurer le défilement, les paramètres à modifier sont au début):
Citation:
<style type="text/css">

#marqueecontainer{
position: relative;
width: 300px; /*largeur du cadre */
height: 400px; /*hauteur du cadre */
background-color: white; /*couleur de fond */
overflow: hidden;
border: 2px solid orange; /*bordure du cadre*/
padding: 2px;
padding-left: 4px;
}

</style>

<script type="text/javascript">

/***********************************************
* Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

var delayb4scroll=2000 //Délai avant défilement (2000=2 secondes)
var marqueespeed=2 //Vitesse de défilement (mini 1-10 maxi)
var pauseit=1 //Pause sur survol de souris (0=non 1=oui)?

////RIEN A MODIFIR AU-DELA DE CETTE LIGNE////////////

var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var actualheight=''

function scrollmarquee(){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8 )) //if scroller hasn't reached the end of its height
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px" //move scroller upwards
else //else, reset to original position
cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
}

function initializemarquee(){
cross_marquee=document.getElementById("vmarquee")
cross_marquee.style.top=0
marqueeheight=document.getElementById("marqueecontainer").offsetHeight
actualheight=cross_marquee.offsetHeight //height of marquee content (much of which is hidden from view)
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_marquee.style.height=marqueeheight+"px"
cross_marquee.style.overflow="scroll"
return
}
setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
}

if (window.addEventListener)
window.addEventListener("load", initializemarquee, false)
else if (window.attachEvent)
window.attachEvent("onload", initializemarquee)
else if (document.getElementById)
window.onload=initializemarquee

</script>

puis dans le corps de la page (entre <body> et </body>, mais surtout à l'endroit où vous voulez voir apparaître le cadre, collez:
Citation:
<div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">
<div id="vmarquee" style="position: absolute; width: 98%;">

<script language="JavaScript" src="http://convert.rss-to-javascript.com/?desc=1&date=1&src=http%3A%2F%2Fwww.swimnews-france.com%2Frssfeed.php">
</script><noscript>Votre navigateur n'accepte pas le JavaScript. <a title='RSS-to-JavaScript.com: Free RSS to JavaScript Converter' href=http://www.rss-to-javascript.com/?p=151,381&desc=1&date=1&src=http%3A%2F%2Fwww.swimnews-france.com%2Frssfeed.php&as_html=1>Cliquez pour lire les articles</a>.</noscript>
<a href=http://www.rss-to-javascript.com target=_blank title='RSS-to-JavaScript.com: Free RSS to JavaScript Converter'><img src=http://www.rss-to-javascript.com/images/rss-to-jss-small.gif alt='RSS to JavaScript' border=0></a>

</div>
</div>


Pour les Saint-Thomas, le code ci-dessus juste augmenté de <head> </head> et <body> </body> a été copié dans un fichier html:
http://nataction.free.fr/images/swim-news.htm

Tel quel, le code ne suppose rien sur la police, la couleur, etc, il prend tout l'environnement par défaut de la page qui l'entoure pour s'y intégrer parfaitement, mais vous pouvez bien entendu modifier taille, couleur, police, etc
Les paramètres de l'exemple sont 300 pixels de large, 400 de haut, fond blanc et bordure de 2 pixels orange, défilement vitesse 2/10.
Mais un bandeau large (800px par exemple sur 100 de haut) peut parfois s'intégrer plus facilement en bas d'une page, avec la couleur de fond et de bordure de votre page d'accueil, intégration parfaite!

Et bien entendu, en cas de difficulté, il y aura sûrement quelqu'un pour répondre aux questions

_________________
Il vaut mieux débattre d'une question sans la régler que la régler sans en avoir débattu. Joseph Joubert Image


Haut
 Profil  
 
 Sujet du message:
MessagePosté: 21 Mar 2007 13:10 
Hors ligne
Liste espoir
Avatar de l’utilisateur

Inscription: 05 Oct 2005 12:27
Messages: 2834
Localisation: Melun
Une autre possibilité pour le fournisseur de conversion de RSS en Javascript: le deuxième encadré (à copier dans le Body) devient:
Citation:
<div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">
<div id="vmarquee" style="position: absolute; width: 98%;">

<script language="JavaScript" src="http://www.chewinthefat.com/rss-to-javascript2/feed2js.php?src=http%3A%2F%2Fwww.swimnews-france.com%2Frssfeed.php&chan=y&desc=1" type="text/javascript"></script>

<noscript>
<a href="http://www.chewinthefat.com/rss-to-javascript2/feed2js.php?src=http%3A%2F%2Fwww.swimnews-france.com%2Frssfeed.php&chan=y&desc=1&html=y">View RSS feed</a>
</noscript>

</div>
</div>

(modèle par défaut avec puces, sans la date)
Et un générateur de feuille de style propose divers modèles tout faits ou personnalisables:
http://www.blinkbits.com/feed/style.php?feed=

Dans certains cas le deuxième serait apparemment plus rapide à l'affichage, choisissez selon vos goûts, aperçu:
http://nataction.free.fr/images/swim-news2.htm

_________________
Il vaut mieux débattre d'une question sans la régler que la régler sans en avoir débattu. Joseph Joubert Image


Haut
 Profil  
 
 Sujet du message:
MessagePosté: 21 Mar 2007 13:47 
Hors ligne
Liste espoir
Avatar de l’utilisateur

Inscription: 05 Oct 2005 12:27
Messages: 2834
Localisation: Melun
Suite à une demande d'un membre éminent d'un club hébergé, le même pour afficher les derniers sujet d'un sous-forum, avec comme exemple le sous-forum Synchro (numéro 33, à voir dans l'url, Gestion informatique=16, passez la souris sur le lien -> Gestion informatique ci-dessus pour le voir), aperçu:
http://nataction.free.fr/images/nataction-33.htm

Seule la partie à mettre dans le Body est modifiée évidemment
Citation:
<div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">
<div id="vmarquee" style="position: absolute; width: 98%;">

<script language="JavaScript" src="http://convert.rss-to-javascript.com/?desc=1&date=1&src=http%3A%2F%2Fwww.nat-action.com%2Fbackend_bis.php?f=33">
</script><noscript>Votre navigateur n'accepte pas le JavaScript. <a title='RSS-to-JavaScript.com: Free RSS to JavaScript Converter' href=http://www.rss-to-javascript.com/?p=151,381&desc=1&date=1&src=http%3A%2F%2Fwww.nat-action.com%2Fbackend_bis.php?f=33&as_html=1>Cliquez pour lire les articles</a>.</noscript>

<a href=http://www.rss-to-javascript.com target=_blank title='RSS-to-JavaScript.com: Free RSS to JavaScript Converter'><img src=http://www.rss-to-javascript.com/images/rss-to-jss-small.gif alt='RSS to JavaScript' border=0></a>

</div>
</div>

En observant bien le code vous voyez "?f=33" à la fin de l'url Nat-Action, il suffit de remplacer par le numéro du forum voulu, ou de le supprimer pour avoir tous les sujets de tous les forums, ou cerise sur le gâteau parce que je savais que vous alliez le demander, le 3, plus le 5, plus 12:
?f=3,5,12

Elle est pas belle la vie?

_________________
Il vaut mieux débattre d'une question sans la régler que la régler sans en avoir débattu. Joseph Joubert Image


Haut
 Profil  
 
Afficher les messages postés depuis:  Trier par  
Poster un nouveau sujet Répondre au sujet  [ 3 messages ] 

Heures au format UTC + 1 heure [ Heure d’été ]


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités


Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas éditer vos messages
Vous ne pouvez pas supprimer vos messages
Vous ne pouvez pas joindre des fichiers

Rechercher:
Aller à:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Style based on FI Subice by phpBBservice.nl
Traduction par: phpBB-fr.com
phpBB SEO