Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

TEXTE DEFILANT VERTICALEMENT POUR VOTRE SITE


Information sur la source

Catégorie :Menu & Co Niveau : Débutant Date de création : 26/06/2004 Vu : 59 990

Note :
8,31 / 10 - par 16 personnes
8,31 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (25)
Ajouter un commentaire et/ou une note

Description

Un texte défile de haut en bas ou de bas en haut dans un Cadre. Entièrement paramétrable, il peut vous servir pour afficher les News de votre Site par exemple.
 

Source

  • <!-- La taille du cadre de News - La Taille de la Bordure et sa couleur -->
  • <table width="250" border="1" bordercolor="#808080">
  • <!-- Couleur de Fond de l'endroit où est marqué "News du Site" -->
  • <tr bgcolor="#808080">
  • <!-- Mention Obligatoire mais sans aucune influence si vous changez sa valeur, mais un déréglement se produire si vous l'ôtez complétement du Code Source -->
  • <td heigth="1">
  • <!-- Centrage du Texte du cadre où est inscrit "News du Site" - Votre Texte à la place de "News du Site" -->
  • <div align="center">News du Site</div>
  • </td>
  • </tr>
  • <!-- Couleur de la bordure qui entoure le Cadre où défilent les News -->
  • <tr bordercolor="#808080">
  • <!-- Mention Obligatoire mais sans aucune influence si vous changez sa valeur, mais un déréglement se produire si vous l'ôtez complétement du Code Source -->
  • <td height="1">
  • <!-- L'attribut MARQUEE permet le défilement - onMouseOver=this.stop() signifie que quand la souris entrera dans le Cadre, le texte stoppera son défilement - onMouseOut=this.start() signifie que quand la souris ne sera pas dans le Cadre, le texte défilera - scrollAmount définit la vitesse de Déplacement du Texte - direction définit si le Texte défilera de haut en bas (Down) ou de bas en haut (Up) - width définit la taille du Cadre où défile les News du Site - height définit la Hauteur du Cadre où défilent les News du Site - align définit le centrage ou l'excentrage des News du Site -->
  • <MARQUEE onMouseOver=this.stop() onMouseOut=this.start() scrollAmount=2 direction=Up width=400 height=200 align="left">
  • <!-- Vos News du Site -->
  • Salut<br>
  • Bienvenue sur le Site<br>
  • <!-- Fin de la Zone de Défilement -->
  • </MARQUEE>
  • <!-- Ferme les cellules, les colonnes et le tableau ouverts au paravant - Mention obligatoire, à ne pas supprimer ! -->
  • </td>
  • </tr>
  • </table>
<!-- La taille du cadre de News - La Taille de la Bordure et sa couleur -->
<table width="250" border="1" bordercolor="#808080">

<!-- Couleur de Fond de l'endroit où est marqué "News du Site" -->
<tr bgcolor="#808080">

<!-- Mention Obligatoire mais sans aucune influence si vous changez sa valeur, mais un déréglement se produire si vous l'ôtez complétement du Code Source -->
<td heigth="1">

<!-- Centrage du Texte du cadre où est inscrit "News du Site" - Votre Texte à la place de "News du Site" --> 
<div align="center">News du Site</div>
</td>
</tr>

<!-- Couleur de la bordure qui entoure le Cadre où défilent les News -->
<tr bordercolor="#808080">

<!-- Mention Obligatoire mais sans aucune influence si vous changez sa valeur, mais un déréglement se produire si vous l'ôtez complétement du Code Source -->
<td height="1">
              
<!-- L'attribut MARQUEE permet le défilement - onMouseOver=this.stop() signifie que quand la souris entrera dans le Cadre, le texte stoppera son défilement - onMouseOut=this.start() signifie que quand la souris ne sera pas dans le Cadre, le texte défilera - scrollAmount définit la vitesse de Déplacement du Texte - direction définit si le Texte défilera de haut en bas (Down) ou de bas en haut (Up) - width définit la taille du Cadre où défile les News du Site - height définit la Hauteur du Cadre où défilent les News du Site - align définit le centrage ou l'excentrage des News du Site -->
<MARQUEE onMouseOver=this.stop() onMouseOut=this.start() scrollAmount=2  direction=Up width=400 height=200 align="left">

