Fermer la barre d'outils
Voir plus d'options
Voir moins d'options
les-forums.com : vous avez la parole
En moins de 5 minutes,
créez votre forum gratuitement
forum officiel aide/faq
support technique
Accueil Séparateur Présentation Séparateur Créez ! Séparateur Annuaire
Bienvenue sur le forum officiel de les-forums.com.
L'apprentissage des bases du HTML requises pour la personnalisation des forums concerne le sous-forum Programmation, tandis que les gros problèmes techniques sont à adresser au Support. La FAQ vous sera également très utile.
De plus, une lecture du bref règlement du forum pourra éviter bien des tracas.
Nous vous écoutons, soyez polis, patients et précis dans vos questions.
Testez le nouveau chat sur les-forums.com, en beta-test (s'ouvrira dans une nouvelle fenêtre ou onglet)

les-forums.com - Forum officiel
Tout sur les thèmes (60 topics, 464 messages)
Topic "Problème de couleur!!!" (Messages 1 à 11 sur 11) Fil RSS des messages de ce topic
Dernier message par Babaorum, le 27/08 à 22:26:38
Anonyme :
  • S'inscrire
  • S'identifier
Outils :
  • Recherche
 
Bas de la pageTopics
 
Drag999
inscrit le 25/08/2006
le 25/08/2006 à 14:15:30
Acces au message Problème de couleur!!!
Bonjour, j’ai un problème de couleur avec mon thème.
Mon forum est lalouvemere
En fait le cadre en haut à gauche le titre est bon mais l’arborescence est blanche, résultat je vois rien!
C’est également comme ca dans l’admin, que faire? Je comprends pas grand chose aux css...

Message modéré le 25/08 à 19:29:54 par Babaorum.

Voir le profil de l'auteur Editer le message
Drag999
inscrit le 25/08/2006
le 25/08/2006 à 15:35:36
Acces au message Problème de couleur!!!
J'ai réussi à arranger un peu.

J'ai changé le blanc en bleu seulement, résultat les caractéristiques sous les titres des sous forums sont bleues aussi maintenant. Y a moyen de changer le code pour qu'il n'y ai que le cadre en haut qui ai le texte en bleu et que les caractéristiques restent blanches???

Voilà le code pour le moment
body {
background-color: #333333;
color: Black;
}
* {
font-family: Verdana;
font-size: 11px;
color: Blue;
       
}


En quoi le changer?
Voir le profil de l'auteur Editer le message
Babaorum
adjoint
http://babaorum.site.voila.fr/img/tortue2.gif
Lisez la FAQ! (*)
inscrit le 22/04/2002
le 25/08/2006 à 19:47:14
Acces au message Problème de couleur!!!
Il te faut cibler plus précisément à quoi s’applique tes règles de style. Effectivement, les appliquer à tout élément de la page (= “*”) rendra bien tout élément de police bleu en Verdana 11px...

A mon avis commence déjà par regarder le code-source d’une page de ton forum, pour comprendre la structure HTML, c.a.d. à quelle balise HTML correspond quel élément visuel.

Par exemple dans le code-source de ta page tu peux voir au début:
<div id="div_forum">

<table id="nav_haut" class="nav_haut_tout_mode nav_haut_mode1">
<tr>

<td align='left' valign='top' id="nav_haut_gauche">
<div id="nav_gauche">
<div class="arbo_niv1"><img src="http://i.les-forums.com/i//d1.gif" alt="" /><a href="/">La Louve Mère</a> (<a href="#" id="lien_connectes" target="_blank" onclick="return connectes(1); return false;" onmouseover="connectes(0)" onmouseout="nd();">2 connectés</a>, 15 topics, 61 messages)</div><div id="arbo_titre" class="arbo_niv2"><img src="http://i.les-forums.com/i//d2.gif" alt="" /><b>Liste des forums</b></div>
</div>
</td>

<td align='right' valign='top' id="nav_haut_droite">
<div id="nav_droite">
<table id="nav_droite_conteneur">
<tr id="ligne_nav_droite_anonyme" class="ligne_nav_droite" title="Anonyme"><th>Anonyme :</th><td class="zones_nav_droite"><ul class="zones_nav_droite_conteneur"><li class="premiere_zone_nav_droite" style="width : 49%" id="zone_nav_droite_inscription"><a class="zone_nav_droite" href="/fiche_user.cgi" title="Pour vous inscrire sur le forum afin de pouvoir y participer">S’inscrire</a></li><li style="width : 49%" id="zone_nav_droite_identification"><a class="zone_nav_droite" href="/login.cgi" title="Pour participer au forum si vous y avez déjà un compte">S’identifier</a></li></ul></td></tr><tr id="ligne_nav_droite_outils" class="ligne_nav_droite ligne_nav_droite_dernier" title="Outils"><th>Outils :</th><td class="zones_nav_droite"><ul class="zones_nav_droite_conteneur"><li class="premiere_zone_nav_droite" style="width : 99%" id="zone_nav_droite_recherche"><a class="zone_nav_droite" href="/?recherche=1&flash=1" title="Pour effectuer une recherche sur le forum" onclick="return OuvreBarreOutilsRecherche(false, true)" accesskey="r">Recherche</a></li></ul></td></tr>
</table>
</div>
</td>

</tr>
</table>

Comme tu peux le voir, le DIV#div_forum contient tout le forum en lui-même, c.a.d. à partir des blocs de navigation en haut à gauche et du bloc d’actions utilisateur en haut à droite (et la liste des sous-forums/topics/messages, le formulaire de saisie des messages, etc.).
Le premier élément intéressant est un tableau: TABLE#nav_haut mais il n’est pas encore assez précis puisqu’il englobe les deux blocs du haut: à gauche et à droite.
En descendant un peu dans l’arborescence on arrive très vite à TD#nav_haut_gauche qui lui ne contient que ton bloc de navigation (celui en haut et à gauche). Le premier élément fils est DIV#nav_gauche qui contient aussi tout le bloc, à l’intérieur du bloc cellule ci-dessus.
Maintenant tu l’as peut-être remarqué, il est préférable d’écrire des descripteurs CSS les plus précis possibles.
On va donc à la fois agir sur le contenu de la cellule, tout élément fils (direct ou descendant indirect) de la cellule et surtout tout lien dans la cellule et dans un élément fils (je pars du principe que tu veux agir sur tout: élément de texte et liens hypertexte, à l’intérieur de ce bloc.

Voici le sélecteur de style auquel tu vas appliquer tes règles de style:
div#div_forum table#nav_haut td#nav_haut_gauche div#nav_gauche * {
    ... (color: blue; pour suivre ton exemple)
}

Aussi simple que ça.
Pour le reste c’est la même méthode.
Maintenant je ne vois pas du tout ce que tu appelles “caractéristiques” ... ?


Il faut toujours:
1 ) faire la correspondance entre ce que tu vois et la structure HTML
2 ) identifier quels sélecteurs CSS tu as à ta disposition pour pointer vers le bon élément
3 ) connaître bien entendu la syntaxe CSS, c.a.d. savoir écrire des règles de style à appliquer au sélecteur CSS.

