SPIP ecureuil




Thème de ce forum :

modifier la couleur des titres (liens de navigation des articles de mon site) situés au centre et à gauche de la page accueil du site



Arno
modifier la couleur des titres (liens de navigation des articles de mon site) situés au centre et à gauche de la page accueil du site
13 janvier 2009 01:04

Bonjour,

Ayant cherché sur le forum de SPIP et dans SPIP contrib, je n’ai pas trouvé la réponse à ma question.

Je souhaite modifier la couleur des titres (liens de navigation renvoyant vers les articles de mon site) situés au centre et à gauche de la page accueil de mon site http://wikipacific.lescigales.org

Mais je ne sais pas à quelle classe, div ou autre élément ils appartiennent, donc je ne sais pas où et quoi modifier dans le fichier habillage.css (si c’est bien le fichier à modifier).

Je vous suis reconnaissant de m’indiquer la syntaxe/code à écrire et l’emplacement où le mettre pour modifier la couleur des titres (liens de navigation renvoyant vers les articles de mon site) situés au centre et à gauche de la page accueil.

Merci d’avance Arnaud

Rechercher dans les forums:
 

denisb
13 janvier 2009 08:19
modifier la couleur des titres (liens de navigation des articles de mon site) situés au centre et à gauche de la page accueil du site

tu devrais pour tes développements utiliser les outils qui vont bien ; je te conseille le couple firefox + extension firebug...

#navigation .articles a:focus.spip_out,
#navigation .articles a:hover.spip_out,
#navigation .articles a:active.spip_out {
 color:red;
 text-decoration:underline;
}
#navigation .articles a.spip_out {
 color:yellow;
 text-decoration:none;
}

comme ta question n’est pas trés claire (les liens vers les articles sont à gauche en haut ; à gauche au milieu ce sont les liens vers les rubriques...) peut-être veux-tu modifier les liens vers les rubriques (ceux écris en capitales) ; auquel cas, tu changes ci-dessus par :

#navigation .rubriques a:focus...

ps, inutile de poster plusieures fois le même message...

Arno
15 janvier 2009 09:51
modifier la couleur des titres (=liens vers les articles) situés au centre de la page (sur fond blanc)

Bonjour,

J’ai téléchargé Firebug et Firefox comme vous me l’avez conseillé.

En fait, je cherche à faire à modifier la couleurs des titres (= liens vers les articles) qu sont au centre de la page (sur fond blanc) ; je crois que ça s’appelle le contenu ; je ne cherche pas à modifier la liste des liens de navigation vers les articles (situés à gauche en haut) ou vers les rubriques (situés à gauche au milieu).

1) Donc, je vous suis reconnaissant de m’indiquer la ligne de code à écrire pour modifier la couleur de la liste de titres (= liens vers les articles) situés au centre de la page (sur fond blanc).

2) Dans quel fichier écrire ce code. S’agit-il de "habillage.css" (dans le dossier squelettes) ou "spip_style.css" (dans le dossier dist) ?

Je m’efforce d’être le plus clair possible, toutefois veuillez m’excuser si mes explications peuvent vous paraîtrent confuses !

Merci pour votre aide

Arnaud http://wikipacific.lescigales.org/

denisb
15 janvier 2009 10:02
modifier la couleur des titres (liens de navigation des articles de mon site) situés au centre et à gauche de la page accueil du site

il faudrait ajouter une déclaration (dans une copie de habillage.css placée dans squelettes/) :

h3 .titre a {
 color:red;
}
Arno
19 janvier 2009 00:17
modifier la couleur des titres (liens de navigation des articles de mon site) situés au centre et à gauche de la page accueil du site

Bonjour,

Je cherche toujours à modifier la couleurs des titres (= liens vers les articles) qui sont au centre de la page (sur fond blanc) ; je crois que ça s’appelle le contenu.

Je présume qu’il s’agit d’une classe titre h3, mais comment faire une déclaration ? Où la placer : au début ou bien à la fin ou ailleurs dans le fichier habillage.css ; j’ai essayé mais sans succès.

Comme il s’agit des titres h3 dans le contenu (correspondant à body class="page_sommaire") du squelette sommaire.html (la page d’accueil) faut-il rajouter #sommaire et #contenu devant :

