Besoin d'aide sur les couleurs de modules....

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

  • [RÉGLÉ] Besoin d'aide sur les couleurs de modules....

    Bonjour,

    Je suis sur joomla 2.5.8

    Je vous explique mon souci ;

    J'ai créer une nouvelle Class de module pour mon template.

    Pas de souci sauf pour les couleurs .

    Je voudrai que dans le type de module " menu de Jomla " avoir la même couleur pour le titre que pour le texte de lien... mais cela le fait pas car un truc diférencie le couleur de titre du reste .

    Dans mon fichier " Module CSS " j'ai ceci pour la class cherche

    /********** jm-module **********/

    .jm-module {
    padding: 0 0 10px;
    }

    .jm-module h3.jm-title {
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    line-height: 26px;
    padding: 0 0 10px;
    margin: 0;
    }

    .home #jm-main .jm-module h3.jm-title {
    font-style: italic;
    color: #0eade1;

    /********** bottom-mods **********/

    #jm-bottom-mods .rowcount_1 .bottom-in {
    width: 100%;
    float: left;
    }

    #jm-bottom-mods .rowcount_2 .bottom-in {
    width: 50%;
    float: left;
    }

    #jm-bottom-mods .rowcount_3 .bottom-in {
    width: 33.3%;
    float: left;
    }

    #jm-bottom-mods .rowcount_4 .bottom-in {
    width: 25%;
    float: left;
    }

    #jm-bottom-mods .jm-module {
    margin: 0 10px 15px;
    }

    .jm-module.cherche,
    .jm-module.border {
    margin: 0 0 10px;
    }

    .
    .jm-module.cherche {
    border: 1px solid #7fbf0c;
    border-radius: 4px 4px 4px 4px;
    background: #e7fd98;
    padding: 10px;
    color: #7fbf0c;
    }

    Voilà normalement tout devrait etre dans la couleur prévue..

    Mais dans un autre fichier " reset css " j'ai ceci

    /*********************** RESET GLOBAL STYLES ***********************/

    h1, h2, h3, h4, h5, h6 {
    margin: 0 0 5px 0;
    line-height: 120%;
    font-weight: bold;
    }

    h1 {
    font-size: 22px;
    }

    h2 {
    font-size: 18px;
    }

    h3 {
    font-size: 14px;
    }

    h4 {
    font-size: 12px;
    }

    h5 {
    font-size: 11px;
    }

    h6 {
    font-size: 10px;
    }

    p {
    margin: 5px 0px;
    padding: 0px;
    }

    ul {
    margin: 5px 0;
    padding: 0;
    list-style: disc;
    list-style-position: inside;
    }

    ul li {
    background: none;
    margin: 0 0 0 3px;
    padding: 0 0 0 15px;
    }

    .home #jm-main .jm-module.grey a:link,
    .home #jm-main .jm-module.grey a:visited,
    a:link,
    a:visited {
    color: #0eade1;
    text-decoration: none;
    }

    Et du coup mon texte de lien de menu dans mon module se mette à cette couleur " 0eade1 " au lieu de celle ci prévue " 7fbf0c".

    Si j'efface celle ci c'est le template qui prend le relais " system " avec une couleur qui change celle de tout le template pour pour des petits titre par cette commande, et tous les modules prennent la meme couleur....

    *|*:link {
    color: #0000EE;

    je sais que c'est pas clair mais avez vous une idée de comment procéder ?

    Je comprend que les leins sont prévus pour etre de la meme couleur mais comment isoler une class demodule pour lui attribuer une autre couleur comme celle prévue là

    .home #jm-main .jm-module.grey a:link,
    .home #jm-main .jm-module.grey a:visited,
    a:link,
    a:visited {
    color: #0eade1;
    text-decoration: none;
    }


    MAis si j'applique celle ci pour ma class de module cela ne fonctionne pas, sauf quand je fais ceci

    .home #jm-main .jm-module.grey a:link,
    .home #jm-main .jm-module.grey a:visited,
    .home #jm-main .jm-module.cherche a:link,
    .home #jm-main .jm-module.cherche a:visited,
    a:link,
    a:visited {
    color: #0eade1;
    text-decoration: none;
    }

    Mais là c'est pas la couleur que je veux lui donner.... car je veux que la coueleur de chaque class soit identique à celle de sa couleur de titre

    et si je créé ceci

    .home #jm-main .jm-module.grey a:link,
    .home #jm-main .jm-module.grey a:visited,
    a:link,
    a:visited {
    color: #0eade1;
    text-decoration: none;
    }

    .home #jm-main .jm-module.cherche a:link,
    .home #jm-main .jm-module.cherche a:visited,
    a:link,
    a:visited {
    color: #7fbf0;
    text-decoration: none;
    }

    Tous le modules prennent cette couleur " 7fbf0 " c'est à dire la dernière..

    En fait je ne comprend pas comment isolé l'un de l'autre ...

    Merci pour votre aide
    Dernière édition par bking1300 à 10/12/2012, 15h30
    Avoir la volonté d'apprendre, c'est prendre le chemin de la connaissance !

  • #2
    Re : Besoin d'aide sur les couleurs de modules....

    Ce sont ces lignes en css qui mettent les textes de lien de menu avec une couleur différente de celle du template dans les modules

    Le souci c'est qu'elles changent la couleur dans tous les modules

    a:link,
    a:visited {
    color: #0eade1;
    text-decoration: none;
    }

    Comment faire pour différencier un module...
    Avoir la volonté d'apprendre, c'est prendre le chemin de la connaissance !

    Commentaire


    • #3
      Re : Besoin d'aide sur les couleurs de modules....

      Mettre un suffixe au module dans ses paramètres exemple: redlink (avec un espace devant)
      puis créer les règles suivantes :
      .redlink a:link,
      .redlink a:visited {
      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

      Annonce

      Réduire
      Aucune annonce pour le moment.

      Partenaire de l'association

      Réduire

      Hébergeur Web PlanetHoster
      Travaille ...
      X