Notion de class: comment en créer une?

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

  • Notion de class: comment en créer une?

    Bonjour à toutes et à tous,

    Je suis en traine de modifier le CSS de gantry pour mon site.
    J'utilise donc un fichier "custom" pour ne pas surcharger le css.

    Le site est actuellement en "sous-domaine": ha.handball-clermontsalagou.fr

    Je souhaiterai mettre le 1er mot de mes titres h2 d'une couleur et le reste du titre tout simplement en noir.
    Il me semble qu'il s'agit de mettre en place une classe.

    Je propose la classe suivante:

    .PremierMotTitre {

    color: #333399;
    font-family: Georgia, font-size: 15px;
    font-style: normal;
    font-weight: bold;font-variant: small-caps;text-transform: uppercase;text-decoration: none;
    }


    Par contre j'imagine qu'il faut que je lui dise à un moment donnée qu'il s'agit de mes "h2"...
    C'est là ou je ne comprend pas.

    Comment spécifié au CSS qu'il s'agit d'une classe à appliquer à chaque fois qu'il y a un "h2"

    Dans mon site pré-cité, je souhaiterai que "Actualité" soit en bleu et le reste en noir, "Sénior" soit en bleu et le rest en noir et ainsi de suite...

    Je vous remercie d'avance pour votre réponse.
    Je continue mes tests.

    Stephen

  • #2
    Re : Notion de class: comment en créer une?

    Bonjour,

    Mettre le premier mot d'une autre couleur est impossible en CSS.

    Pour mettre la première lettre, il suffirait de saisir la règle suivante :
    h2::first-letter {color: blue;}
    mais il n'existe pas de pseudo-classe "first-word" ... dommage
    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 : Notion de class: comment en créer une?

      Humm...j'ai peur de te froisser dans la réponse que je vais t'apporter



      Est le site original. Mais le framework est quelque peu difficil à gérer. Donc je tente de remonter le site avec Gantry en essayant de garder au maximum les effets du site "originel".

      Comme tu peux le voir, les h3 sont pour le 1er mot en bleu et les second en noir...
      Il y a une espèce de "classe" : s5_h3_first

      Donc je me suis dis que c'était réalisable.

      Mais peut être qu'il ne s'agit pas de CSS mais d'HTML...(je suis un débutant hein...)

      Commentaire


      • #4
        Re : Notion de class: comment en créer une?

        Humm...j'ai peur de te froisser dans la réponse que je vais t'apporter
        Nullement, ma réponse est correcte pour ta question

        Le code de ton exemple montre que la modif est faite en HTML:
        Code:
        <h3 class="s5_mod_h3">
           <span class="s5_h3_first">Actualités </span>
           <span class="s5_h3_last"> du club</span>
        </h3>
        A toi de vois comment ton template gère cela
        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 : Notion de class: comment en créer une?

          Humm...la j'ai bien peur que tu me parle chinois

          Commentaire


          • #6
            Re : Notion de class: comment en créer une?

            Humm...la j'ai bien peur que tu me parle chinois
            Regardes ici pour trouver ton bonheur
            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 : Notion de class: comment en créer une?

              @lomart : c est du chinois simplifié et comprehensible par baidu ?

              Il n y aurais pas un style modchrome d'appliqué sur le titre h3 ?

              tu as du mal avec vertex et tu te met a gantry ? bonne chance a toi.....
              Dernière édition par lefabdu51 à 25/01/2015, 19h46

              Commentaire


              • #8
                Re : Notion de class: comment en créer une?

                lol, j'ai l' impression de pouvoir mieux gérer Gantry
                mais d'après ce que tu dis...cela devrai etre le contraire

                En fait ce qui fait que je me réoriente vers Gantry c'est que d'une part, j'ai commencé à utilisé joomla avec Gantry, d'autre part, le côté "responsive" est mieux.

                Enfin, aujourd'hui (ou je ne l'avais pas remarqué avant), on peu "dé-compilé" le CSS ce qui rend plus facil le custom css.
                Après concernant les fichiers "LESS", non je ne saurai pas l'utiliser du tout.

                Je regarderai des que possible le "style modchrome"!

                Commentaire

                Annonce

                Réduire
                Aucune annonce pour le moment.

                Partenaire de l'association

                Réduire

                Hébergeur Web PlanetHoster
                Travaille ...
                X