BioSPIP et BioSquelettes v. 4

Forum des Squelettes évolués pour SPIP : BioSPIP et ses BioSquelettes
 
AccueilAccueil  FAQFAQ  RechercherRechercher  S'enregistrerS'enregistrer  MembresMembres  GroupesGroupes  Connexion  

Partagez | 
 

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

Aller en bas 
AuteurMessage
sherifdelespace



Nombre de messages : 21
Date d'inscription : 22/12/2005

MessageSujet: [RESOLU] style diférent entre titre "rubrique" et   Mer 1 Fév à 18:37

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
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Admin
Admin


Nombre de messages : 173
Date d'inscription : 17/12/2005

MessageSujet: Re: [RESOLU] style diférent entre titre "rubrique" et   Jeu 2 Fév à 18:32

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
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://biospip.frbb.net
sherifdelespace



Nombre de messages : 21
Date d'inscription : 22/12/2005

MessageSujet: pas de changement :(   Jeu 2 Fév à 18:48

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

Glups!
L'enquete continue Smile
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Admin
Admin


Nombre de messages : 173
Date d'inscription : 17/12/2005

MessageSujet: Re: [RESOLU] style diférent entre titre "rubrique" et   Jeu 2 Fév à 19:19

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
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://biospip.frbb.net
sherifdelespace



Nombre de messages : 21
Date d'inscription : 22/12/2005

MessageSujet: déconcerté :)   Ven 3 Fév à 11:21

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 Wink
je vais essayer de reprendre du début


Voir page en question >> http://sos-patrimoine-larochelle.info/rubrique.php3?id_rubrique=3
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Admin
Admin


Nombre de messages : 173
Date d'inscription : 17/12/2005

MessageSujet: Re: [RESOLU] style diférent entre titre "rubrique" et   Ven 3 Fév à 16:42

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;}
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://biospip.frbb.net
sherifdelespace



Nombre de messages : 21
Date d'inscription : 22/12/2005

MessageSujet: Re: [RESOLU] style diférent entre titre "rubrique" et   Mar 7 Fév à 11:31

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 Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




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

Revenir en haut Aller en bas
 
[RESOLU] style diférent entre titre "rubrique" et
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Session hiver 2011 des ateliers "Rivalités entre frères et soeurs"
» Titre de Film remplacé par le mot "Moule"
» Pourquoi n'y a-t-il plus de "destoyer" ?
» "Martine"... Nouvelle édition revue et corrigée !!!
» Comment "travailler" avec sa généalogie sous Heredis ?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
BioSPIP et BioSquelettes v. 4 :: Modifications et Adaptations :: Personnalisation du design-
Sauter vers: