Différents articles sur le même item

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

  • [RÉGLÉ] Différents articles sur le même item

    Bonjour,

    après avoir résolu le pb de background différents sur des pages ayant le même itemid (par un script dans l'article)
    je me trouve confronté au même soucis sur des articles qui ont le même itemid

    je voudrai adresser l'article et non la page (itemid), j'ai essayé pas mal d'écriture sans trouver
    en fait je voudrai pour un article l'équivalant pour une page à :

    .itemid-xxx #article {width: 32%; margin-left: 50px; margin-bottom: 30px; padding: 20px; }

  • #2
    Re : Différents articles sur le même item

    Bonsoir,

    Le script que je t'ai donné fait cela !

    L'itemid n'a plus aucune importance, c'est le nom de la classe mis dans la balise body par mon script qui définit le sélecteur pour la règle CSS
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Re : Différents articles sur le même item

      Je comprends bien le principe, mais la syntaxe est difficile à trouver...

      ce qui se rapproche le plus est :

      .bg3-article
      { background-image: url(/images/fondpage.jpg) !important; width: 100% !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; }

      cependant le 100% de largeur ne s'applique pas à la largeur de l'écran mais à la largeur définie pour l'itemid (celui qui affecte plusieurs articles dont celui pour lequel je veux des caractéristiques différentes)

      Commentaire


      • #4
        Re : Différents articles sur le même item

        Bonjour,

        Il faut dissocier les règles. Tu as celles qui s'appliquent tout le temps (la base) et celle pour un cas particulier

        En suivant ce principe, on aurait:

        pour le body, puisque c'est toujours lui qui affichera l'image

        Code:
        body {
           background: #eee url(image-par-defaut.jpg) no-repeat;
           background-size: cover;  
        }
        Dans ton article, si le script ajoute la classe bg3 à body, il faut la règle
        qui va remplacer l'image par défaut définie dans la règle body
        Code HTML:
        .bg3 { 
           background-image: url(/images/fond-bg3.jpg) 
        }
        A la place du sélecteur .bg3, j'aurais pu mettre body.bg3 puisque l'on parle bien de la classe bg3 attribuée à la balise body.
        Inutile d'ajouter d'autres règles car on hérite de body. CSS = Cascading Style Sheet (feuille de style en cascade)
        UP, le plugin universel à découvrir sur https//up.lomart.fr
        bgMax
        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

        Commentaire


        • #5
          Re : Différents articles sur le même item

          Oui c'est très clair pour le body et donc l'image de fond, cela marche très bien

          par contre cela ne résout pas mon pb d'affecter par exemple des largeurs différentes à des articles ayant le même itemid
          Bizarre d'ailleurs que vu le nombre d'utilisateurs cela ne soit pas dans Joomla, on devrait pouvoir adresser l'article à la place de l'itemid de la page

          Commentaire


          • #6
            Re : Différents articles sur le même item

            par contre cela ne résout pas mon pb d'affecter par exemple des largeurs différentes à des articles ayant le même itemid
            Je n'avais pas tilté sur ce point. Dans ce cas, il faut aussi faire une règle qui cible ton article

            Code:
            .bg3 .bloc-article {width: 80%}
            Nom du sélecteur du bloc article totalement imaginé. Donc à remplacer par le bon.

            Comme cela l'article qui se trouve dans la page body.bg3 aura une largeur de 80%
            UP, le plugin universel à découvrir sur https//up.lomart.fr
            bgMax
            , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

            Commentaire


            • #7
              Re : Différents articles sur le même item

              j'ai fait
              .bgx #article et .bgx #content et tout est ok

              bon we

              Commentaire

              Annonce

              Réduire
              Aucune annonce pour le moment.

              Partenaire de l'association

              Réduire

              Hébergeur Web PlanetHoster
              Travaille ...
              X