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] Twentyeleven : Mettre un titre sur mes photos, en section "images"
  • <div class="body">
    {% if isSingle or Custom('display_mode') == 'All' %}
    {{ Post.Body }} :-bd


    C'est le Post.Body (corps de l'article) à remplacer.
    Celui qui suit ({{ Post.Body(Custom('display_mode')) }}) correspond au mode résumé

  • sur le code que tu viens de mettre ici je vois bien {{ Post.Body }}

    <div class="body">
    {% if isSingle or Custom('display_mode') == 'All' %}
    {{ Post.Body }}
    {% elseif not isSingle and Custom('display_mode') != 'Summary' and Custom('display_mode') != 'All' %}
    {{ Post.Body(Custom('display_mode')) }}
    {% else %}
    {% if Post.Cover is not empty or Custom('post_cover') is not empty %}
        <div class="post-cover">
        <a href="{{ Post.Permalink }}" title="{{ Post.Snippet }}">
    <img
    src="{% if Post.Cover is not empty %}{{ Post.Cover|resize(582,288)|crop
    }}{% else %}{{ Custom('post_cover')|resize(582,288)|crop }}{% endif %}"
    alt="" title="" width="582" height="288" />
    </a>
    </div>

    _____________________

    tu le supprime et tu le remplace par le code d'iv-oam , (juste le petit bout de code {{ Post.Body }}   )
  • Chouette, je chauffe! mais j'ai remplacé uniquement {{ Post.Body }}
    par ton code et quand je visualise, cela fait disparaitre toutes mes images!:-/
    Bon, je refais un essai
  • pour que le texte apparaisse au survol de la souris, il faut penser a ajouter une description à ton image quand tu la télécharge dans une section image.
  • Cela me donne ça, mais mes images disparaissent,

    <div class="body">
    {% if isSingle or Custom('display_mode') == 'All' %}
    {% list Post.Sections %}
        {% if Section.Type == 'images' and Section.Layout == 0 %}
            <div class="ob-section ob-section-images ob-default">
                {% list Section.Images %}
                    <div class="ob-row-1-col">
                        <a href="{{Image.Url}}" class="ob-link-img" rel="fancybox"><img src="{{Image.Url}}" title = "{{Section.Description}}" alt = "{{Section.Description}}" class="ob-cell ob-img ob-media"></a>
                    </div>  
                {% endlist %}
            </div>
            {% if Section.Description %}
                <p class="ob-desc">{{Section.Description}}</p>
            {% endif %}
        {% else %}
                {{Section.Body}}
        {% endif %}
    {% endlist %}
    {% elseif not isSingle and Custom('display_mode') != 'Summary' and Custom('display_mode') != 'All' %}
    {{ Post.Body(Custom('display_mode')) }}
    {% else %}
    {% if Post.Cover is not empty or Custom('post_cover') is not empty %}
  • Mehdi > dans ce cas, le fin du fin serait de supprimer la description sous l'image qui fait double emploi   :)
    au boulot Iv-Oam  O:-)
  • oui mais le souci c'est que le code d'iv-oam reprends la description comme atribut "alt"en fait...ce qui permet d'avoir une description et attribut alt différents pour chaque image.

    on ne peut pas mettre dans le css un titre de description identique pour toutes les images.

    ce n'est qu'une solution alternative pour palier l'absence d’attribut alt mais elle n'est pas parfaite à 100% (au moins on a l’attribut et donc google référencera)
  • si on écris pas de description, on ne verra pas l’attribut alt au survol de l'image
  • En effet, il faut mettre les deux! mais je reste bloquée, je dois faire une erreur quelque part.
  • En conclusion, iI serait temps qu'OB se bouge  et pense un peu à ses blogueurs :-L  au lieu de ne penser qu'à ça   $-)