retirer les puces des liens et les aligner horizontalement

  • Avatar de Inconnu

    Bonjour

    J’utilise le thème Twenty Ten, j’ai créé quelques liens (avec le widget « Liens ») qui sont précédés d’une puce et alignés verticalement par défaut. Je voudrais qu’ils soient alignés horizontalement et sans puce.

    Pour retirer les puces, j’ai trouvé ceci mais je ne sais pas trop quoi en faire :
    A insérer dans links.php (template)
    <?php wp_list_bookmarks(‘before=<p>’); ?>

    C’est dommage qu’on ne puisse pas disposer de ce genre d’options directement dans la configuration du widget. Pourriez-vous m’éclairer s’il vous plait? Merci d’avance.

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

  • Avatar de Inconnu

    Bonjour,
    les liens dont vous parlez sont-ils ceux du widget Social ? (‘Facebook, viadeo and Co ?).
    Si cela etait le cas le mieux aurait été de mettre ces boutons dans un Widget Texte en important les images et en fabricant des boutons comme expliqué dans l’article https://fr.forums.wordpress.com/topic/recherche-bouton-facebook?
    vous pourriez alors les mettre cote à cote en gerant la taille des boutons.

  • Avatar de Inconnu

    Bonjour tout le monde :)
    Le code pour insérer n’importe quelle IMAGE cliquable est
    <a target="_blank" href="URL-DU-LIEN"><img src="URL-DE-L'IMAGE"></a>
    Une fois complété comme il se doit, insérer ce code dans un widget texte titré ou pas
    En l’occurrence, pour aligner horizontalement les images cliquables actuellement présentes sur le haut de votre colonne latérale, le code serait (coller tel-quel)
    <a target="_blank" href="http://www.facebook.com/julien.gouesse"><img src="http://gouessej.files.wordpress.com/2010/08/facebook.png"></a> <a target="_blank" href="http://www.viadeo.com/fr/profile/julien.gouesse"><img src="http://gouessej.files.wordpress.com/2010/08/viadeo.png"></a> <a target="_blank" href="http://www.twitter.com/gouessej"><img src="http://gouessej.files.wordpress.com/2010/08/twitter.png"></a>

    La présentation des widgets est incluse dans les spécificités inhérentes au thème choisi. Pour contourner ce paramètre, procéder manuellement pour les liens est une solution facile et gratuite. Rappel du code pour lien TEXTE cliquable
    <a href=URL-DU-LIEN target=_blank>TITRE</a>

  • Avatar de Inconnu

    C’est tellement mieux présenté avec la patte Lilmaouz !
    On a un service vraiment personnalisé !

  • Avatar de Inconnu

    Re-coucou, petite fée (qui avez perdu la vache Marguerite en chemin :)
    Franchement, non, ce n’est pas mieux.. C’est complémentaire, voilà tout :p

  • Avatar de Inconnu

    Si si … c’est mieux. Sur le forum anglais les kadors reprennent souvent aussi mais c’est pas toujours pour être mieux. Vous c’est toujours le cas et fait avec tact…

  • Avatar de Inconnu

    Tassiopee vous êtes un coeur (ou comme disent ces kadors, you made my day :)

  • Avatar de Inconnu

    Merci, ça marche très bien. Je ne savais pas qu’on pouvait entrer arbitrairement du code HTML dans un widget, c’est juste dommage que les applets Java ne puissent pas être de la partie…

  • Avatar de Inconnu

    Je vais rajouter les infobulles, je crois que c’est le champ alt.

  • Avatar de Inconnu

    Oui, c’est bien ça. Parfait, encore un souci de moins :))

  • Avatar de Inconnu

    En fait, ça marche mieux si je change le champ « title » aussi :)

  • Avatar de Inconnu

    Bonjour,
    Bizarre mais pas impossible, le web est parsemé de mystères pour moi.. :)
    Enfin quoi qu’il en soit,le code à conserver dans ce cas ressemblerait à ceci
    <a href="URL-DU-LIEN" target="_blank"><img title="TITRE-INFOBULLE" src="URL-DE-L'IMAGE"></a>

  • Avatar de Inconnu

    Je crois que c’est Internet Explorer qui utilise aussi le champ « alt » pour l’infobulle mais pas Firefox. « alt » sert normalement à fournir une alternative textuelle par exemple au cas où l’affichage de l’image échoue et surtout pour les les technologies purement textuelles pour les aveugles par exemple d’où l’importance de renseigner à la fois les champs « title » et « alt ». « title » semble avoir à peu près le même rôle.

    En conséquence, pour des raisons de portabilité et d’accessibilité, je recommande bien de renseigner les 2 champs pour ne pénaliser ni les utilisateurs de Firefox, ni les utilisateurs d’Internet Explorer ni les autres.

  • Avatar de Inconnu

    Bien sûr, c’est votre blog, vous faites comme vous l’entendez ;-)

  • Le sujet ‘retirer les puces des liens et les aligner horizontalement’ est fermé aux nouvelles réponses.