Question

尝试使用标签对tumblr帖子进行不同的设置。

虽然已经有了这个问题的答案，但我已经在互联网上阅读并尝试了这个问题的每一个版本都无济于事。

问题1：如果没有标有“发布”标签的基本帖子就会消失

问题2：帖子在整个主页中到处都是错位的

问题3：并非所有标签样式都会锁定其样式（不透明度，颜色，边框等）

到目前为止，这是我能够得到的最接近的 -

我首先编辑HTML标记，如下所示：

{block:Photo}<div class="{tagsasclasses}">{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}<img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:indexpage}width="240px"{block:indexpage}/>{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{block:ifnotshowcaptions}{Caption}<br>{/block:ifnotshowcaptions}Posted {TimeAgo} with {NoteCountWithLabel}<br> {block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags}{/block:HasTags}{/block:PermalinkPage}{block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}</div>{/block:Photo}

然后我进入CSS并为TAGSTYLE1添加一些看起来像这样的东西，这与现有主题的.Post和.Post IMG完全相同，仅改变了边框颜色。

.TAGSTYLE1{

    {block:indexpage}
    width:250px; 
    margin:25px;
    {block:iftwocolumns}
    margin:15px;
    width:300px;
    {/block:iftwocolumns}
    {/block:indexpage}
    {block:permalinkpage}
    width:500px;
    text-align:left;
    margin:auto;
    {/block:permalinkpage} 
    float:left; 
    position:relative; 
    font-size:{text:post font size}px;
    font-color:{color:text};
    }

.TAGSTYLE1 img {
    opacity:0.87; 
     border:12px solid #E0EAFF
    ;   position:relative; }
    {block:indexpage}
    width:250px;
    {block:iftwocolumns}
    width:300px;
    {/block:iftwocolumns}
    {/block:indexpage}
    {block:ifImageShadows}
    z-index 
    -webkit-box-shadow: inset 1em 1em 1em -1em rgba(0,0,0,0.3); 
    -moz-box-shadow: inset 1em 1em 1em -1em rgba(0,0,0,0.3); 
    box-shadow: inset 1em 1em 1em -1em rgba(0,0,0,0.3);
    {/block:ifImageShadows}

    }

使用标签作为Tumblr上的类定义每个帖子的样式

0 个答案: