Besoin d'aide ? Vous pouvez Consulter le Support ou


Forums WordPress.com en français » Soutien

Problème image avec le widget "Texte

  1. nashdrell
    Membre

    Bonjour,

    J'ai insérer des icones de réseaux sociaux dans mon widget texte "Franzenlive" dans la barre de droite de mon blog.

    Le problème et que je n'arrive pas à centrer ces images sur une ligne. Actuellement, elles sont l'une en dessous de l'autre.

    Voici ce à quoi ressemble actuellement ce que j'ai fait :

    <p style="text-align:justify;">Franz en Live c'est le site de référence français pour les fans de Franz Ferdinand. Retrouvez tous les jours l'actualité du groupe et venez partager vos impressions avec la communauté francophone des fans de Franz Ferdinand.
    <img class="aligncenter size-full wp-image-162" title="Page Facebook" alt="" src="http://franzenlive.files.wordpress.com/2012/11/facebook.png" height="32" width="34" />
    <img class="aligncenter size-full wp-image-162" title="Page Twitter" alt="" src="http://franzenlive.files.wordpress.com/2012/11/twitter.png" height="32" width="34" />
    <img class="aligncenter size-full wp-image-162" title="Flux RSS" alt="" src="http://franzenlive.files.wordpress.com/2012/11/rss.png" height="32" width="34" /></p>

    Pouvee-vous m'aider ?

    L'adresse du blog concerné est franzenlive.com.

  2. lilmaouz
    Membre

    Bonjour,
    aligncenter signifie au système qu'il doit centrer quelque chose. Si cette précision concerne le code de chaque image, chacune sera centrée comme vous le demandez.
    De plus, si vous faites un report "à la ligne" dans un widget texte, il opère de la même manière qu'il le ferait pour un texte: il suit vos instructions ;)

    <p style="text-align:justify;">
<strong>Franz en Live</strong> c'est le site de référence français pour les fans de <strong>Franz Ferdinand</strong>. Retrouvez tous les jours l'actualité du groupe et venez partager vos impressions avec la communauté francophone des fans de <strong>Franz Ferdinand</strong>.</p>
<p style="text-align:center;">
<img title="Page Facebook" src="http://franzenlive.files.wordpress.com/2012/11/facebook.png" width="32"/>   <img title="Page Twitter" src="http://franzenlive.files.wordpress.com/2012/11/twitter.png" width="32"/>   <img title="Flux RSS" src="http://franzenlive.files.wordpress.com/2012/11/rss.png" width="32"/>
</p>

  3. lilmaouz
    Membre

    Oh doux Jésus, il y a une petite lacune :D
    Il faut ajouter l'url du lien devant chaque image ^^
    Attendrez, je viens les chercher chez vous et je recommence
    (il faut placer les codes entre deux accents graves sur le forum, sinon la moitié des informations sont englouties et c'est le grand… n'importe quoi :)

    …J'arrive...

  4. lilmaouz
    Membre
     

    <p style="text-align:justify;">
