Aligner les widgets

  • Avatar de Inconnu

    Bonjour,

    Je souhaite mettre 3 widgets sur la même ligne (Facebook, Twitter & RSS). Pouvez-vous m’éclairer? Je suis en train de m’arracher les cheveux un à un !

    MERCI ;-)

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

  • Avatar de Inconnu

    Bonjour,
    vous semblez avoir mis 3 widgets distincts… et les widgets s’empilent les uns sous les autres dans les sidebars sous wp.com.
    Pouvez vous decrire comment vous opérez ?
    Pour reussir ce que vous voulez atteindre il vous faut mettre du code correspondant à 3 images cliquables dans un widget Texte.

  • Avatar de Inconnu

    Bonjour,

    Merci pour votre retour rapide.
    Disons que j’ai un peu bidouillé pour arriver à ce résultat ! J’ai d’abord inséré chaque icône pour chaque bouton dans la partie médias, puis j’ai ajouté trois widgets « Image » sur ma side bar dans lesquels j’ai glissé les URL de chacun de lien de redirection.

    En espérant avoir été claire… :-)
    Merci d’avance pour votre aide !

  • Avatar de Inconnu
    Bonjour,
    Les class="aligncenter" et balises <div> des 3 icônes empêchent la juxtaposition
    Essayez comme ceci:
    <a href="https://www.facebook.com/pages/All-around-the-girl/458894010797856"><img src="http://allaroundthegirl.files.wordpress.com/2012/11/tv-set-icon_facebook.png"  height="70" ></a> &nbsp;&nbsp; <a href="https://twitter.com/Sabrieyes"><img src="http://allaroundthegirl.files.wordpress.com/2012/11/tv-set-icon_twitter-bird.png" height="70" ></a> &nbsp;&nbsp; <a href="http://allaroundthegirl.com/feed/"><img src="http://allaroundthegirl.files.wordpress.com/2012/11/tv-set-icon_rss.png" height="70" ></a>
  • Avatar de Inconnu

    Bonjour,
    pour des raisons de visibilité, je reprends le code que vous propose Lilmaouz ci dessus :
    <a href="https://www.facebook.com/pages/All-around-the-girl/458894010797856"><img src="http://allaroundthegirl.files.wordpress.com/2012/11/tv-set-icon_facebook.png" height="70" ></a> &nbsp;&nbsp; <a href="https://twitter.com/Sabrieyes"><img src="http://allaroundthegirl.files.wordpress.com/2012/11/tv-set-icon_twitter-bird.png" height="70" ></a> &nbsp;&nbsp; <a href="http://allaroundthegirl.com/feed/"><img src="http://allaroundthegirl.files.wordpress.com/2012/11/tv-set-icon_rss.png" height="70" ></a>

    Mettre un widget texte dans votre sidebar et coller ce code dans ce widget texte.

  • Avatar de Inconnu

    Ca marche c’est génial merci à tous les 2 !!! ;-)

  • Avatar de Inconnu

    Ouf, enfin une personne heureuse ^^ Avec plaisir. Bonne soirée ;)

  • Avatar de Inconnu
  • Avatar de Inconnu

    Ah oui juste une dernière question. J’exagère ! :-D
    Est-il possible de mettre une option pour que le lien de l’icône s’ouvre dans une nouvelle fenêtre?

  • Avatar de Inconnu

    Oui, bien sûr, voilà le truc
    <a href="URL_LIEN" target=_blank><img src="URL_IMG" title="TITRE" width="?" ></a>
    soit pour vos widgets
    <a href="https://www.facebook.com/pages/All-around-the-girl/458894010797856" target=_blank><img src="http://allaroundthegirl.files.wordpress.com/2012/11/tv-set-icon_facebook.png" width="70" ></a> &nbsp;&nbsp; <a href="https://twitter.com/Sabrieyes" target=_blank><img src="http://allaroundthegirl.files.wordpress.com/2012/11/tv-set-icon_twitter-bird.png" width="70" ></a> &nbsp;&nbsp; <a href="http://allaroundthegirl.com/feed" target=_blank><img src="http://allaroundthegirl.files.wordpress.com/2012/11/tv-set-icon_rss.png" width="70" ></a>
    Bonne journée ;)

  • Avatar de Inconnu

    C’est parfait !
    Merci et bonne journée ;-)

  • Avatar de Inconnu

    Hello à tous ! J’aimerais maintenant pouvoir aligner le bouton Twitter à coté du bouton RSS…
    J’ai essayé de bidouiller les codes HTML mais ce n’est vraiment pas mon fort…:-/

  • Avatar de Inconnu

    Aussi, pouvez-vous SVP tester si lorsque vous cliquez vous êtes bien redirigés vers les pages concernées? Plusieurs de mes contacts me disent que mes liens ne fonctionnent pas… (en particulier ceux de la barre du bas).
    Merci !

  • Avatar de Inconnu

    Bonjour,
    Je ne vois aucun bord, j’imagine que vous avez changé de thème / d’icônes
    Oui, vos liens mènent bien à destination (déconnectez-vous pour vérifier)
    NB poster sur un sujet [résolu] n’est pas le meilleur moyen d’introduire un problème différent (il n’est plus question d’alignement mais de bord d’image ;)

  • Avatar de Inconnu

    Bonjour Lilmaouz, je n’ai pas changé de thème mais j’ai effectivement oublié de vous préciser que vous deviez d’abord cliquer sur un article pour voir la sidebar.
    Une fois que vous aurez cliqué sur un article, sur la droite vous verrez mes 4 icônes dont celui de Youtube que je souhaite mettre à la ligne…
    Souaitez-vous que j’ouvre un nouveau sujet du coup?

  • Avatar de Inconnu

    Bonjour,
    Aucun bord visible, ni dans le pied de page (footer), ni dans la sidebar
    http://lilmaouz.files.wordpress.com/2012/12/demo.jpg (img provisoire)
    On parle bien de http://allaroundthegirl.com ?

    Votre lien youtube https://www.youtube.com/user/Allaroundthegirl est ok

    Souaitez-vous que j’ouvre un nouveau sujet du coup?
    Non, pour cette fois, laissons les choses en l’état (déjà bien avancé)

    Vérifiiez la mise à jour de votre navigateur http://browsehappy.com :)

  • Avatar de Inconnu

    Pardonnez-moi,j’ai confondu et mélangé (il faut le faite!) votre sujet et celui-ci
    https://fr.forums.wordpress.com/topic/probleme-image-avec-le-widget-texte

    Ma distraction atteint les sommets! Sur ce coup-ci, j’ai fait très fort (inoui :))

    <img src="http://allaroundthegirl.files.wordpress.com/2012/11/tv-set-icon_facebook.png" width="70"></a> <a href="https://twitter.com/Sabrieyes" target="_blank"><img src="http://allaroundthegirl.files.wordpress.com/2012/11/tv-set-icon_twitter-bird.png" width="70"></a> <a href="https://www.youtube.com/user/Allaroundthegirl" target="_blank"><img src="http://allaroundthegirl.files.wordpress.com/2012/11/tv-set-icon_youtube1.png" width="70"></a> <a href="http://allaroundthegirl.com/feed" target="_blank"><img src="http://allaroundthegirl.files.wordpress.com/2012/11/tv-set-icon_rss.png" width="70">

    J’

  • Avatar de Inconnu

    Pardonnez-moi,j’ai confondu et mélangé (il faut le faite!) votre sujet et celui-ci
    https://fr.forums.wordpress.com/topic/probleme-image-avec-le-widget-texte

    Ma distraction atteint les sommets! Sur ce coup-ci, j’ai fait très fort (inoui :))

    <img src="http://allaroundthegirl.files.wordpress.com/2012/11/tv-set-icon_facebook.png" width="70"></a> <a href="https://twitter.com/Sabrieyes" target="_blank"><img src="http://allaroundthegirl.files.wordpress.com/2012/11/tv-set-icon_twitter-bird.png" width="70"></a> <a href="https://www.youtube.com/user/Allaroundthegirl" target="_blank"><img src="http://allaroundthegirl.files.wordpress.com/2012/11/tv-set-icon_youtube1.png" width="70"></a> <a href="http://allaroundthegirl.com/feed" target="_blank"><img src="http://allaroundthegirl.files.wordpress.com/2012/11/tv-set-icon_rss.png" width="70">

    J’ai supprimé les (nbsp). Si vous ne parvenez pas à aligner malgré cela, c’est que l’espace disponible est trop étroit. Vous pouvez tenter de réduire la taille des images (68 au lieu de 70 par exemple). Encore toutes mes excuses!

  • Avatar de Inconnu

    Tout va bien, restons zen… Le coup est parti tout seul (de plus en plus navrée :))

  • Avatar de Inconnu

    J’étais un peu confuse mais maintenant tout est rentré dans l’ordre ! Merci beaucoup Lilmaouz ;-)

  • Le sujet ‘Aligner les widgets’ est fermé aux nouvelles réponses.