【问题标题】:Tumblr photo post caption positioningTumblr 照片帖子标题定位
【发布时间】:2013-07-05 08:11:03
【问题描述】:

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

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

我希望将标题置于帖子顶部,之前 图片以便观众可以先阅读说明。

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

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

任何想法/或指导将不胜感激。

谢谢。

【问题讨论】:

    标签: css post photo tumblr caption


    【解决方案1】:

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

    一个例子:

    {block:Photoset}
        {block:Caption}{Caption}{/block:Caption}
    
        {Photoset-500}
    {/block:Photoset}
    

    这会将照片集的标题放在照片集的上方

    【讨论】:

    • 太棒了,我会调查一下。
    • 没问题!如果我解决了您的问题,请点击旁边的复选框 - 谢谢!
    【解决方案2】:

    只是为了扩展 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}
    

    【讨论】:

      猜你喜欢
      • 2015-01-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-10
      • 1970-01-01
      • 2013-08-10
      • 1970-01-01
      • 2014-07-21
      相关资源
      最近更新 更多