0

在花了我一整天的时间试图想出解决这个问题的方法后，我来到这里寻求帮助。我正在尝试使我博客的访问者看到的第一页是一张全屏图片，单击该图片时，会将您链接到博客本身。我想出了一些有效的 CSS 代码，但它改变了整个主题，因此改变了整个博客（tumblr 很奇怪）。这是代码：

    <!DOCTYPE html>
    <html>
        <head>
            <style>
                div.tioad {
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    }
            </style>
        </head>
        <body>
            <div class="tioad">
                <a href="index.php"><img src="image.jpg" width="100%" height="100%">
                </a>
            </div>
        </body>
    </html>

由于 tumblr 上的主页必须是博客，因此无法使用自定义主题创建另一个页面，然后链接回博客。我希望你明白我的意思。

现在我一直在寻找更多解决方案，发现我可以制作一个 javascript 弹出框（可能是警报框），但我需要一些帮助才能使其与上面的代码相同（或在尽可能地相似）。这就是你进入等式的地方。任何帮助将不胜感激，我的大脑已经炸了

4

1 回答 1

0

一种可能的解决方案：

您可以结合使用主题块和帖子标签。以下是参考资料：

  1. {block:IndexPage} {/block:IndexPage}- http://www.tumblr.com/docs/en/custom_themes#basic_variables
  2. {block:PermalinkPage} {/block:PermalinkPage}- http://www.tumblr.com/docs/en/custom_themes#basic_variables
  3. {block:TagPage} {/block:TagPage}- http://www.tumblr.com/docs/en/custom_themes#tag-pages
  4. Post Tags- http://www.tumblr.com/docs/en/using_tags

您必须用特定的单词标记每个帖子。例如，让我们使用blog(#blog)。

示例 HTML：

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        {block:Posts}
        {block:IndexPage}
        <a href="http://username.tumblr.com/tagged/blog">
            <img src="someimage.jpg" alt="somealtag" />
        </a>
        {/block:IndexPage}
        {block:TagPage}
        <!-- Add #blog Index Page Here -->
        {/block:TagPage}
        {block:PermalinkPage}
        <!-- Add #blog Permalink Page Here -->
        {/block:PermalinkPage}
    </body>
</html>

奖金：

最后，您可以利用页面功能 ( http://www.tumblr.com/docs/en/pages ) 并设置重定向页面 ( http://www.tumblr.com/docs/en/pages#redirect )：

http://username.tumblr.com/blog

于 2013-07-11T21:52:23.763 回答