Modifier le code html …

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Modifier le code html …

    Un détail …

    Lorsque j'utilise l'outil qui permet de visualiser les codes html d'affichage d'un site, il arrive que la caractéristique que je souhaite modifier ne peut l'être que par ajout sous la rubrique "élément". C'est le cas pour la taille des lettres de l'indication de la date de la dernière modification d'un article (cf. pièce-jointe).

    Comment peut-on pérenniser cette instruction ?

    Merci.
    Fichiers joints
    Dernière édition par PhMi à 26/08/2024, 11h41
    Dans le chaos du compliqué, trouver la solution simple qui n'est pas simpliste, car elle permet le complexe !
    https://www.pensees-vagabondes.fr
    https://www.markagement.com

  • #2
    Bonjour,

    Par l'ajout d'une classe dans la surcharge afin que tu puisse définir dans la css (via le fichier user.css)

    ou en ciblant directement l'élément dans la css (par exemple la date de modification)

    exemple :
    Code:
    time[itemprop="dateModified"]
    {  font-size: smaller; }


    Edit : Tu peux aussi selectionner le parent 'modified' comme l'explique Robert ci-dessous.
    Dernière édition par daneel à 26/08/2024, 07h37
    Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

    Commentaire


    • #3
      Bonjour,

      La classe "modified" n'ayant pas de définition, crée dans ton user.css une version adaptée de
      Code:
      .modified>time {font-size;1.5rem;}
      "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
      MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

      Commentaire


      • #4
        Merci à vous deux de vos conseils qui font que le problème est résolu sans que je comprenne comment deviner ce qu'il faut écrire dans la page CSS.
        J'y ai inscrit :
        time[itemprop="dateModified"] {
        font-size: smaller;​ }
        Dans le chaos du compliqué, trouver la solution simple qui n'est pas simpliste, car elle permet le complexe !
        https://www.pensees-vagabondes.fr
        https://www.markagement.com

        Commentaire


        • #5
          Je réveille ce message, car je ne trouve pas comment introduire dans la feuille CSS la bonne commande.

          Le code html de la ligne concernée est :
          • premier cas : <ul class="mostread modlist">
          • deuxième cas : <ul class="mod-articleslatest latestnews modlist">
          Lorsque je rajoute text-align: center à leur "élément", j'obtiens le résultat visé et les codes html deviennent :
          • <ul class="mostread modlist" style="text-align: center;">
          • <ul class="mod-articleslatest latestnews modlist" style="text-align: center;">
          Quelles sont les lignes à introduire dans le fichier user.css ? Merci.
          Dernière édition par PhMi à 01/09/2024, 16h01
          Dans le chaos du compliqué, trouver la solution simple qui n'est pas simpliste, car elle permet le complexe !
          https://www.pensees-vagabondes.fr
          https://www.markagement.com

          Commentaire

          Annonce

          Réduire
          Aucune annonce pour le moment.

          Partenaire de l'association

          Réduire

          Hébergeur Web PlanetHoster
          Travaille ...
          X