h3 .titre a { color:#1919B3; }

a:visited { color: #1919B3; }

a:hover { color:#F24E24; }

Arno

http://wikipacific.lescigales.org

arno
24 janvier 2009 14:13
modifier la couleur des titres (liens de navigation des articles de mon site) situés au centre et à gauche de la page accueil du site

Souhaitant résoudre ce problème sur lequel je me penche depuis une semaine, je vous remercie de me répondre.

Bonjour,

Je cherche toujours à modifier la couleurs des titres (= liens vers les articles) qui sont au centre de la page (sur fond blanc) ; je crois que ça s’appelle le contenu.

Je présume qu’il s’agit d’une classe titre h3, mais comment faire une déclaration ? Où la placer : au début ou bien à la fin ou ailleurs dans le fichier habillage.css ; j’ai essayé mais sans succès.

Comme il s’agit des titres h3 dans le contenu (correspondant à body class="page_sommaire") du squelette sommaire.html (la page d’accueil) faut-il rajouter #sommaire et #contenu devant : h3 .titre a color :#1919B3 ;

a:visited color : #1919B3 ;

a:hover color :#F24E24 ;

Arno http://wikipacific.lescigales.org

Philippe
25 janvier 2009 12:32
modifier la couleur des titres (liens de navigation des articles de mon site) situés au centre et à gauche de la page accueil du site

Dans une copie de habillage.css placée dans ton dossier squelettes tu dois définir :
- 

.titre
{margin: 1em 0;
padding: 0;
}

.titre h3
{font-family: Arial;
font-size: 1.6em;
}

.titre h3 a
{color: green;
text-decoration:none;
}

.titre h3 a:hover
{color:#F24E24;
}

.titre h3 a:focus
{color: green;
}

.titre h3 a:active
{color: #eaeaea;
}

.titre h3 a:visited
{ color: #1919B3;
}
Arno
26 janvier 2009 10:13
modifier la couleur des titres (liens de navigation des articles de mon site) situés au centre et à gauche de la page accueil du site

Merci pour votre feedback. J’ai essayé les solutions suivantes mais sans succès.

J’ai créé un fichier habillage2.css avec le code ci-dessous que j’ai placé dans le dossier squelettes avec le fichier original habillage.css

J’ai également essayé de place ce code à la fin du fichier habillage.css dans la rubrique /* Couleurs des liens */

Avez-vous d’autres suggestions à me faire ?

.titre {margin: 1em 0; padding: 0; }
.titre h3 {font-family: Arial; font-size: 1.6em; }
.titre h3 a {color: #1919B3; text-decoration:none; }

.titre h3 a:hover {color:#F24E24; }
.titre h3 a:focus {color: green; }
.titre h3 a:active {color: #1919B3; }
.titre h3 a:visited { color: #1919B3; }
Philippe
26 janvier 2009 14:00
modifier la couleur des titres (liens de navigation des articles de mon site) situés au centre et à gauche de la page accueil du site

Bon, l’arborescence de ton squelette est de l’ordre de :

<div class="liste-articles">
<ul>               
<li dir="ltr" style="text-align: left;">
<h3 class="titre"><a href="spip.php?xxx">titre</a></h3></li>/ul>/div>

ce qui fait beaucoup d’imbrication...

Dans ton fichier habillage.css, section Listes d’articles et extraits introductifs, le noeud .liste-articles li .titre est déjà défini.

Je pense qu’il faut essayer de partir de la en définissant dans habillage.css :

.liste-articles li .titre h3
{}
.liste-articles li .titre h3 a
{color: #1919B3; text-decoration:none; }
.liste-articles li .titre h3 a:hover;
{color:#F24E24; }

etc...

Bon courage, tiens-nous informé

Arno
27 janvier 2009 03:59
modifier la couleur des titres (liens de navigation vers les articles) situés au centre de la page accueil du site

Une fois encore, je remercie le bon génie et les anges gardiens de SPIP pour leur aide.

Prenant note de vos conseils, j’ai mis le code suivant dans l’une ou l’autre des sections /* Listes d’articles et extraits introductifs */ et /* Couleurs des liens */ de habillage.css dans le dossier squelettes.

Cela fonctionne dans les deux sections. Y-a t-il une section préférable à une autre ?

.liste-articles li .titre a {color: #000000; text-decoration:none; }
.liste-articles li .titre a:hover {color:#F24E24; }
Philippe
27 janvier 2009 09:51
modifier la couleur des titres (liens de navigation des articles de mon site) situés au centre et à gauche de la page accueil du site

Techniquement, ça ne change rien de le mettre dans l’une ou l’autre section. Je pense par contre qu’en terme d’organisation de ton fichier css, notament en cas de modifications ultérieures, mieux vaut le mettre à la suite des éléments qui déterminent ta liste d’article

RSS






squelette