<!-- Vos News du Site -->
Salut<br>
Bienvenue sur le Site<br>

<!-- Fin de la Zone de Défilement -->
</MARQUEE>
 
<!-- Ferme les cellules, les colonnes et le tableau ouverts au paravant - Mention obligatoire, à ne pas supprimer ! -->           
</td>
</tr>
</table>

Conclusion

Si vous constatez des Bugs, merci de m'en aviser
http://wanicorporation.zerackiel.net
 

Commentaires et avis

signaler à un administrateur
Commentaire de soufiane93 le 27/06/2004 03:03:43

Exactement ce que je cherchais, félicitation :)
aller, 8/10 ;)

signaler à un administrateur
Commentaire de lexlo34op le 27/06/2004 08:22:46

Ta source est parfaitement adapté pour moi bravo j'ai mis 10

signaler à un administrateur
Commentaire de fser le 27/06/2004 12:31:39

Moi je ne te met que 5 car ta source ne marche que sous internet explorer et pas sous mozilla par exemple.
J'estime donc que le code n'est pas parfait.

signaler à un administrateur
Commentaire de VictorWani le 27/06/2004 18:49:15

Merci, c'est encourageant, vu que je suis débutant.
Je vais tenter d'améliorer pour que ce soit compatible avec les autres navigateurs Internet.
C'est juste que vu que je surfe avec IE, je ne me suis pas trop occupé des autres navigateurs.
Je vais tenter de corriger mon erreur.

signaler à un administrateur
Commentaire de soufiane93 le 28/06/2004 01:53:40

je pense que la balise &lt;marquee&gt; n'est compatible qu'avec IE, non?

signaler à un administrateur
Commentaire de VictorWani le 28/06/2004 09:32:35

Oui, d'où l'incompatibilité avec les autres Navigateurs

signaler à un administrateur
Commentaire de babid le 28/06/2004 12:10:13

Salut,

VitorWani, je ne veux pas être méchant mais ce code est partout sur les sites de JS comme éditeur javascript. Enfin bon, c'est bien quand même, ça servira pour les novices.
Petite correction, ce script marche sur Mozilla 1.4 et Netscape 7. Pour cela 2 choses :
- ces navigateurs sont sensibles à la casse donc il ne faut pas écrire 'Up' mais 'up'
- netscape lui considère que si le texte est court pas de défilement , donc si vous voulez que ca défile, mettez des textes long, ou rajouter des balises 'BR' ou 'P' à la fin de votre texte.

Exemple (correction de celui du dessus, qui marche avec IE Mozilla et Netscape):
&lt;MARQUEE onMouseOver=this.stop() onMouseOut=this.start() scrollAmount=2  direction=up width=400 height=200 align="left"&gt;
Salut
&lt;BR&gt;&lt;BR&gt;
Bienvenue sur le Site
&lt;BR&gt;&lt;BR&gt;
&lt;BR&gt;&lt;BR&gt;
&lt;BR&gt;&lt;BR&gt;
&lt;BR&gt;&lt;BR&gt;
&lt;BR&gt;&lt;BR&gt;
&lt;BR&gt;&lt;BR&gt;
&lt;BR&gt;&lt;BR&gt;
&lt;BR&gt;&lt;BR&gt;
&lt;BR&gt;&lt;BR&gt;
&lt;/MARQUEE&gt;


Aller bon courage à tous
@+++
Babid

signaler à un administrateur
Commentaire de tetedemul le 01/07/2004 18:50:27

Je n'ai pa pris ce Code sur un site de Sources. Je l'ai créé en m'inspirant d'un menu trouvé sur un Site Web.

signaler à un administrateur
Commentaire de tetedemul le 02/07/2004 19:26:00

Je suis VictorWani, c'est que mon frère, c'est tetedemul et il se logge toujours donc je poste mes commentaires sous son pseudo, le systéme de connexion/déconnexion de Codes sources n'étant pas tout à fait au point (Ce n'est pas une critique, le site et très bien !)

