Accès au site Chiourim.com Accès au Forum Rechercher parmi les questions/réponses existantes Connexion au forum S'inscrire pour pouvoir poser ses questions Contact

 

Webmasters ! Proposez les dernières réponses des Rabbanim de Techouvot.com sur votre site !

Le script Javascript

L'un des points forts du "fil d'info" de Techouvot.com est sa simplicité d'installation. En effet, il suffit de coller le code ci-dessous (après avoir obtenu l'autorisation d'utilisation) dans les pages de votre site :

Cliquez sur pour copier le code ci-dessus dans le presse-papier (fonctionne avec IE 5.5 et +).

Deux paramètres sont passés au script :

  • limite : c'est le nombre de caractères maximum qui sera affiché par question. Cela vous permet de fixer les dimensions du "fil d'info" et de l'adapter à votre page. Ce paramètre s'utilise en combinaison avec la largeur (en pixel) du "fil d'info" définie dans la feuille de style CSS. S'il est omis, sa valeur par défaut est de 37, ce qui correspond à une largeur du "fil d'info" de 200 pixels.
  • nb : c'est le nombre de questions qui sera affiché. Il peut varier de 1 à 10. S'il est omis, sa valeur est par défaut à 10.

Le script génère du code HTML, compatible XHTML, qui a la structure suivante :

	  <div class="techouvot">
		<h1><a href="..." target="techouvot">Techouvot.com</a></h1>
		<h2>Les dernières réponses</h2>
		<ul class="questions">
			<li class="couleur1"><a href="..." target="techouvot" title="...">...</a></li>
			<li class="couleur2"><a href="..." target="techouvot" title="...">...</a></li>
			<li class="couleur1"><a href="..." target="techouvot" title="...">...</a></li>
			<li class="couleur2"><a href="..." target="techouvot" title="...">...</a></li>
			...
			...
			...
		</ul>
		<div class="recherche" align="center">
			<div class="couleur2" align="center">
				<form action="..." method="post" target="techouvot">
					<input name="..." type="text" size="15">
					<input type="submit" value="Recherche">
				</form>
			</div>
		</div>
	  </div>
	  

La feuille de style CSS

Sans feuille de style, l'affichage du "fil d'info" sur votre site donnerait cela :

Pas très esthétique !!!

Grâce à la feuille de style CSS, vous pouvez personnaliser l'affichage du "fil d'info" facilement pour qu'il soit plus "design" et afin qu'il se fonde parfaitement avec le graphisme de votre site.

Collez le code ci-dessous entre les balises <head> et </head> de votre page

Cliquez sur pour copier le code ci-dessus dans le presse-papier (fonctionne avec IE 5.5 et +).

Si vous rechargez votre page après avoir inséré le code ci-dessus, vous devriez obtenir cela :

Fil d'info avec
limite = 37, nb = 8 et largeur = 200 pixels
Fil d'info avec
limite = 60, nb = 8 et largeur = 280 pixels

 

Vous pouvez bien sûr modifier toutes les couleurs et les dimensions. Pour cela, lisez les commentaires écrits dans le code de la feuille de style.

Si vous désirez plus d'informations sur CSS, vous pouvez consulter ce site.