• Créer un bouton clignotant

     

    Infos

    Créer un bouton clignotant

     

    Il est possible de créer un bouton clignotant, soit dans un des modules du menu, soit au niveau de l'un des articles.

    Et voici le code à ajouter dans la source html du module ou de l'article pour un exemple de bouton spécialement créé pour développer ce petit guide : 

    L'exemple de bouton

    Le code

     

    • Pour créer un bouton clignotant dans un des modules du menu :

      1. Ouvrir le module via le bouton Éditer (petit crayon).
      2. Cliquer sur le bouton Code source sur la fenêtre d'édition du module.
      3. Écrire ce code dans la source html du module :

     Le code

     

      

    • Pour créer un bouton clignotant au niveau d'un des articles :

    1. Ouvrir l'article via le bouton Éditer, ou via le bouton Écrire un nouvel article si il s'agit de la composition d'un tout nouvel article.
    2. Cliquer sur le bouton Code source sur la fenêtre d'édition.
    3. Écrire ce code dans la source html de l'article : 

    Le code

      

    •  L'Apparence du bouton clignotant


    Pour les besoins de ce petit guide, j'ai créé une apparence au bouton qui sert d'exemple.

    Le code qui lui offre cette apparence est celui qui est situé dans la balise <div>...... </div>.

    Dans cette balise, il y a la couleur du bouton et du texte qu'il l'accompagne, il y a des bordures pour le bouton et un aspect de celles-ci, ainsi qu'une ombre apportée à l'ensemble de l'apparence du bouton. Toutes ces valeurs sont modifiables.

    Pour adapter ce bouton clignotant à votre site ou votre blog, il suffira alors de modifier les codes couleurs, et ajuster les dimensions en px pour chaque éléments et pour la largeur du bouton si vous le souhaitez soit en apparence bouton ou soit en apparence barre clignotante.

    L'animation de clignotement est également gérable, il suffit de modifier la vitesse du clignotement au niveau du code javascript, et cette valeur est signifiée par cette ligne de code sur l'exemple de bouton pour ce petit guide :

    setInterval("blink(bl)",1000); 

     

    Voici des exemples que ce code peut afficher : 

      

    La suite : Créer un bouton clignotant avec déclencher du clic       >   

     

    « Ajouter du CSS via un module simpleCréer un bouton clignotant Suite »

  • Commentaires

    1
    Samedi 19 Septembre 2015 à 21:48

    Il est beau ce blog , les couleurs me plaisent beaucoup et même si je ne comprends pas tout lol

    Je t'embrasse 

    Nicole

    2
    Dimanche 20 Septembre 2015 à 01:34

    Coucou Nicole ;-)

    Nous avons alors ces couleurs en préférence, car j'adore aussi toutes ces nuances là :-)

    Contente que ces pages te plaisent bien :-)

    Et si tu as quelques difficultés pour comprendre un quelque chose que je n'aurais pas trop bien développé, n'hésite pas, tu le sais, je suis là bien sûr :-)

    Bien belle nuit par chez toi, bises à toi Nicole :-)

    @}---`---,-- nanou

    3
    Samedi 23 Septembre 2017 à 16:52

     Bonjour superbe blog ,magnifique.

    Je vous laisse le lien de mon site professionnel qui ouvrira le premier octobre.

    Bonne continuation    

    https://www.coachingdogs.fr/



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :