[WP] Couleurs et soulignement

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Jrman, 21 Janvier 2012.

  1. Jrman
    Jrman Nouveau WRInaute
    Inscrit:
    20 Janvier 2012
    Messages:
    17
    J'aime reçus:
    0
    Bonsoir à tous,

    Je viens vers vous, car je suis actuellement en pleine construction d'un site web via Wordpress, seulement, je bloque sur deux petites choses.

    Je voulais simplement savoir comment souligner et changer la couleur d'un titre d'une page (ex : accueil), dans la barre principale de mon site.

    Merci à vous.


    Cordialement
     
  2. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 104
    J'aime reçus:
    0
    Ca se passe dans ton template : www/tonsite/wp-content/themes/ton-theme/style.css
     
  3. Jrman
    Jrman Nouveau WRInaute
    Inscrit:
    20 Janvier 2012
    Messages:
    17
    J'aime reçus:
    0
    Bonjour,

    D'abord, merci à vous pour votre réponse.

    Ensuite, J'ai réussi à mettre la main sur la ligne qui concerne la modification des pages, en l'occurrence, celle ci-dessous, mais en modifiant le code couleur, évidemment, j’obtiens la même couleur pour chaque pages. Hors, ce que je voudrais, c'est modifier la couleur d'une seule page. (Ex : Accueil.) De même, pour le soulignement des pages, si tu, ou une personne connait le code CSS pour obtenir le soulignement d'une page... Si cela s'avère possible évidemment.

    Puis il faut dire qu'il n'y à pas énormément de sujets concernant ce genre de modification, sur la toile. :)

    "#navigation li a {
    color: #FFFFFF;
    display: block;
    padding: 13px 14px 10px 18px;
    text-shadow: 1px 1px 1px #000000;"


    Cordialement
     
  4. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 104
    J'aime reçus:
    0
    A vrai dire je comprend pas trop... pourriez-vous faire une capture d'écran de votre site et entourer la partie que vous souhaitez changer?
     
  5. Jrman
    Jrman Nouveau WRInaute
    Inscrit:
    20 Janvier 2012
    Messages:
    17
    J'aime reçus:
    0
    Voici :

    http://nsa22.casimages.com/img/2012/01/21//120121044705941138.jpg

    Comme j'ai déjà dit dans mon message précédent, je désire simplement un changement de couleur pour une seule est unique page (Accueil en l’occurrence), ainsi qu’un soulignement de celle-ci. Encore une fois, uniquement pour cette page.
     
  6. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 104
    J'aime reçus:
    0
    Tu veux que "Accueil" soit toujours d'une autre couleur et souligné, ou seulement lorsqu'on est sur la page d'accueil ?
     
  7. Jrman
    Jrman Nouveau WRInaute
    Inscrit:
    20 Janvier 2012
    Messages:
    17
    J'aime reçus:
    0
    toujours d'une autre couleur et souligné.
     
  8. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 104
    J'aime reçus:
    0
    Ton menu est en dure dans ton template, ou généré par wordpress via la partie d'administration, onglet "Apparence > menu" de ton site ?
     
  9. Jrman
    Jrman Nouveau WRInaute
    Inscrit:
    20 Janvier 2012
    Messages:
    17
    J'aime reçus:
    0
    Il est généré par WP.
     
  10. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 104
    J'aime reçus:
    0
    Ok, bon alors il y a certainement des technique plus "propres" mais que j'ignore.
    Dans ton admin, onglet apparence > menu, là où tu peux modifier le texte "Accueil", met :

    <font style="color:#FF0000;text-decoration:underline">Accueil</font>

    Après tu peux toujours faire plus propre en intégrant cela dans style.css.

    ;)
     
  11. Jrman
    Jrman Nouveau WRInaute
    Inscrit:
    20 Janvier 2012
    Messages:
    17
    J'aime reçus:
    0
    Je suis directement passé par le CSS, parce que visiblement il ne semble pas possible de rentrer du code dans le menu : apparence > menu, via le panneau administrateur.

    J'ai bien une modification en copiant la ligne ci-dessus dans le CSS, plus précisément, un soulignement (pas de changement couleur), sauf que le soulignement s'applique à toute les pages, et seulement au moment du passage de la souris.
     
  12. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 104
    J'aime reçus:
    0
    ben... si c'est possible, j'y met parfois des images, applique un changement de couleur, etc...
    Tu cliques bien sur "enregistrer" après la modif ?
    Tu mets bien le code donné plus haut dans la case "Titre de la navigation" ?
     
  13. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 021
    J'aime reçus:
    1
    Je connais pas le système don tu parle mais :
    Tu as du appliquer le changement a une class générique alors que dans ton cas il faudrait que tu cible que l'élémént concerné (ajouter un id peut être)
    la classe que tu as modifié devait être suivie de ":HOVER" donc ne pas être la bonne.
     
  14. Jrman
    Jrman Nouveau WRInaute
    Inscrit:
    20 Janvier 2012
    Messages:
    17
    J'aime reçus:
    0
    Rien y fait.
     
  15. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 104
    J'aime reçus:
    0
    @ Zeb : il a modifié le css qui régit tout le menu, il ne pourra obtenir ce qu'il veut de cette façon.
    @ Jrman : tu veux m'envoyer le lien vers ton site par MP ? Je viens de tester à l'instant, et ça fonctionne parfaitement.
    Lorsque tu enregistre, tu as quoi, un message d'erreur, un bug, etc... ?

    Tu as bien quelque chose comme ça ?
    [​IMG]

    Tu sais si ton thème utilise du js ou autre pour afficher une police spéciale qui n'est pas par défaut sur toutes les machines ?
     
  16. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 169
    J'aime reçus:
    345
    Par défaut, WP ajoute automatiquement un ID #menu-item-xx à tous les items <li> du menu.
     
  17. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 104
    J'aime reçus:
    0
    Ah mais oui, j'avais oublié ce détail :p
    Si tu veux m'envoyer ton lien par mp, je t'indiquerais quel code mettre dans style.css ;)
     
  18. Jrman
    Jrman Nouveau WRInaute
    Inscrit:
    20 Janvier 2012
    Messages:
    17
    J'aime reçus:
    0
    Padadam22 : tu as reçu mon MP ?
     
  19. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 104
    J'aime reçus:
    0
    Pour info, problème résolu.
    Le menu était celui par défaut, qui affiche toutes les pages au fur et à mesure de leur création.
    On a donc créé le menu via l'admin puisque son template le permettait (via ....com/wp-admin/nav-menus.php).
    Puis on a mis la balise <font style="color....>Accueil</font> directement à cet endroit. (quelque chose empêchant la couleur d'être prise en compte lorsqu’on utilisait le css avec l'ID unique... ca aurait fait beaucoup de modif pour au final le même résultat).
     
  20. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 021
    J'aime reçus:
    1
    Souvent l'ordre dans lequel se présentent les classes (essaie de la mettre en fion du dernier fichier CSS inclus un jour pour voir)
     
  21. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 104
    J'aime reçus:
    0
    Avant de proposer un tas d'essais à Jrman, j'avais essayé sur mes propres templates.
    J'avais aussi essayé ce que tu me proposes (en début,puis en fin...). L'underline était bien appliqué mais pas la couleur... Va savoir. Cela dit je suis loin d'avoir la science infuse en la matière (et en tout autre domaine d'ailleurs) et il y a certainement une très bonne raison à cela. :)
     
  22. JanoLapin
    JanoLapin WRInaute accro
    Inscrit:
    21 Septembre 2008
    Messages:
    4 226
    J'aime reçus:
    0
    mais qu'est ce que le
    Code:
    fion
    à a voir là-dedans, zeb?... ? :mrgreen:
     
  23. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 021
    J'aime reçus:
    1
    :lol: j'lai vu après et je pouvais plu éditer ... heureusement que j'ai pas écris "essaie de la mettre DANS LE ..."
     
  24. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 104
    J'aime reçus:
    0
    Pour être souligné, pas sûr que ce soit efficace. Par contre pour devenir tout rouge, c'est jouable !
     