Bonne continuation !

Message modifié le 25/08 à 19:48:20 par Babaorum.

Voir le profil de l'auteur Editer le message
Drag999
inscrit le 25/08/2006
le 26/08/2006 à 11:33:23
Acces au message Problème de couleur!!!
J'ai compris, je pense... En tout cas ca marche, j'ai ce que je voulais.

Le seul problème est que le texte de la partie administration est blanc aussi.
J'ai compris qu'il faut cibler les différents éléments pour que ca marche. Comme je l'ai compris avec le cadre en haut à gauche. Donc je suppose que maintenant il faut que je cible la partie administration de mon forum pour que le texte soit de la couleur que je désire. Mais quel selecteur utiliser?
Voir le profil de l'auteur Editer le message
Babaorum
adjoint
http://babaorum.site.voila.fr/img/tortue2.gif
Lisez la FAQ! (*)
inscrit le 22/04/2002
le 26/08/2006 à 12:05:45
Acces au message Problème de couleur!!!
Regarde la source d’une page d’administration sur ton forum: c’est dans le code-source qu’est la réponse à ta question :)
Voir le profil de l'auteur Editer le message
Drag999
inscrit le 25/08/2006
le 26/08/2006 à 23:17:26
Acces au message Problème de couleur!!!
Juste, j'ai trouvé. J'ai changé et j'ai exactement ce que je voulais.
Je te remercie énormément Babaorum, j'ai compris le système
Voir le profil de l'auteur Editer le message
Babaorum
adjoint
http://babaorum.site.voila.fr/img/tortue2.gif
Lisez la FAQ! (*)
inscrit le 22/04/2002
le 27/08/2006 à 00:46:02
Acces au message Problème de couleur!!!
De rien ce fut un plaisir :p
Voir le profil de l'auteur Editer le message
Twidi
maire
[...]I have looked in the mirror every morning and asked myself: "If today were the last day of my life, would I want to do what I am about to do today?" And whenever the answer has been "No" for too many days in a row, I know I need to change something."
 - Steve Jobs -
