Couleur des catégories, titres des liens

  • Avatar de Inconnu

    Bonjour
    C’est un petit détail, mais les catégories sont affichées sur mon blog dans un bleu pas génial avec le reste. Elles passent au noir lorsqu’on les a ouverts. Est-ce que l’on peut changer ces couleurs ? Par avance, merci !

    L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).

  • Avatar de Inconnu

    Bonjour,
    Malheureusement, ceci fait partie du css du thème que vous employez. Pour modifier ces données qui ont été déterminées par le créateur du thème, il vous faut acheter l’upgrade Custom CSS. J’attire votre attention sur ces précision: il faut posséder les bases du css pour recourir à cette mise à jour. C’est d’autant plus vrai qu’il n’est pas prévu de support pour cette mise à niveau (sauf l’aide de quelques bénévoles @forum anglais)

    Une alternative serait de réécrire ces liens vous même, de les placer dans un widget Texte (titré ou pas) et de supprimer ensuite le widget Catégories.
    Vous pouvez alors choisir la police, sa taille (px) et la couleur.

    Code de base (à compléter dûment pour chaque lien)

    <a href="URL LIEN DE CATEGORIE" target="_blank"><span style="font-family: POLICE; font-size: ??px;"><span style="color: #HEXADECIMALE;">● NOM CATEGORIE</span></span></a>

    EXEMPLE

    <a href="http://sclumigny.wordpress.com/category/art/" target="_blank"><span style="font-family: Lucida Console; font-size: 24px;"><span style="color: #ff99cc;">●  Art</span></span></a>
    &nbsp;
    <a href="http://sclumigny.wordpress.com/category/avis/" target="_blank"><span style="font-family: Lucida Console; font-size: 24px;"><span style="color: #ff99cc;">●  Avis</span></span></a>
    &nbsp;
    <a href="http://sclumigny.wordpress.com/category/bible/" target="_blank"><span style="font-family: Lucida Console; font-size: 24px;"><span style="color: #ff99cc;">●  Bible</span></span></a>
    &nbsp;

    etc…
    (Pour visualiser, il suffit de coller dans un widget Texte tout ce qui se trouve dans cette dernière fenêtre titrée EXEMPLE
    et d’enregistrer ce widget :)

  • Avatar de Inconnu

    Bon, pour le moment, cela ne marche pas, mais je vais persister. Je pense écrire tout dans le bloc notes avant de le mettre dans un widget texte car il ne semble pas apprécier les copier/coller

  • Avatar de Inconnu

    Oh bon? ;(
    Qu’est ce qui ne va pas ? Attendez…
    http://sclumigny.wordpress.com/wp-admin/widgets.php
    Attrapez le petit module Texte, déplacez-le sur la droite
    Lorsqu’il s’ouvre, collez ceci et enregistrez.

    <a href="http://sclumigny.wordpress.com/category/art/" target="_blank"><span style="font-family: Lucida Console; font-size: 24px;"><span style="color: #ff99cc;">●  Art</span></span></a>

    (essayez d’attraper tout le code, de gauche à droite, jusqu’au bout. Je viens voir sur votre blog ce qui se passe :)

  • Avatar de Inconnu

    Pour un ou deux liens, cela marche mais si je fais un copier coller pour ensuite mettre d’autres catégories, il répète toujours la même chose…

  • Avatar de Inconnu

    Je précise qu’après avoir fait un copier/coller j’ai changé le nom des catégories, mais il ne s’affiche que le nom de premières !!!

  • Avatar de Inconnu

    J’ai réussi, en fait, il faut changer à deux endroits le nom de la catégorie et je ne l’avais fait qu’à la première ! Merci…

  • Avatar de Inconnu

    J’arrivais précisément avec ces mêmes conclusions.. les grands esprits se rencontrent ^^ Super! Avec plaisir. À bientôt (n’oubliez pas que vous pouvez colorier (#HEX;) comme bon vous semble. #ff99cc; est la couleur dans l’exemple. ff99cc est à remplacer ;-)
    http://www.jokconcept.net/codes-couleurs-hexdecimal.php

  • Avatar de Inconnu
  • Avatar de Inconnu

    Bonsoir sclumigny,
    Pour un report à la ligne après chaque lien, la police par défaut, et un mot coloré, faites comme ceci pour chaque lien

    <a href="URL LIEN DE CATEGORIE" target="_blank"><span style="color: #HEX;">● NOM CATEGORIE</span></a>
    <br />

    Le « br » indique le report à la ligne. Si vous le répétez, l’écart s’agrandit. Bon weekend :)

  • Avatar de Inconnu

    Bonsoir, merci pour le truc d’aller à la ligne ! Je n’osais pas poser encore une question et voilà que vous me devancez… Bravo ! Il y a juste le premier titre qui est décalé.
    Du coup, je continue dans les questions. Je crois que sans le vouloir je me lance ds le langage html !!!! Est-ce qu’il y a aussi un truc pour faire des alignements en retrait (cf.les horaires). Merci pour tout !

  • Avatar de Inconnu

    Hello sclumigny,
    Si un lien est en retrait, c’est probablement du à un (ou +) non breaking space
    &nbsp;
    Oui, pour un retrait « global » vous pouvez placer une balise autour de « tout » si je puis dire. Comme ceci

    <ul>
    votre code normal pour le lien ● 1 <br /><br />
    votre code normal pour le lien ● 2 <br /><br />
    votre code normal pour le lien ● 3 <br /><br />
    etc...
    </ul>

    ( temporairement au bas de http://berluette.wordpress.com pour vous montrer :)
    Le code utilisé pour chacun des liens
    <a href="URL_DU_LIEN"><span style="color:#C4C402;">● blabla?</span></a><br /><br />
    Il ne faut pas craindre de demander. Si je peux vous aider, je le fais avec plaisir ;)

  • Avatar de Inconnu

    Je lisais tout cela avec intérêt, cr j’ai des titres d’articles très moches à côté des articles ;.. j’ai cherché mais dans mon thème on peut changer presque tout mais je n’ai pas trouvé pour les titres.

  • Avatar de Inconnu

    Bonsoir klaralune,
    Pour modifier les titres des articles, qui font partie du css, il faut
    soit l’upgrade CSS personnalisé (payant) et de bonnes notions de base comme précisé dans le lien
    soit TypeKit (gratuit)
    (vous pouvez jeter un coup d’oeil sur mon blog, il y a un article TypeKit, et une police (orbitron) installée. Les titres sont pris en compte, vous verrez. Et ce n’est pas très compliqué (voir aussi les commentaires car des infos s’y trouvent. Bonne soirée :)

  • Le sujet ‘Couleur des catégories, titres des liens’ est fermé aux nouvelles réponses.