Chargement...
Similar Threads - [WP] Couleurs soulignement Forum Date
[WP] Inserer une class automatiquement dans une image Développement d'un site Web ou d'une appli mobile 28 Février 2013
[WP] Afficher le nombre d'articles pour un tag Développement d'un site Web ou d'une appli mobile 19 Août 2012
[WP] Afficher la description des tags Développement d'un site Web ou d'une appli mobile 18 Août 2012
[WP]: récupérer l'url d'un post en dehors du blog Développement d'un site Web ou d'une appli mobile 21 Juillet 2009
[WP] création automatique de tags Développement d'un site Web ou d'une appli mobile 8 Juillet 2009
CSS / Attribuer 2 couleurs différentes aux H2 Développement d'un site Web ou d'une appli mobile 12 Mars 2022
J'hésite sur le choix des couleurs du site Demandes d'avis et de conseils sur vos sites 24 Mars 2020
Couleurs de pays et survol sur carte GG Maps YouTube, Google Images et Google Maps 10 Février 2017
Besoin de vos avis, couleurs et logo de Busy Women Demandes d'avis et de conseils sur vos sites 26 Octobre 2014
Changer l'aspect de la palette des couleurs sur Prestashop e-commerce 10 Janvier 2013
google m'en fais voir de toutes les couleurs ! Crawl et indexation Google, sitemaps 8 Octobre 2011
Modifier les couleurs des catégories sur page d'accueil forum phpbb3 Développement d'un site Web ou d'une appli mobile 1 Octobre 2010
eCommerce: Plusieurs fiches par couleurs, ou une fiche avec attribut ? e-commerce 23 Septembre 2010
Marre des couleurs qui dégorgent Développement d'un site Web ou d'une appli mobile 9 Décembre 2009
Choix des couleurs pour un site Développement d'un site Web ou d'une appli mobile 2 Octobre 2009
Lcd et rendu des couleurs pour conception sites. Développement d'un site Web ou d'une appli mobile 8 Avril 2009
affichage tagclouds avec des couleurs différentes Développement d'un site Web ou d'une appli mobile 2 Mars 2009
Dégradé : comment récupérer les couleurs intermédiaires ? Développement d'un site Web ou d'une appli mobile 22 Novembre 2008
Comment mettre en place une page web qui change de couleurs Développement d'un site Web ou d'une appli mobile 1 Novembre 2008
HTML : fusionner 2 cellules ayant 2 couleurs de fond Développement d'un site Web ou d'une appli mobile 28 Juillet 2008