• Texte défilant

    Voici un texte défilant:

    Plutôt fun, nan! XD, on peut en faire dans tout les sens! On s'en sert pour les annonce par exemple, le problème, c'est que ça bug avec Internet Explorer...

    Voici donc le code:

    <marquee onmouseover="this.stop()" onmouseout="this.start()" direction="left" scrollamount="VITESSE DE DÉFILEMENT"><span style="color: COULEUR DU TEXTE; font-size: TAILLE DE LA POLICEpx; font-family: POLICE DE CARACTÈRE; text-shadow: 0px 0px 4px LUEUR QUI ENTOURE LE TEXTE;">TEXTE DÉFILANT</span></marquee>

    Remplacez les mots en majuscule par ce que vous voulez. Remarque, si vous voulez que la texte aille dans un autre sens, mettez "up" pour le faire monter, "down" pour le faire descendre ou "right" pour qu'il aille vers la droite, mais je vous conseille vivement d'utiliser "left" ou "up".

    Encore une remarque^^: pour que le texte ne s'arrête pas au survol, enlever ceci:

    onmouseover="this.stop()" onmouseout="this.start()"

    Tags Tags : , , , ,
  • Commentaires

    1
    Lolupopiii *-*
    Mercredi 4 Juillet 2012 à 20:02

    Bonjour , merci pour ce très bon tuto .

    Mais je voudrais savoir comment le mettre dans l'header

    2
    Jeudi 5 Juillet 2012 à 09:52

    un peu comme moi j'ai fait? (en dessous du header et au dessus des article/rubrique/page/menu) Il te suffit de mettre ce code dans le css (tu as juste à remplacer "top"):

    .annonce {positionabsolute;
    line-height50px;
    text-aligncenter;
    z-index9;
    height50px;
    width1000px;
    topPLACEMENT PAR RAPPORT AU HAUT DE LA PAGEpx;
    left50%;
    margin-left-500px;
        font-weightbold;
    }
    #content {
        margin-top40px;
    }
    #menu1 {
        margin-top45px;
    }
    #menu2 {
        margin-top45px;
    }

    3
    Jeudi 5 Juillet 2012 à 09:58

    ah oui, j'oubliais, après, pour le code du défilant, il faut le mettre comme ça:

    <div class="annonce"><marquee onmouseover="this.stop()" onmouseout="this.start()" direction="left" scrollamount="VITESSE DE DÉFILEMENT"><span style="color: COULEUR DU TEXTE; font-size: TAILLE DE LA POLICEpx; font-family: POLICE DE CARACTÈRE; text-shadow: 0px 0px 4px LUEUR QUI ENTOURE LE TEXTE;">TEXTE DÉFILANT</span></marquee></div>

    4
    Cloudy Profil de Cloudy
    Vendredi 6 Juillet 2012 à 16:07

    Je ne comprends pas où est-ce qu'on place le texte, sur TOUS les mots en majuscules?

    5
    Vendredi 6 Juillet 2012 à 16:13

    en fait, tu remplaces les mots en majuscules par ce que tu veux, et quand c'est fini, tu le met dans l'éditeur de code source html.

    6
    Cloudy Profil de Cloudy
    Vendredi 6 Juillet 2012 à 16:14

    L'éditeur de code source htlm ? 0/0

     

    7
    Vendredi 6 Juillet 2012 à 16:15

    quand tu édite quelque chose, tu as un icone html, ben c la qu'il faut le mettre

    8
    Cloudy Profil de Cloudy
    Vendredi 6 Juillet 2012 à 16:16

    Dans n'importe quel article?

    9
    Cloudy Profil de Cloudy
    Vendredi 6 Juillet 2012 à 16:18

    J'ai trouvé, merci beaucoup :D

    10
    Dimanche 18 Novembre 2012 à 12:04

    Tutaux efficace merci 8D

    11
    Dimanche 18 Novembre 2012 à 12:21

    derien, tu t'en ai servis sur quel blog?

    12
    Dimanche 18 Novembre 2012 à 12:33

    Le 3 dans acceuil

    13
    craes333
    Lundi 26 Novembre 2012 à 18:50

    est-ce qu'il y a un codage pour les couleurs??!!??

    14
    Lundi 26 Novembre 2012 à 20:33

    ben il est dans le code! C'est à l'endroit ou il y a parquer "COULUR DU TEXTE", tu remplace par une des couleur qui sont ici: http://graph-css-html.eklablog.fr/couleur-html-a58340859

    15
    Jeudi 29 Novembre 2012 à 20:23
    16
    Dimanche 17 Mars 2013 à 14:29

    Les endroits qui sont en majuscules (police de caractère, couleur...) on les met aussi en majuscule (je parle spécialement pour la police). Merci de toute réponse.

    17
    Lundi 18 Mars 2013 à 19:19

    Non, aucunement besoin, je les ai mis en majuscules pour que les gens savent ce qu'il faut modifier et qu'il voient bien où c'est dans le code.

    18
    Lundi 18 Mars 2013 à 19:22
    19
    Mardi 14 Mai 2013 à 17:38

    Pour le mettre dans le header, je fais comme tu as dit dans les com's, j'ai d'abord mit :

    .annonce {positionabsolute;
    line-height50px;
    text-aligncenter;
    z-index9;
    height50px;
    width1000px;
    topPLACEMENT PAR RAPPORT AU HAUT DE LA PAGEpx;
    left50%;
    margin-left-500px;
        font-weightbold;
    }
    #content {
        margin-top40px;
    }
    #menu1 {
        margin-top45px;
    }
    #menu2 {
        margin-top45px;
    }

    (avec la hauteur où je veux qu'il soit)

    Et ensuite en dessous j'ai mit ceci :

    <div class="annonce"><marquee onmouseover="this.stop()" onmouseout="this.start()" direction="left" scrollamount="VITESSE DE DÉFILEMENT"><span style="color: COULEUR DU TEXTE; font-size: TAILLE DE LA POLICEpx; font-family: POLICE DE CARACTÈRE; text-shadow: 0px 0px 4px LUEUR QUI ENTOURE LE TEXTE;">TEXTE DÉFILANT</span></marquee></div>

    Mais cela ne marche pas :'(

    Pourrais-je avoir ton code stp car j'ai mit dans CSS cela comporte une erreur et dans HTML ça ne marche pas.

     

    20
    Mardi 14 Mai 2013 à 18:24

    Il faut que tu modifie les champs en majuscule pour l'html. Pour le css, honnêtement, je ne vois pas, car je t'ai donné précisément mon code...

    21
    Mardi 14 Mai 2013 à 21:01

    C'est bon j'ai trouvé comment. je n'avais pas compris mais ça va. Merci ;D

    22
    Mardi 14 Mai 2013 à 21:05

    Ok, dr! ^^

    23
    Mardi 14 Mai 2013 à 21:07

    Sinon est-ce que tu pourrais faire un tuto sur ce TUTORIEL si tu le comprends stp ?

    24
    vanille110 Profil de vanille110
    Vendredi 31 Mai 2013 à 18:33

    ca ne marche pas avec moi -_- je pensse que j'ai l code n'importe ou XD faut le mettre dans "ajouter du css" ?? 

    25
    Dimanche 2 Juin 2013 à 10:31

    Non, dans la partie HTML de l'article.

    26
    vanille110 Profil de vanille110
    Dimanche 2 Juin 2013 à 12:51

    ah ca marche et c'est trop bien mais esque ia une solution pour le faire sur tout les articles en le faisant qu'une fois ???

    27
    Mardi 27 Août 2013 à 15:49

    Bonjour

    Excusez-moi de vous déranger, je voulais savoir si vous aviez un code pour le défilement d'image, mais en faisant en sorte que l'image s'arrete au contacte du curseur ?

    En attende de votre réponse, je vous souhaite une bonne journée.

    28
    Mardi 27 Août 2013 à 19:32

    Même code mais en remplaçant le texte par <img src="URL DE L'IMAGE">

    (Il me semble si ma mémoire est bonne! :p )

    29
    Mardi 27 Août 2013 à 19:58

    D'accordn meric beaucoup :)

    30
    Samedi 18 Janvier 2014 à 18:58

    Coucou j'ai un petit problème avec ce code!^^'

    C'est quoi les vitesses de défilement?

    31
    Samedi 18 Janvier 2014 à 19:02

    Non en fait c'est bon!!!^^ Merci pour ton super travail!

    32
    Vendredi 28 Février 2014 à 17:10

    Bonjour,

    Et merci pour les codes.

    Voici ce que j'ai compris pour mettre le texte défilant sur le header-tête: il faut prendre les codes(css et html) remplacer les majuscules par ce qu'on veut (bien sûr en fonction des infos qui nous fournissent les majuscules), faire petites modifications. 

    1) Est-ce que le HtML va aussi dans le partie "ajouter css" chez eklablog ou il y a un endroit spécifique que je ne trouve pas?

    2) la lueur de texte faut-il le mettre en anglais aussi? si je ne veux pas l’inclure dans les paramètres, comment le supprimer?

    3) comment annule-t-on les modification apportées par les codes css et html? au cas où cela ne me plaisait pas? 

     

    Désolé de poser tant de questions, mais je suis vraiment nulle dans le domaine.

    Merci beaucoup pour vos aides.

    33
    Jeudi 30 Octobre 2014 à 19:40

    Merci pour le code ! 

    @Yumeko :  

    Tu as mal compris, il n'y a pas de code CSS là-dedans. Et tu n'est pas obligée de mettre ton texte en majuscule. 

    1. Le code est à mettre dans la partie "HTLM" (quoique maintenant cette partie s'appelle "Code source" sur eklablog...les temps changent) de l'endroit où tu veux mettre ton texte défilant. (que ce soit dans un module,un article ou une page)
    2. Tu remplace le texte "LUEUR QUI ENTOURE LE TEXTE" par la couleur que tu souhaite mais en anglais. Tu peux aussi tout simplement mettre le code de la couleur. (Pour t'aider voici quelque code et nom de couleur : Couleurs html ) Si tu ne souhaite rien mettre, tu laisse le texte d'origine ou soit tu efface la partie en rouge (là c'est mon code que j'ai mis) : <p><marquee onmouseover="this.stop()" onmouseout="this.start()" direction="left" scrollamount="6"><span style="color: gray; font-size: 15px; font-family: Arial; text-shadow: 0px 0px 4px pink ;"><span style="font-size: 14pt;">Que vous soyez d&eacute;butant ou non cela n'a pas d'importance, nous recherchons des personnes motiv&eacute;s ! Pour plus d'informations consultez la page de recrutement ! </span></span></marquee></p>
    3. Tout simplement, tu efface. Pour les codes CSS,il te suffit de retourner dans l'onglet CSS et de supprimer ce qui ne te plait pas. (en faisant gaffe de ne pas supprimer d'autre code en même temps, d'où l'importance de retenir la ligne, enfin le chiffre ou tu rentre un nouveau code.) Pour les codes HTLM, tu vas dans l'article,module ou page où tu à rentrer ton code et l'efface. 

     

    Désoler, je ne sais pas expliquer donc mes explications ne doivent pas être très claires ! J'espère que tu comprendras au moins un truc de mon charabia ! XD 

    34
    Samedi 5 Décembre 2015 à 17:25

    Bonjour, 

    Je ne comprends pas je fais tout correctement et sur mon header y a rien qui apparaît. J'ai mis le code HTML dans un module dans mon menu de droite. Il faut crée une page pour que cela fonctionne ? Pour le code CSS, je ne comprends son utilisation pour le header. Que faut il modifier exactement ? 
    Pouvez-vous mieux m'expliquer comment ces 2 codes fonctionne ensemble pour que cela fonctionne svp ?



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :