造型tumblr博客评论 [英] Styling tumblr reblog comments

问题描述

我到处都在寻找这个，没有运气！我希望你们能帮我这个忙:)

I've looked everywhere for this, with no luck! I hope you guys can help me with this :)

我正在制作一个自定义的tumblr主题，但我不喜欢它的一件事，即tumblr以表格方式显示其帖子评论.我的意思是这样的:

I'm making a custom tumblr theme, but one thing that I don't like it the tabular way tumblr displays its post comments. What I mean is specifically this:

在tumblr主题的代码中，实际上并没有对这些注释的呈现进行特定的调用，大多数情况下，这只是帖子正文，图片标题等的一部分.我知道字符串是呈现为块引号，因此，通过为此创建自定义CSS，我可以稍微更改外观.

In the code for the tumblr theme, there isn't really a specific call to the rendering of these comments, most of the time it's just part of the post body, the picture caption, etc. I know that the strings are rendered as block quotes, so by creating custom css for that I can change the appearance a little bit.

但是我主要要做的是删除嵌套，以便添加注释的人的名字始终由注释本身决定，并且从上到下，从最旧的到最新的.例如，我希望上面的reblog列表呈现为:

But the main thing i want to do is remove the nesting, so that the name of whoever added the comment is always by the comment itself and it's goes from top to bottom, oldest to newest. For example I would like the above reblog list to be rendered as:

    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

这种事情可能吗?以及我将如何处理?

Is this kind of thing possible? and how would I go about it?

推荐答案

要添加到我的评论中，前段时间，我写了一些CSS来重设一些默认的tumblr样式以用于重博客.这些通常是缩进的blockquote元素.

To add to my comments, some time ago I wrote some css which resets some of the default tumblr styling for reblogs. These are often indented blockquote elements.

这是我的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;
}

这可能看起来有些矫kill过正(可能超出了您的需要)，但是我发现，当人们回复tumblr或reblog上的帖子并添加评论时，可以从另一个应用程序中剪切和粘贴将保留格式和html元素，因此我花了一些时间来识别变体，然后重置它们，我不得不继续添加到此CSS列表中.

It might look like overkill (and it might be more than you need), but what I found was that when people reply to a post on tumblr or reblog and add comments, it is possible to cut and paste from another application which will preserve formatting and html elements, so it took me some time to identify the variants and then reset them, I had to keep adding to this list of css.

这应该是一个好的开始.

It should be a good start though.

这篇关于造型tumblr博客评论的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！