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"
  • KineKellyKineKelly
    Bonsoir,
    J'aimerais mettre un titre sur mes photos et non un descriptif en dessous. mais je voudrais continuer par passer par le module "image" à gauche, car je sais qu'on peut le faire en passant par la zone de texte. Je sais que c'est possible et je sais aussi que Iv-oam à la solution!, c'est mon petit doigt qui me l'a dit!! Alors Iv-oam si tu passes par ici ça m'aiderait beaucoup, et aussi toutes personnes qui sait, bien sûr!
  • KineKellyKineKelly
    Je ne dois pas être au bon endroit parce que c'est la solitude ici!!
  • HélèneMHélèneM
    KineKelly, les gens n'ont pas forcément ou le temps ou la réponse, il n'y a que des bénévoles ici. Tu as laissé ta demande hier, un peu de patience non ?

  • KineKellyKineKelly
    Ne t'inquiète pas Hélène, les bénévoles commencent à me connaitre et je commence à les connaitre aussi! c'était une petite boutade!!
  • KinouKinou
    Bonjour,
    en section "images" sais pas si c'est possible 
    Iv-oam aura peut-être une astuce  :D


    Pitchounne > ta question ne concerne pas ce fil, merci de poster sur le fil adéquat ou en ouvrir un autre.

  • BrigadesBrigades
    Bonjour, 
    A part ajouter du code en mode html, je ne vois pas comment faire. 
    Mais il y a de mémoire un fil qui en parle... Je compléterais mon post avec son adresse. 
  • BrigadesBrigades
    Bon, je n'ai pas trouvé, j'ai donc regardé mon blog et son album de test (en diaporama). 
    J'ai ce code : 
    <a style="visibility: visible; z-index: 1; transition: opacity 500ms ease-out 0ms; opacity: 1;" rel="fancybox" href="http://img.over-blog-kiwi.com/0/55/20/87/201305/ob_bff2993e1f5c1c8d9d605ecb6ea11a19_maison-moderne.jpg" class="ob-link-img"><img class="ob-cell ob-img ob-media" src="//img.over-blog-kiwi.com/600x450-ct/0/55/20/87/201305/ob_bff2993e1f5c1c8d9d605ecb6ea11a19_maison-moderne.jpg" alt="" style="position: absolute;"></a>
    C'est la partie rose qui nous intéresse, il suffit de la compléter comme ça : 
    <img class="ob-cell ob-img ob-media" src="//img.over-blog-kiwi.com/600x450-ct/0/55/20/87/201305/ob_bff2993e1f5c1c8d9d605ecb6ea11a19_maison-moderne.jpg" alt="BLABLA" title="BLABLA" style="position: absolute;">

  • KinouKinou

    En section "images" il n'y a pas de html, tu fais comment pour modifier cette ligne pour chaque photo ?


  • BrigadesBrigades
    C'est pas faux...   #-o
  • MaxMax
    Bonjour

    Il n'y a pas de solution parfaite car ce n'est pas prévu dans le système kiwi. A se demander pourquoi ? Il y avait une discussion à ce sujet en effet..

    La technique pas trop lourde que j'utilise est de transférer la description dans l'attribut alt


    Dans le code du thème, cela consiste à remplacer {{Post.Body}} par le code suivant

    {% 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 %}

      {% if Section.Description %}
                <p class="ob-desc">{{Section.Description}}</p>
            {% endif %}
            </div>
        {% else %}
                {{Section.Body}}
        {% endif %}
    {% endlist %}

  • KineKellyKineKelly
    Merci, merci pour toutes vos réponses, je m'attaque à ce travail et je reviens vous dire si ça marche ;)
Rédiger un commentaire