Demande d'aide pour mettre un cadre autour des articles

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

  • Demande d'aide pour mettre un cadre autour des articles

    Bonjour à tous
    Je viens de migrer mon site en version 4.2.6 sans problème ,le template proposé de base ne me plaisant pas(le mien n'est pas compatible avec J4), j'ai installé le framework T4 avec lequel je me suis "amusé" à créer mon propre template. Jusque là, pas de soucis tout fonctionne bien, un détail me chagrine pourtant, j'aurai aimé avoir autour de mes articles épinglés un cadre aux bords arrondis, ce que je n'arrive pas à obtenir. J'arrive juste à avoir un cadre et un seul qui englobe tous les articles en ayant mis dans les paramètres des articles/Blogs épinglés/Classe de l'article principal: border. j'obtiens alors ce cadre sans bord arrondi autour de l'ensemble des articles. J'ai cherché avec l'outil de développement web de firefox mais n'étant pas du tout familier avec ce genre d'outil et avec les css, j'avoue que je suis un peu(voir beaucoup) perdu. Si une âme charitable pouvait me donner la marche a suivre, je lui en serait très reconnaissant. Pour info je suis en local et il ne me reste plus que ce détail à régler avant de mettre cette version en ligne.
    Merci d'avance et ceux qui voudront bien m'aider.
    Cordialement
    Patrick

  • #2
    Bonjour tout le monde,
    je ne suis pas à l'aise avec CSS moi non plus. Pour faire ce genre de mise en page j'utiliserais le plugin UP de Lomart. Les actions jcontent-by-categories , ou bien addClass, ou flexBox , ou box. N'hésite pas à faire des essais et à copier les exemples.
    En espérant que cela aide.
    Patrick54 aime ceci.
    Manuel
    --------
    voileux.org - joom.voileux.org - atelierblb.eu

    Commentaire


    • #3
      Je ne sais pas répondre pour T4 mais pour Cassiopeia la class à utiliser est boxed
      à tester en ajoutant cette class dans user.css

      Elle est défini ==>
      .boxed .blog-item {
      background-color: white;
      -webkit-box-shadow: 0 0 2px rgba(51, 57, 66, 0.1), 0 2px 5px rgba(51, 57, 66, 0.08), 0 5px 15px rgba(51, 57, 66, 0.08), inset 0 3px 0 var(--cassiopeia-color-primary);
      box-shadow: 0 0 2px rgba(51, 57, 66, 0.1), 0 2px 5px rgba(51, 57, 66, 0.08), 0 5px 15px rgba(51, 57, 66, 0.08), inset 0 3px 0 var(--cassiopeia-color-primary);
      }
      Patrick54 aime ceci.
      JeFF

      Commentaire

      Annonce

      Réduire
      Aucune annonce pour le moment.

      Partenaire de l'association

      Réduire

      Hébergeur Web PlanetHoster
      Travaille ...
      X