0

我决定为我的自定义 tumblr 主题设定一个更困难的目标，我想让每个帖子都有一个背景图片，就像在其他主题中一样，每个主题都设置在一个盒子里，我想知道是否有是一种将那个盒子变成图像的方法。

我已经摆弄了现成的主题，看看我是否可以复制我想要的部分，但我无法识别指示这一点的代码，我也不确定这些主题甚至实现了我想要的东西类型去做。

我无法找到与我类似的问题（如果有，请随时向我指出他们的方向）

除此之外，它是一个相当简单的 2 列主题。

有任何想法吗？

4

1 回答 1

0

您将不得不详细说明您的问题，以便我们可以专门为您提供帮助，但是从过去创建 tumblr 主题开始，最简单的方法是将每个帖子放在自己的位置DIV并为其分配 CSS，如下所示

主题代码

<div id="post">
 {block:Posts}
                {block:Text}
                    <li class="post text">
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        {Body}
                    </li>
                {/block:Text}

                {block:Photo}
                    <li class="post photo">
                        <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Photo}

                {block:Panorama}
                    <li class="post panorama">
                        {LinkOpenTag}
                            <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
                        {LinkCloseTag}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Panorama}

                {block:Photoset}
                    <li class="post photoset">
                        {Photoset-500}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Photoset}

                {block:Quote}
                    <li class="post quote">
                        "{Quote}"

                        {block:Source}
                            <div class="source">{Source}</div>
                        {/block:Source}
                    </li>
                {/block:Quote}

                {block:Link}
                    <li class="post link">
                        <a href="{URL}" class="link" {Target}>{Name}</a>

                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}
                    </li>
                {/block:Link}

                {block:Chat}
                    <li class="post chat">
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        <ul class="chat">
                            {block:Lines}
                                <li class="{Alt} user_{UserNumber}">
                                    {block:Label}
                                        <span class="label">{Label}</span>
                                    {/block:Label}

                                    {Line}
                                </li>
                            {/block:Lines}
                        </ul>
                    </li>
                {/block:Chat}

                {block:Video}
                    <li class="post video">
                        {Video-500}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Video}

                {block:Audio}
                    <li class="post audio">
                        {AudioPlayerBlack}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Audio}
            {/block:Posts}
</div>

CSS

#post {

background-image:url('paper.gif');

}

正如我所说，我希望这可以对你有所帮助，但如果你没有更具体，这很难。

如果您在主题上遇到困难，您可以随时返回此处，发布您的代码或访问此链接：创建自定义 HTML Tumblr 主题

于 2013-09-17T06:44:54.943 回答