Question

在我花了一整天的时间来试图找到解决这个问题的方法后，我来这里寻求帮助。我正在努力让我的博客访客看到的第一页是一张全屏图片，点击后会将您链接到博客本身。我提出了一些可行的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弹出框（可能是报警器），但我需要一些帮助才能使它与上面的代码相同（或至少尽可能相似）。这就是你进入等式的地方。任何帮助将不胜感激，我的大脑已经油炸了

Answer 1

一种可能的解决方案：

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

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

您必须使用特定字标记每个帖子。例如，让我们使用博客（#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

在tumblr上的启动页面或弹出窗口

1 个答案:

示例HTML：

加成：