Notion de class: comment en créer une?

[stephenG]

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

[lomart]

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

[stephenG]

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

https://www.handball-clermontsalagou.fr

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...)

[lomart]

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:

<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

[stephenG]

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

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

[lomart]

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

[lefabdu51]

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.....

[stephenG]

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"!