icone pour un module particulier

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

  • [RÉGLÉ] icone pour un module particulier

    bonjour,

    j'utilise JA T3 Blank et j'ai une icone pour le header des modules définit dans

    Code HTML:
    div.ja-moduletable h3, div.moduletable h3 {
    je voudrais mettre une image spécifique pour un certain module
    ce module a comme suffixe nextbirthday

    quand je regarde avec firebug, j'ai ce style définit sur l'élément
    Code HTML:
    <div class="ja-moduletable moduletablenextbirthday clearfix" id="Mod146">
    <h3>.......
    mais je n'arrive pas à trouver la syntaxe correcte à mettre dans template.css
    j'ai testé :

    Code HTML:
    .moduletablenextbirthday h3 {}
    .ja-moduletable moduletablenextbirthday h3 {}
    div.ja-moduletable moduletablenextbirthday h3 {}
    merci d'avance
    Philippe
    Dernière édition par Ptit Philippe à 07/06/2012, 23h00

  • #2
    Re : icone pour un module particulier

    Bonsoir,


    .moduletablenextbirthday h3 {} cette règle devrait fonctionner.
    Que dit firebug ? Est-elle visible ? Est-elle la dernière appliquée ?

    Sinon pour tester il faut une propriété valide dans les {}
    Perso j'essaie souvent avec un truc simple, genre color:red;
    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 : icone pour un module particulier

      bonsoir,

      je pensais aussi qu'elle allait fonctionner mais elle n'est pas visible par firebug

      il y avait bien du code entre { } c'était juste pour éviter d'alourdir le message
      pour l'instant je contourne en utilisant l'id du module mais je voudrais faire propre

      je supprime le css sur l'id, pour montrer ce que ça donne : http://nbc59.net/joomla/

      je viens de trouver:
      Code HTML:
      div.ja-moduletable_nextbirthdays h3, div.moduletable_nextbirthdays h3 { 
       background: url("../images/birthday.png") no-repeat left bottom #238DB4;
      }
      avec place importante dans template.css
      doit être après

      Code HTML:
      div.ja-moduletable h3, div.moduletable h3 {
      Dernière édition par Ptit Philippe à 07/06/2012, 21h28

      Commentaire


      • #4
        Re : icone pour un module particulier

        tu peut essayer de mettre un espace comme premier caracterepour ton suffixe de classe
        Comme ca ton code html deviens moduletable nextbirthday et pour ton css
        tu met .nextbirthday {les propriétés dont j ai besoin} et tu peut la reutiliser ailleurs cette classe

        Commentaire


        • #5
          Re : icone pour un module particulier

          Cela fonctionne, ou je n'ai pas compris le problème
          Le but est bien d'afficher un petit gâteau à gauche du bandeau h3

          Sinon l'idée de lefabdu51 marchera aussi
          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


          • #6
            Re : icone pour un module particulier

            Envoyé par lomart Voir le message
            Cela fonctionne, ou je n'ai pas compris le problème
            Le but est bien d'afficher un petit gâteau à gauche du bandeau h3

            Sinon l'idée de lefabdu51 marchera aussi
            j'avais utilisé l'id du module puis trouvé la solution juste après avoir posté mon message de 22h14 (la réponse est dans ce message là)


            j'ai testé l'astuce de lefabdu51
            espace devant suffixe de classe " nextbirthdays" puis les codes
            Code HTML:
            .nextbirthdays  { 
             background: url("../images/birthday.png") no-repeat left bottom #238DB4;
            } 
            .nextbirthdays  h3 { 
             background: url("../images/birthday.png") no-repeat left bottom #238DB4;
            } 
            mais ça n'a pas fonctionné

            Merci à tous les 2 !

            j'ai développé ce module pour CB car je n'en avais pas trouvé de compatible Jommla 2.5 qui répondait à mes besoins. dans quelle rubrique faut-il poster le zip pour le partager ?

            Commentaire


            • #7
              Re : icone pour un module particulier

              vides les caches de ton navigateur et ressaye.

              Commentaire


              • #8
                Re : icone pour un module particulier

                Envoyé par lefabdu51 Voir le message
                vides les caches de ton navigateur et ressaye.
                ça ne résout pas le problème

                Commentaire

                Annonce

                Réduire
                Aucune annonce pour le moment.

                Partenaire de l'association

                Réduire

                Hébergeur Web PlanetHoster
                Travaille ...
                X