[RESOLU] style diférent entre titre "rubrique" et

Bonjour,
je souhaite diférencier les titres concernant la présentation des rubriques et des articles.
Un changement de couleurs ou de style me semble convenir, mais lorsque je change la feuille de style, à la balise H2, les deux titres changent en même temps!

Comment donc appliquer un style diférent à ces deux éléments?

Exemple sur la page suivante entre "L'Association" et "opinions"
http://sos-patrimoine-larochelle.info/rubrique.php3?id_rubrique=8

Bonjour,

Il y a une solution simple, il suffit de préciser, dans la feuille de style, dans quelle div on se trouve.

En l'occurence, le premier titre se trouve dans la

Code:

<div id="box_presentrub">

et l'autre dans la

Code:

<div id="box_listarticle">

Il suffit donc de paramétrer les h2 de la manière suivante :

rajouter les lignes suivantes dans la feuille de style (à la fin par exemple).

Code:

/* parametrages fin des styles des titres de rubrique */

div#box_presentrub h2 {
    color: #44dd55;
    }

div#box_listarticle h2 {
    color: #0055ee;
    }

Ca devrait fonctionner.

Bien cordialement

Je viens de rajouter le bout de code dans ma feuille de style, à la fin, mais rien n'a bougé !

Glups!
L'enquete continue

Essayez cela :

Code:

/* parametrages fin des styles des titres de rubrique */

#conteneur #contenu #box_presentrub h2 {
    color: green;
    font-size: 3em;
    }

#conteneur #contenu #box_listarticle h2 {
    color: red;
    font-size: 5em;
    }

Sinon, il y a l'autre possibilité de reprendre le squelettes/rubrique.html et d'y ajouter un class="titre_rubrique" et un class="titre_article" dans les balises h2 respectives :

Code:

<h2 class="titre_rubrique">

Ainsi dans la feuille de style il suffirait d'un

Code:

h2.titre_rubrique {
    color: green;
    font-size: 3em;
}

Bien cordialement

Bonjour,
je viens de tenter les modifications, mais je ne suis pas sur d'avoir fait ce qu'il faut.

J'ai ajouté la class à la balise h2 comme cela :
<h2 class="titre_rubrique"><:rubriques:></h2>

Mais je n'ai pas trouvé le h2 pour "Article" !!

puis le code dans la feuille de style comme indiqué ci dessus, mais ???

Par contre, la couleur de mes titres "les projets""rubriques" "Opinions" a changé !
là je ne m'explique plus rien
je vais essayer de reprendre du début


Voir page en question >> http://sos-patrimoine-larochelle.info/rubrique.php3?id_rubrique=3

Bonjour,

Mais, ça ne marchait pas la première solution ?

Code:

/* parametrages fin des styles des titres de rubrique */

#conteneur #contenu #box_presentrub h2 {
    color: green;
    font-size: 3em;
    }

#conteneur #contenu #box_listarticle h2 {
    color: red;
    font-size: 5em;
    }

Sinon, je reprends :

Tout d'abord, je vous conseille d'utiliser Firefox avec l'extension Web Developer et de choisir Information/Afficher l'ordre des éléments Div. Mais tous les outils de l'extension Web Developer de Firefox vous seront d'une grande aide (voir les commentaires qui en sont faits sur le site www.framasoft.net).

Dans le cas de la page citée juste avant, vous avez trois Div :

-div #box_presentrub pour le titre Les projets
-div #inside3col pour le titre Rubriques
-div #box_listarticle pour le titre Opinions

Ceci pour vous aider à vous y retrouver dans la page /squelettes/rubrique.html

Donc, ce que vous pouvez modifier dans votre page /squelettes/rubrique.html SI ET SEULEMENT SI la manipulation ci-dessus ne marche pas (ce que je ne comprendrais pas d'ailleurs) :

Vous avez ceci dans votre fichier /squelettes/rubrique.html :

Code:

<div id="box_presentrub">
<h2>[(#TITRE|supprimer_numero)]</h2>

...

<div id="inside3col hollyfix">
<h2><:rubriques:></h2>

...

<div id="box_listarticle">
<h2>Opinions</h2>

Que vous transformerez en ceci :

Code:

<div id="box_presentrub">
<h2 class="titre_rubrique">[(#TITRE|supprimer_numero)]</h2>

...

<div id="inside3col hollyfix">
<h2 class="sous_rubriques"><:rubriques:></h2>

...

<div id="box_listarticle">
<h2 class="liste_article">Opinions</h2>

Et, dans votre feuille de style /squelettes/rep_css/biospip.css, vous pourrez y placer à la fin :

h2.titre_rubrique {color:red; font-size:2em;}
h2.sous_rubriques {color:green; font-size:3em;}
h2.liste_article{color:purple; font-size:4em;}

Admin a écrit:

Bonjour,

Mais, ça ne marchait pas la première solution ?

Code:

/* parametrages fin des styles des titres de rubrique */

#conteneur #contenu #box_presentrub h2 {
    color: green;
    font-size: 3em;
    }

#conteneur #contenu #box_listarticle h2 {
    color: red;
    font-size: 5em;
    }

Je viens de refaire la manipulation et en effet cela fonctionne.

Placez donc ce code en fin de feuille de style pour modifier le style des titres, des rubriques, des articles.

Merci