signaler à un administrateur
Commentaire de testbp le 11/08/2004 10:18:43

Bonjour,
Quelqu'un saurait-il comment réduire l'espacement entre la fin d'une première boucle et le début de la suivante sans modifier la vitesse de défilement ?
Il semblerait en effet que l'on ne puisse pas faire apparaître la fin d'une boucle et le début de la suivante en même temps...
Merci !

signaler à un administrateur
Commentaire de pierre92000 le 25/04/2005 17:54:29

Merci beaucoup, voilà la touche finale que je cherchais !
(note = 10)

signaler à un administrateur
Commentaire de riphper le 03/09/2005 21:59:07

Désolé, mais pour ma part, je ne suis pas convaincu car la balise MARQUEE est une balise propriétaire et donc non approuvée par la W3C de plus, les TABLE, c'est un peu dépassé ;-)

signaler à un administrateur
Commentaire de marc1306 le 28/10/2005 05:02:53

exactement le genre de script que je recherchais
simple clair sans lignes superflues merci :)

signaler à un administrateur
Commentaire de pioupioupioupiou le 30/01/2006 12:12:19

super ce que je chercher !!!

signaler à un administrateur
Commentaire de fpjg le 13/03/2006 18:56:54

bien bien bien sûr !!

signaler à un administrateur
Commentaire de skystef le 14/04/2006 11:24:20

Les tables sont dépassées mais beaucoup de Webmaster les utilisent encore.... Sinon ce code m'a bien dépanné, le script fonctionne sous IE, Firefox, Netscape et Opera. Mais sous Opera le texte défile sans arrêt même quand on passe la souris dessus.

Pas encore testé sous Safari ni les navigateurs sous Mac (IE mac, Camino etc....).

signaler à un administrateur
Commentaire de hjijira le 26/12/2006 11:26:33

c'est super ,merci pour cette source je cherché depuis longtemps :)

signaler à un administrateur
Commentaire de djassib le 20/03/2007 09:23:18

J'aimerais savoir comment ajouter des liens hypertexte au texte délifant qui renvoie sur une autre page?

signaler à un administrateur
Commentaire de drassorb le 09/04/2007 15:00:19

merci pour ce code que je cherchais, je n'y connais rien en codage et il est très clair.
par contre est-ce que quelqu'un peut me dire comment changer la couleur et la dimension des polices ???

signaler à un administrateur
Commentaire de am3d64 le 17/05/2007 08:03:48

bonjour a tous, j ai une petite question pour vous, est il possible que le texte soit contenu un un fichier ".txt" cela eviterai d avoir a intervenir dans le code de la page a chaque fois qu on veut changer la news....

signaler à un administrateur
Commentaire de byters le 21/07/2007 17:40:13

Super ce script simple et claire mais j'ai un souci avec Firefox avec cette balise
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Tout est figé sur Firefox si je l'enleve tout est ok. Mais je ne peux pas le faire pour le reste de ma page quelqu'un aurais une idée. Merci

signaler à un administrateur
Commentaire de Thienou le 06/08/2007 22:48:54

Marche super bien, pile poil ce qui me fallait.
Merci pour ce script.

signaler à un administrateur
Commentaire de ISA84 le 15/11/2007 21:16:17

Bonsoir,
alors voila je viens de l'installer quand je vais dans mon forum voila ce qui me dit :
Template->make_filename(): Error - file /mnt/167/sdb/8/5/grandirdanslaveritee/forum/templates/subSilver/newshr_body.tpl does not exist

J'ai vérifier et le fichier newshr_body.tpl  est présent et au bonne endroit.
Pouvez vous m'aider SVP ?

signaler à un administrateur
Commentaire de sinifer le 25/02/2008 09:52:08

super mais je voudrais savoir si on pouvait lir l'information a partire d'un fichier texte

donc j'ai un fichier texte et j'aimerai l'appelé pour qu'il le lise

merci

signaler à un administrateur
Commentaire de mountaeco le 15/03/2008 09:27:17

salut; félicitation !.c'est beau, merci;

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Janvier 2009
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,250 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.