-
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 horlogesAvec 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é rapidementtA 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.comMardi 13 Septembre 2022 à 14:28 stormalo
Bonjour
@Mamiely33
LE CODE :
<p> </p>
<div id="monHorloge" class="decopendule"> </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 usageVendredi 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.