Améliorer le look de mon blogroll (Créer un compte)

  • Statut : non résolu
9 sujets de 1 à 9 (sur un total de 9)
  • Auteur
    Messages
  • #449855
    The Daron
    Membre
    Initié WordPress
    23 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : WordPress 2.05 FR
    – Thème utilisé : par défaut (élargi par mes soins)
    – Plugins en place : Adhesive, Dagon Design Sitemap Generator, Hello Dolly, WordPress Multi URI Ping
    – Nom de l’hebergeur :

    Problème(s) rencontré(s) :

    Voici ce à quoi ressemble mon blogroll à la date d’aujourd’hui :
    Blogroll.jpg
    Je souhaiterais améliorer son look en séparant visuellement chaque lien.
    Dans :
    http://saumurlaperle.free.fr/blog/wp-admin/link-categories.php
    j’ai essayé, en vain, de mettre une ligne de séparation :
    – Avant le lien :

  • – Entre le lien et la description :

    – Après le lien :

  • par exemple avec


    ou

    _________________________

    .

    Par ailleurs, je vois que j’aurais intérêt à élargir mes bannières miniatures à la largeur exacte du sidebar : mon thème est celui par défaut que j’ai bricolé il y a cela plusieurs mois ; c’est où la largeur ?
    Avec remerciements.

#587381
fantome
Participant
Chevalier WordPress
234 contributions

J’irai plutôt dans le fichier CSS. Si tu utilises systématiquement une image, tu pourrais créer une classe spéciale pour les bannières et ajouter un soulignement.

Cela pourrait ressembler à cela, à tester :

.banniere {
margin-bottom: 8px;
border-bottom: 1px solid #000;
}

#587382
The Daron
Membre
Initié WordPress
23 contributions

@ fantôme
J’ai commencé par adapter la largeur de mes bannières miniatures (de 150 à 170) à la largeur du sidebar (190). C’est déjà nettement mieux :
http://saumurlaperle.free.fr/blog/
Peux-tu me dire où je dois coller ceci

.banniere {
margin-bottom: 8px;
border-bottom: 1px solid #000;
}

dans le fichier style.css et si cela suffit ; en plus je voudrais qu’il soit de couleur green.

J’ai jeté un coup d’oeil à ton site : chapeau l’artiste, c’est d’une élégante sobriété ce qui renforce la beauté de tes photos.
[edit]
Je pourrais simplement me contenter de modifier la couleur grise correspondant au champs [Description courte] : quelqu’un peut me dire où c’est dans le fichier style.css.
Ma connaissance de CSS est tout à fait empirique 😇

#587383
fantome
Participant
Chevalier WordPress
234 contributions

Je viens de regarder plus en détails. En fait, ajoute ces lignes de code à la fin du fichier CSS de ton thème :

#linkcat-1 li{
margin-bottom: 8px;
border-bottom: 1px solid #000;
}

Je ne comprends pas ta seconde question.

#587384
The Daron
Membre
Initié WordPress
23 contributions

Merci fantöme, j’ai fait la manipe.
Cependant le résultat n’est pas parfait : la ligne est un peu plus longue que mes bannières miniatures qui font 170 pixels de large.
Alors :
– ou bien j’augmente la taille de toutes mes bannières miniature, mais de combien de pixels ?
– ou bien je réduis la longueur de la ligne à 170 pixels, quel est le code ?

Question subsidiaire : comment je modifie la couleur de la ligne ?

#587385
alakhnor
Participant
Maître WordPress
996 contributions

En fait, la bordure ainsi faite est liée à la zone, pas à l’image. Donc, la ligne fera la longueur de la zone.

Pour t’adapter à la taille de l’image, tu as deux solutions :

– soit tu colles l’image d’une ligne
– soit tu mets la bordure directement au niveau de l’image dans la balise img. Après, la couleur est donnée par border-color.

#587386
fantome
Participant
Chevalier WordPress
234 contributions

Pour la couleur, tu as juste à changer le #000 par le code de couleur qui te convient si tu restes avec le bout de code que je t’ai proposé.

#587387
The Daron
Membre
Initié WordPress
23 contributions
fantôme wrote:
Pour la couleur, tu as juste à changer le #000 par le code de couleur qui te convient si tu restes avec le bout de code que je t’ai proposé.

Voilà c’est fait :

#linkcat-1 li{
margin-bottom: 8px;
border-bottom: 1px solid green;
}

Cela commence à être affichable, mais si je centrais la bannière ce serait sans doute mieux ?
J’ai pas trouvé.😉

#587388
fantome
Participant
Chevalier WordPress
234 contributions

Essaie de rajouter la ligne suivante avant l’accolade fermante, à tester : text-align : center;

PS : Regarde aussi le rendu de ton site avec firefox.

9 sujets de 1 à 9 (sur un total de 9)
  • Vous devez être connecté pour répondre à ce sujet.