web-dev-qa-db-fra.com

Essayer de faire fonctionner les blocs Tumblr en ligne

J'essaie de faire en sorte que les blocs de publication Tumblr Photo "Légende", "Tags" et "Date" apparaissent en ligne.

J'ai essayé plusieurs façons mais je suis resté bloqué, car le bloc "Caption" refuse de travailler en ligne et semble aimer être sur sa propre ligne.

Le blog est: http://holidaytim.tumblr.com/ . (Ignorez les bordures colorées, c'est juste pour ma référence.)

J'ai ajouté le bloc suivant:

{block:post_Text}

    <ul class="postText">

        {block:Caption}
        <li class="postText"> {Caption} </li>
        {/block:Caption}

        {block:Date}
        <li class="postText"> {DayOfWeek} </li>
        {/block:Date}

        {block:Date}
        <li class="postText"> {DayOfMonth} </li>
        {/block:Date}

        {block:Date}
        <li class="postText"> {Month} </li>
        {/block:Date}

        {block:Date}
        <li class="postText"> {Year} </li>
        {/block:Date}

        {block:Tags}
        <li class="postText"><a href="{TagURL}">{Tag}</a></li>
        {/block:Tags}

    </ul>

{/block:post_Text}

Avec les déclarations CSS suivantes:

ul.postText {
    border: 1px solid red;
}

li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: left;
}

li.postText {
    display: inline;
    border: 1px solid green;
}

Toute aide serait appréciée.

tumblr
2
Tim Fletcher

Les modifications de code de légende dans un paragraphe (les légendes peuvent être de plusieurs lignes)

li.postText p {
    display: inline;
}
1
phwd