<strong>Franz en Live</strong> c'est le site de référence français pour les fans de <strong>Franz Ferdinand</strong>. Retrouvez tous les jours l'actualité du groupe et venez partager vos impressions avec la communauté francophone des fans de <strong>Franz Ferdinand</strong>.</p>
<p style="text-align:center;">
<a href="http://facebook.com/franzferdinandfrance"><img title="Page Facebook" src="http://franzenlive.files.wordpress.com/2012/11/facebook.png" width="32"/>   <a href="http://twitter.com/franzenlive"><img title="Page Twitter" src="http://franzenlive.files.wordpress.com/2012/11/twitter.png" width="32"/>   <a href="http://franzenlive.com/feed"><img title="Flux RSS" src="http://franzenlive.files.wordpress.com/2012/11/rss.png" width="32"/>
</p>

  5. nashdrell
    Membre

    Super ça fonctionne merci beaucoup.

    Pour terminer je trouve que l'espace entre mon widget "Texre" et mon widget "Newsletter" est plus grand comparé aux écarts entre les autres widget ... Y a-t-il une possibilité pour remédier à cela ?

  6. lilmaouz
    Membre

    Non, erreur de ma part (quelle belle journée ^^) Je viens de tester: le report à la ligne pour les images n'est pas appliqué. Vous pouvez donc bien marquer ce report, pour plus de facilité lorsque vous voudrez ajouter d'autres icônes, ou pour y voir plus clair, tout simplement. Voilà le bon code (j'espère :)

    <p style="text-align:justify;">
<strong>Franz en Live</strong> c'est le site de référence français pour les fans de <strong>Franz Ferdinand</strong>. Retrouvez tous les jours l'actualité du groupe et venez partager vos impressions avec la communauté francophone des fans de <strong>Franz Ferdinand</strong>.
</p>
<p style="text-align:center;">
<a href="http://facebook.com/franzferdinandfrance"><img title="Page Facebook" src="http://franzenlive.files.wordpress.com/2012/11/facebook.png" width="32" /></a> 
<a href="http://twitter.com/franzenlive"><img title="Page Twitter" src="http://franzenlive.files.wordpress.com/2012/11/twitter.png" width="32" /></a> 
<a href="http://franzenlive.com/feed"><img title="Flux RSS" src="http://franzenlive.files.wordpress.com/2012/11/rss.png" width="32" /></a> 
</p>

  7. nashdrell
    Membre

    Je confirme ça fonctionne merci beaucoup !

  8. lilmaouz
    Membre

    Chouette! Avec plaisir ;)

    Petit truc toujours bon à savoir (valable pour tout, images ou texte)
    Pour augmenter l'espace entre les icônes, multiplier les non breaking spaces
    </a>    (par ex) plutôt que </a>  dans ce cas précis

  9. nashdrell
    Membre

    Merci de l'astuce !

    En ce qui concerne ma dernière question :

    Pour terminer je trouve que l'espace entre mon widget "Texre" et mon widget "Newsletter" est plus grand comparé aux écarts entre les autres widget ... Y a-t-il une possibilité pour remédier à cela ?

    Avez vous une solution ?

  10. lilmaouz
    Membre

    Pour terminer je trouve que l'espace entre mon widget "Texte" et mon widget "Newsletter" est plus grand comparé aux écarts entre les autres widgets ... Y a-t-il une possibilité de remédier à cela ?

    Non, impossible. J'ai jeté un coup au code source, c'est un paragraphe caché ;)

  11. nashdrell
    Membre

    Très bien ce n'est pas grave !

    Merci de votre aide en tout ca à bientôt :)

  12. lilmaouz
    Membre

    (pour info: ce paragraphe caché concerne les métadonnées de souscription (Newsletter). C'est au dessus de ce widget que cet espace est dispensé. Si vous le placez en 1e position, ce sera plus discret) Toujours avec plaisir ;)

  13. lwosan
    Membre

    Salut !

    Je vous écris en espérant que quelqu'un pourra m'aider.

    J'ai inséré des icônes de média sociaux dans le widget texte HTML.

    Souci : il y a une bordure autour de chaque icône, sauriez-vous comment remédier à ça ?

    Merci d'avance pour votre aide ! ;)

  14. lwosan
    Membre

    Voici le code HTML en question :

    <img src="http://darifton.files.wordpress.com/2012/11/youtube2.png" border="0">
    <img src="http://darifton.files.wordpress.com/2012/11/facebook5001.png" border="0">
    <img src="http://darifton.files.wordpress.com/2012/11/twitter1.png" border="0">

  15. lilmaouz
    Membre

    Bonjour,
    Il n'y a pas moyen de supprimer ces petits bords, navrée
    Live Demo Thème Forever http://foreverdemo.wordpress.com
    Toutes les images sont ainsi bordurées sur le thème
    http://foreverdemo.wordpress.com/2012/01
    C'est le choix de son concepteur. Bonne journée :)

Le sujet est fermé.

Ce sujet est fermé.

A propos de ce Sujet

Tags