Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur notre base de connaissances avant de poster une demande sur le forum.
***[RÉSOLU] centrage photos
  • MaxMax
    CSS = style, apparence du blog

    Tu as déjà ajouté des lignes de CSS dans le code du thème, par exemple pour le repost. Ajoute la ligne pour centrer les images

    /*---personnalisation--*/
    .ob-share {display:none;}
    .ob-admin-toolbar .lnk_repost{display:none;}
    .CtreTexte {margin: auto; display: block; width: auto;}


    Après

    1) éditer l'article
    2) cliquer en bas de la section sur "basculer vers le mode HTML" pour voir le code HTML
    3) modifier le code HTML des images 

    Le code est compliqué car l'éditeur d'overblog est mal fait /:)
  • charisma45charisma45
    Ok c 'est donc un miracle que j'ai pu avoir des réponses depuis le début car j'ai toujours regardé dans toutes les discussions. c'est donc la preuve que j'ai toujours eu mes réponses rapidement, donc merci.
  • charisma45charisma45
    CSS = style, apparence du blog

    Tu as déjà ajouté des lignes de CSS dans le code du thème, par exemple pour le repost. Ajoute la ligne pour centrer les images

    /*---personnalisation--*/
    .ob-share {display:none;}
    .ob-admin-toolbar .lnk_repost{display:none;}
    .CtreTexte {margin: auto; display: block; width: auto;}


    Après

    1) éditer l'article
    2) cliquer en bas de la section sur "basculer vers le mode HTML" pour voir le code HTML
    3) modifier le code HTML des images 

    Le code est compliqué car l'éditeur d'overblog est mal fait 

    Ok pour le css, c' est fait
    en ce qui concerne la photo, dois-je remplacer la totalité de la ligne 29 par

    <p><img alt="Geraudot 01" class="CtreTexte" height="224" src="http://img.over-blog.com/300x224/2/58/68/53/France/Champagne-Ardennes/Geraudot-01.JPG"></p>
  • charisma45charisma45
    Autre question:

    Dois-je comprendre que maintenant sur les nouveaux articles les photos seront toujours centrées?
    Est ce que la modif faite dans le CSS aurait du centrer toutes les photos des articles provenants de l'ancien OB.
  • MaxMax
    Pour les anciens articles c'est avec la classe CtreTexte
    Pour les nouveaux, l'image peut être centrée dans une section en ajoutant côté css
    .ob-row-1-col img{margin:auto, display:block; width: auto; max-width:100%;}
  • charisma45charisma45
    Bonjour

    Ok j' ai réussi à remettre cette photo en place. Reste à savoir si je saurai le refaire seule si une autre photo récalcitrante vient à se présenter. Merci encore

    Pourquoi le HTML de la photo migrée de l'ancien OB est aussi énorme par rapport à la petite phrase que tu m'a indiquée???

    Cordialement
    Charisma45
  • DadErellDadErell
    Une astuce trouvée par hasard pour centrer des images dans des sections "converties en mode HTML"
    J'utilise le thème Nullified.
    Pour centrer des images, j'utilise le module "converti en section HTML", j’insère une image à l'aide de son URL (image donc stockée ailleurs), je mets le curseur tout de suite après l'image (collé à droite de l'image - normalement il s'y trouve dès la validation de l'URL), je clique sur l'icone "Centrer" qui est alors accessible, et l'image est centrée.
    Pas besoin de modifier le code HTML.
  • Maman-c-boMaman-c-bo
    Help!

    J'ai lu la discussion mais j'ai rien compris... peut être que cela ne s'adresse pas complètement à mon cas?

    Je n'ai pas migré, mon blog est récent et a été créé avec la nouvelle plateforme directement. J'ai pris le thème kiwi qui je crois est celui qui offre le plus de possibilités de modifications.
    Lorsque je crée un article (ou une page), quand je veux insérer une photo j'utilise la section image et je ne vois pas comment je peux centrer mon image...

    par exemple ici:

    j'aimerai que l'image soit centrée, comment puis-je faire (si il y a une méthode simple ça m'arrangerai, je suis pas une lumière en informatique)
    d'avance merci!
  • Maman-c-boMaman-c-bo
    la seule solution qui me semblait à peu près claire (pour mon petit niveau en informatique) était de cliquer sur "convertir en HTML" en bas de ma section et d'entourer l'adresse de mon image des balises <center> </center>... d'ailleurs c'est toi qui donnait cette solution.
    sauf que dans la section image il n'y a pas le bouton convertir en HTML et que IV OAM dit dans le post suivant le tien que les balises center ne fonctionnent plus...

    les autres messages désolée mais c'est du chinois.... à moins qu'une bonne âme puisse me faire un "pas à pas"?
  • Maman-c-boMaman-c-bo
    j'ai fait quelques essais mais je n'arrive pas à un résultat convainquant...

    en section texte:
    je peux importer une image depuis mon ordinateur (choisir un fichier) par contre dans les options à choisir je suis limitée à aligner à droite ou à gauche par rapport au texte: si il n'y a pas de texte impossible de valider la section! (j'ai essayer avec des espaces ou des sauts de ligne mais ça ne marche pas) par ailleurs si j'essaye de "convertir en HTML" je passe en fait dans un premier temps avec la section "mise en page" et... l'image chargée disparaît!

    en section "mise en page"
    impossible de charger directement une image: il faut obligatoirement donner une URL... pour mon essai j'ai repris l'image que j'avais publié dans un article précédent mais si c'est une image qui vient de mon ordi je ne sais pas comment faire pour avoir une URL: pas très pratique!
    par contre, la section mise en page accepte que l'on mette seulement une image dedans sans aucun texte et il est possible de centrer l'image. Mais, autre inconvénient: l'image n'est pas "reconnue" comme image car dans le résumé de la page d'accueil, elle n'apparaît (à gauche en petit avec la date)...

    je vois pas ce que je peux essayer  d'autre... des idées? please...
    merci d'avance!
Rédiger un commentaire

Bienvenue sur le forum !

Si vous souhaitez rejoindre la communauté, cliquez sur l'un de ces boutons !

Catégories

In this Discussion