inscrit le 18/04/2001
le 27/08/2006 à 14:20:54
Acces au message Problème de couleur!!!
je ne suis pas d'accord sur un point
tu mets
div#div_forum table#nav_haut td#nav_haut_gauche div#nav_gauche * {
    ... (color: blue; pour suivre ton exemple)
}

Or étant donné que
- un identifiant est unique dans la page
- nav_gauche ne risque pas d'etre utilisé ailleurs sur le forum pour autre chose
- la modif faite à nav_gauche ne dépend pas d'un parent spécial "(genre #navigateur_gecko)

on peut donc simplement faire
#nav_gauche * {
    ... (color: blue; pour suivre ton exemple)
}

on peut éventuellement laisser le "div" devant le "#nav_gauche" pour savoir de suite en lisant le css a quel type d'element on a à faire.

ps : et je pense que le fait de mettre un seul selecteur, unique, doit être un pouillème plus rapide pour le navigateur
Voir le profil de l'auteur Editer le message
Babaorum
adjoint
http://babaorum.site.voila.fr/img/tortue2.gif
Lisez la FAQ! (*)
inscrit le 22/04/2002
le 27/08/2006 à 16:03:25
Acces au message Problème de couleur!!!
spafaux (:)

c plus dépouillé et c pareil effectivement :)
sinon pour la vitesse d’exécution, je pencherais pour un nano-pouillème ;)
Voir le profil de l'auteur Editer le message
Twidi
maire
[...]I have looked in the mirror every morning and asked myself: "If today were the last day of my life, would I want to do what I am about to do today?" And whenever the answer has been "No" for too many days in a row, I know I need to change something."
 - Steve Jobs -
inscrit le 18/04/2001
le 27/08/2006 à 17:27:26
Acces au message Problème de couleur!!!
vi mais un pouillème quand même :p
puis ca fait toujours quelques octets en moins 8-)
Voir le profil de l'auteur Editer le message
Babaorum
adjoint
http://babaorum.site.voila.fr/img/tortue2.gif
Lisez la FAQ! (*)
inscrit le 22/04/2002
le 27/08/2006 à 22:26:38
Acces au message Problème de couleur!!!
allez, vendu ! ;)
Voir le profil de l'auteur Editer le message
 
Haut de la pageTopics
 
Ajout de messages impossible Vous ne pouvez pas ajouter de messages.

Forum gratuit proposé par les-forums.com v 2.7 alpha - Un service Twidi.com - Flux RSS du forum

Page générée en 0,048 secondes le 20/08 à 20:49:27.