造型tumblr reblog评论

时间:2014-09-09 04:49:33

标签: css customization tumblr tumblr-themes

我到处寻找这个,没有运气!我希望你们能帮我这个:)

我正在制作一个自定义的tumblr主题,但有一点我不喜欢它以tumblr显示其帖子评论的表格方式。我的意思是具体的这个:

enter image description here

在tumblr主题的代码中,没有真正特定的调用这些注释的渲染,大多数时候它只是帖子正文的一部分,图片标题等。我知道字符串是呈现为块引号,因此通过创建自定义css,我可以稍微改变外观。

但我想要做的主要是删除嵌套,这样添加评论的人的名字总是由评论本身,它从上到下,从最旧到最新。例如,我希望将上面的reblog列表呈现为:

    unicornhairs: her suit tho omg
    bakinginthebatcave: I love wedding photos of strangers. I don't even know you but I'm so happy that you're happy and you look so lovely and it's so wonderful and affirming somehow. I don't know. Wedding photos make me happy. 
    rainbowrowell: Does her suit have stripes down the inside of the legs? REVERSE HAN SOLO.
    bookoisseur: oh i love this
I frickin love these kinds of weddings <3

这种事情有可能吗?我该怎么办呢?

1 个答案:

答案 0 :(得分:-2)

为了添加我的评论,前段时间我写了一些css,它重置了一些针对reblogs的默认tumblr样式。这些通常是缩进的blockquote元素。

这是我的css:

#header p, 
.post .sidebar p, 
.post h2, 
.post h3, 
.post strong, 
.post b, 
.post small, 
.post p, 
.post blockquote, 
.post ul, 
.post ol, 
.post .quote, 
.post .quote .quote, 
.post .conversation ul li, 
.description, 
 #footer .footer, 
 #footer .description p, 
 #footer h2 {
    font-size: 12px;
    font-weight: normal;
    line-height: auto;
}

.post p, 
.post blockquote, 
.post ul, 
.post ol {
    border-left: none;
    padding: 0;
    margin: 0;
}

它可能看起来有点矫枉过正(可能比你需要的多了),但我发现当人们回复tumblr或reblog上的帖子并添加评论时,可以从另一个应用程序剪切和粘贴。将保留格式和html元素,所以我花了一些时间来识别变种,然后重置它们,我不得不继续添加到这个CSS列表。

这应该是一个好的开始。