amor ensina a fazer isso? static(.)tumblr(.)com/mmrynko/1iVm4dq0x/kkljl(.)png eu já segui aquele tuto que tem aqui, de só colocar um código no css, mais não adianta o permalink não aparece D: ai ensina a colocar as duas caixinhas...
No tthy esta assim essa parte:
Bom, tudo começa com o block de postagem, certo? Ou seja, {block:Posts}. Dai fica assim teus códigos:
{block:Posts}
o resto das postagem
{/block:Posts}
Então, antes do {/block:Posts} eu coloco:
{block:PostNotes}
<div class="caixa">
<div class="extra"><img src="http://static.tumblr.com/wa79tuo/3OKm1iuvh/clock.png" class="user"> {block:RebloggedFrom} <a href="{ReblogParentURL}"> Via,</a> <a href="{ReblogRootURL}"> From,</a> {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" target=blank> Source </a>. {/block:ContentSource} </div>
<div class="extra">
<img src="http://static.tumblr.com/wa79tuo/3OKm1iuvh/clock.png" class="user"> {DayOfMonth},<b> {Month}</b> de {Year}<br>
</div>
<div class="extra">
<img src="http://static.tumblr.com/wa79tuo/YzBm1iuyx/tag.png" class="user"> {block:HasTags}{/block:HasTags}
<span style="width:auto;">
{block:HasTags}
{block:Tags}
<a class="tag" href="{TagURL}">{Tag}</a>
{/block:Tags}
{/block:HasTags}</span>
<br>
</div>
<div class="extra">
<img src="http://static.tumblr.com/wa79tuo/MiZm1iv2y/heart.png" class="user">{NoteCount}
</div>
</div><br>
<div class="caixa">
{PostNotes}
</div>
{/block:PostNotes}
O {PostNotes} é o que faz aparecer esse liked bla bla reblogged bla bla. Então, eu separei a parte do permalink, que é onde tem os notes, data, via, from e source com uma caixa. E em {PostNotes} eu coloquei outra caixinha, deixando separadinho.
CSS:
/*** Notes enfeitados por things-to-help-you ******/
ol.notes { display : block;border-left : 1px solid #fae2e8;background-repeat : no-repeat;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: #e4edf0; list-style-type: none; font-size: 10px;}
ol.notes li.note {border-top: solid 1px #fff; padding: 4px;}
ol.notes li.note img.avatar {display: none;}
ol.notes li.note span.action {font-weight: none;}
ol.notes li.note .answer_content {font-weight: normal;}
ol.notes li.note blockquote {display: none;}
ol.notes li.note blockquote a {text-decoration: none;}
ful { list-style: none; }
ol { list-style-position: inside; }
* { margin: 0; padding: 0; outline: none; }
.caixa {overflow: hidden;background: #fff; padding: 7px;
font-family: Verdana, Geneva, sans-serif;
color: #888888;text-align: justify;outline: 0px solid #; margin-bottom: 0px;}
.extra {border-left: 4px solid #fcf378; display : block;border-bottom : 0px solid #fff;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: #e8edf0; line-height: 18px;}
.extrass {border-left: 4px solid #d2d69c; display : block;border-bottom : 1px solid #d4c8da;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: #eadaf2; line-height: 18px;}
.extra a {padding-right: 6px; color: #80acb9; border-right: dotted 1px #e7daee; text-shadow: 1px 1px 1px #;}
Quando coloco o css do ul.notes, vai aparecer coloridinho do jeito que quero. Do jeito que eu quiser. Esse ol.notes é a div certa do tumblr, igual a do read more. Ou seja, o próprio tumblr da div para essa parte, então, se a gente quer “enfeitar” só olhar a div e fazer como queremos. Bom, é isso!