• Résolu afficher l'heure (horloge)


    Samedi 10 Septembre 2022 à 16:40
    Mamiely33

    Bonjour je ne suis pas une pro en blog  je galère.  j aimerais savoir comment mètre l heure sur mon blog   si vous pouvez  m 'aider cordialement

    Lundi 12 Septembre 2022 à 08:39
    Pipiou

    Bonjour,

    Il y a des blogs qui en proposent, faut fouiller par là↗ ou par là↗

    Attention : tout ce qui est "Flash" ne fonctionne plus aujourd'hui.

    @ suivre

    Lundi 12 Septembre 2022 à 13:20
    Mamiely33

     merci pour votre réponse j 'ai  fouiller depuis plusieurs jour mes rien trouver je commence a désespérer lol j y retourne  merci encore  cordialement

    Lundi 12 Septembre 2022 à 22:10
    stormalo

    Bonjour bonsoir,

    @Mamiiely33,

    Perso je pense qu'il faudrait indiquer quel type d'affichage tu souhaites : type horloge analogique (avec des aiguilles) ou horloge numérique (avec des chiffres).

    Avec des aiguilles
    il y a un sujet dans trucs et astuces qui à été traité par Colette95.   Un clic ici pour voir ce sujet**. Il suffit  de tester le même code, au cas où ça conviendrait.  Sinon il faut aller à la pêche aux codes comme l'indique Pipiou. Les solutions analogiques nécessitent pratiquement toutes d'utiliser des widgets externes, avec les inconvénients qui vont avec.
    ** un sujet dont le titre n'a rien à voir avec les horloges smile

    Avec des chiffres
    Il me semble que c'est plus facile à positionner. Parmi les solutions toutes ne font pas appel à des widgets externes ; il y en a qui utilisent seulement un code JavaScript, qui récupère l'heure connue du navigateur et l'affiche avec un style à définir (sur une image de fond par exemple). Je n'en ai pas retrouvé rapidementt

    A mon avis, avec des aiguilles ça peut avoir un certains charme, avec des chiffres c'est plus ergonomique et rudimentaire.

    Par ailleurs, en tâtonnant un peu beaucoup, je suis arrivé à construire un petit code JS qui fonctionne en utilisant des chiffres pour l'heure. Pas plus, pas moins. Reste à intégrer ça dans une déco CSS.

    Actuellement (sept 2022) j'ai un exemple sur le blog "Atelier du château" (dans un module de menu, en compagnie d'un lecteur de musique, lui aussi étant le résultat un "bricolage" de codes).

    Si ça convient je fournirai le code, sinon il y a beaucoup de choix en fouillant sur internet.

    Bonne soirée à vous deux.

    Mardi 13 Septembre 2022 à 08:57
    Mamiely33

    Bonjour  un grand merci pour votre réponse oui je veut bien le code  mes je suis pas une pro en blog je voudrais savoir une dernière chose le code je dois le mètre ou ...... je dois ouvrir un module simple et copier le code et le coller dedans........... ou  désolé  j ai jamais fait en tout qua un grand merci a vous bonne et agréable  journée  prenez soin de vous  cordialement

    Mardi 13 Septembre 2022 à 10:28
    Webedia Staff

    Bonjour, 

    Les "codes", ça se colle dans le code source. 
    Selon les codes, il vous faudra peut etre du Javascript, auquel cas, faites moi en la demande par mail : contact@eklablog.com

    Mardi 13 Septembre 2022 à 14:28
    stormalo

    Bonjour

    @Mamiely33

    LE CODE :

    <p>&nbsp;</p>
    <div id="monHorloge" class="decopendule">&nbsp;</div>
    <script>// <![CDATA[
    // ST 20220911/EB
    setInterval("infodate()",1000);
    function infodate() {
    var monHorloge = $('monHorloge');
    var hhmmss = new Date();
    monHorloge.innerHTML = hhmmss.toLocaleTimeString();
    }
    // ]]></script>
    <style><!--
    .decopendule {
      font-weight: 400;
      width: 100px;
      font-size: 24px;
      color: yellow;
      padding: 5px;
      background-color: blue;
     }
    --></style>

    EXPLICATIONS voir sur cette image (clic pour voir + grand en nouv. fenêtre/onglet) :

    Lignes 1 et 2.  C'est du codage HTML  (structure du blog)
    Lignes 4 à 12 C'est du codage JAVASCRIPT ("mécanisme" de l'horloge)
    Lignes 14 à 23 C'est du codage CSS (le style, la déco)
    si tu veux rajouter du texte sous l'horloge, commence par ajouter en ligne 24 une copie de la ligne 1

    Ou mettre ces codes :

    Les puristes conseilleront de mettre:
    - le HTML dans l'espace code source de l'éditeur (bouton < > ),
    - le JAVASCRIPT dans Apparence > Zone de script
    - le CSS  dans Apparence > Modifier le thème >  Ajouter du css, sans lignes 14 et 23

    Dans le cas précis:
    Je te suggère de mettre le tout  dans la source < > d'un module simple, pour l'usage prévu ça marchera aussi
    De mon point de vue, l'avantage pour toi sera de tout avoir au même endroit, au cas ou tu souhaiterais faire des modifications ultérieurement.

    Comme dit par webedia ci-dessus il faut que l'autorisation d'ajouter du JavaScript soit préalablement activée sur le compte de ton pseudo.

      Bon usage

    Vendredi 16 Septembre 2022 à 15:40
    Mamiely33

    Bonjour  problème résolu  merci pour votre aide cordialement




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.