Tumblr照片帖标题定位

时间:2013-07-05 08:11:03

标签: css post photo tumblr caption

我希望有人可以帮助解决以下问题...

我已经设置了一个Tumblr博客,我将定期发布照片集。 我想写一套简短的描述。我可以做这个 位于图像下方的标题字段内。这个问题 这是当在帖子中包含多个图像时的描述 将丢失在所有图像下方的底部。

之前,我希望标题位于帖子的顶部 这些图像使观众可以先阅读说明。

这是博客的链接,虽然现在是空的,但我已插入测试 发布以显示信息的显示方式。黑块 表示图像集,在标题字段中输入“即将推出”。

http://rg-e.tumblr.com/

非常感谢任何想法/指导。

感谢。

2 个答案:

答案 0 :(得分:3)

需要查看主题代码以向您提供详细信息,但您只需移动{block:Caption}呈现的位置。

一个例子:

{block:Photoset}
    {block:Caption}{Caption}{/block:Caption}

    {Photoset-500}
{/block:Photoset}

这会将照片集的标题置于之上

答案 1 :(得分:0)

只是为了扩展graygimore的答案 - 更改{block:Caption}的位置 - 这是我从自定义tumblr主题修改的确切代码。做了一个款待。

再次感谢。

{block:Photo}
                    <section class="caption group">
                                {block:Caption}
                                    <div class="cont">{Caption}</div>
                                {/block:Caption}
                                {block:ContentSource}
                                    <div class="cont content_source">
                                        <a href="{SourceURL}">
                                            {lang:Source}:
                                            {block:SourceLogo}
                                                <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
                                            {/block:SourceLogo}
                                            {block:NoSourceLogo}
                                                {SourceTitle}
                                            {/block:NoSourceLogo}
                                        </a>
                                    </div>
                                {/block:ContentSource}
                            </section>
                        <section class="top media" style="display:block;">
                             {LinkOpenTag}<img src="{PhotoURL-HighRes}"> {LinkCloseTag}{Question}
                        </section>
                    {/block:Photo}