#estilos de notes

[passo-html]

Estilo de notes 

Visualize: (xx)

Cole isso antes de </style>:

/*Feito por @clamam disponível em @passo-html insp: instagram & rhaegara. NUNCA remova os meus créditos e dê like no post se usar.*/ #ph-top{width:278px; background:#fafafa; padding:7px; margin-left:-16px; margin-top:-16px; margin-bottom:15px; text-transform:uppercase; letter-spacing:1px; color:#555; font-size:10px; font-family:PT Sans; text-align:left;} #ph-top a{color:#555; display:inline-block;} #ph-top img{border-radius:100%; margin-top:10px;}#ph-bottom{position:absolute; width:268px; background:#fafafa; padding:12px; margin-left:-16px; margin-bottom:-40px; bottom:0px; text-transform:uppercase; letter-spacing:1px; color:#555; font-size:10px; font-family:PT Sans; text-align:left;} #ph-bottom a{color:#555;} #ph-bottom i{font-size:11px; margin:2px; font-weight:bold;}.custom-like-button{position:relative; height:13px; display:inline-block; width:13px; padding-left:5px; left:-5px; color:{color:texto};} .like_button{position:absolute; width:100%; opacity:0; height:100%; z-index:50;} .like_button iframe{width:100%!important; height:100%!important;} .our_toggle{position:absolute; width:100%; height:100%; z-index:1;} .like_button.liked + .our_toggle{color:red!important; opacity:1;} .like_button.liked i + .our_toggle i{color:red!important; opacity:1;}

Cole isso depois de <div class="posts">:

{block:IndexPage} <!--PARTE DO TOPO--> <div id="ph-top"> {block:RebloggedFrom} <a href="{permalink}"><img src="{ReblogRootPortraitURL-24}"/><div style="margin-top:-25px; margin-left:35px; margin-bottom:12px">{ReblogRootName}</div></a> {/block:RebloggedFrom} <div style="float:right; margin-top:15px; padding-right:2px"> <a href="{permalink}">{timeago}</a> </div> </div> <!--PARTE DE BAIXO--> <div id="ph-bottom"> <a href="{permalink}">{notecountwithlabel}</a> <div style="float:right; padding-right:2px"> {block:HasTags} <a href="#" title="{block:Tags}#{Tag} {block:Tags}"><i class="uniicons-bookmarks10"></i></a> {/block:HasTags} <a><div class="custom-like-button">{LikeButton}<span class="our_toggle"><i class="uniicons-loving40" style="font-size:12px"></i></span></div></a> <a href="{reblogURL}"><i class="uniicons-reload22"></i></a> </div> </div> {/block:IndexPage}

Cole isso antes de </head>:

<link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/33sakshawgsp033/UNIICONS-ADJ.css?dl=0">

Se usar dê like nessa postagem e NÃO REMOVA OS CRÉDITOS! /Gabi

[passo-html]

Notes Hover by Brida #01

Visualize [xxx]

1) Cole esse código no seu css:

/*** NOTES HOVER 01 BY @AGRIDOCEJA - POR @PASSOHTML ***/ .posts .boxnotes {position:absolute; top:0; top:0; margin-top:10px; -webkit-transition: margin-top; -webkit-transition-timing-function: ease-in; -webkit-transition-duration: 1100ms; opacity: 0;} .posts{position:relative; -webkit-transition-duration: 1100ms;} .posts:hover .boxnotes{background: #fff; opacity: .8; color: #777; font-family: Consolas; font-size:12px; margin-top:1px; text-align: center; width: 100%; height: 17px; -webkit-transition-duration: 1100ms;} .perma {background:; color: #777777;} .perma a{color: #777777;}img a{width:100%}

2) Agora cole esse código depois de {block:Photo}:

{block:Date}{block:IndexPage} <div class="boxnotes"><div class="perma"> <font color="#777">↻ </font><a href="{reblogurl}"target="_blank">reblog</a>{block:NoteCount} / <a href="{Permalink}" title="permalink"><font color="#777">❤ </font></span>{NoteCount}</a>{/block:NoteCount}</div></div> {/block:IndexPage}{/block:Date}

Para alterar a cor dos ícones de reblog e like, é só alterar onde está em negrito.

Mude todos “.posts” e “.posts:hover” para a div de custome dos seus posts.

Não remova os créditos, se pegar de like e bom uso! Por: Brida Braga ♥

[warvada]

Estilos de notes para theme de família/divulgação

#1 (preview)

Coloque esse código acima de </style>

/* Estilo de notes #1 por @Chilings Design original, recuse imitações. Não retire os créditos! */ #ch-note-one{margin-top:0px; padding:0px 5px 0 5px; height:15px; line-height:15px; margin-left:-10px; margin-bottom:-10px; font-family:'Oswald'; font-size:10px; text-transform:uppercase; width:230px;} #ch-note-one a{text-decoration:none;} #ch-note-one .ch-note-span{display:block; text-align:center; margin-bottom:3px; width:230px;} #ch-note-one .ch-note-span span{display:inline-block; padding:0px; width:3px; height:3px; border-radius:10px; background:rgba(0,0,0,.4); box-shadow:1px 1px rgba(255,255,255,.1); margin:1px;} #ch-note-one .box01{display:inline-block; float:left; width:40px; height:16px; line-height:16px; padding:0 3px 0 0; background:rgba(0,0,0,.4); box-shadow:1px 1px rgba(255,255,255,.1); border-radius:3px; text-align:center; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.7);} #ch-note-one .box02{display:inline-block; margin-left:-4px; font-size:9px;} #ch-note-one .box02 a{color:#ffd7d7; text-shadow:1px 1px 1px rgba(0,0,0,.7);} #ch-note-one .box03{display:inline-block; float:right; font-size:12px; letter-spacing:.3px;} #ch-note-one .box03 a{color:rgba(0,0,0,.6); text-shadow:1px 1px rgba(255,255,255,.1);} /*Chilings - Chilings - Chilings - Chilings - Chilings - Chilings - Chilings*/

Coloque esse código acima de </div> que está antes de {/block:Posts}

Clique para pegar o código

Coloque esse código abaixo de </style> (Clique na barra preta que está na parte inferior do site, onde está escrito 1 Family Selected e copie o código na caixa do STANDARD)

Clique para pegar o código

#2 (preview)

Coloque esse código acima de </style>

/* Estilo de notes #2 por @Chilings Design original, recuse imitações. Não retire os créditos! */ #ch-note-two{margin-top:0px; padding:5px; height:15px; line-height:15px; margin-left:-10px; margin-bottom:-10px; font-family:'Oswald'; font-size:10px; text-transform:uppercase; border-top:2px solid #EADFDB; background:#ADAEB0; width:230px;} #ch-note-two a{text-decoration:none;} #ch-note-two .box01{display:inline-block; float:left; width:auto; height:16px; line-height:16px; padding:0 5px 0 5px; background:#D8C2B5; box-shadow:1px 1px 1px rgba(0,0,0,.3); border-radius:3px; text-align:center; color:rgba(0,0,0,.7); text-shadow:1px 1px 1px rgba(255,255,255,.8);} #ch-note-two .box02{display:inline-block; margin-left:5px; font-size:11px;} #ch-note-two .box02 a{color:rgba(0,0,0,.4); text-shadow:1px 1px rgba(255,255,255,.3);} #ch-note-two .box03{display:inline-block; float:right; font-size:12px; letter-spacing:.3px;} #ch-note-two .box03 a{color:rgba(0,0,0,.4); text-shadow:1px 1px rgba(255,255,255,.3);} /*Chilings - Chilings - Chilings - Chilings - Chilings - Chilings - Chilings*/

Coloque esse código acima de </div> que está antes de {/block:Posts}

Clique para pegar o código

Coloque esse código abaixo de </style> (Clique na barra preta que está na parte inferior do site, onde está escrito 1 Family Selected e copie o código na caixa do STANDARD)

Clique para pegar o código

#3 (preview)

Coloque esse código acima de </style>

/* Estilo de notes #3 por @Chilings Design original, recuse imitações. Não retire os créditos! */ #ch-note-three{margin-top:0px; padding:3px 5px 6px 5px; height:12px; line-height:12px; margin-left:90px; margin-bottom:-10px; border-top:2px solid #E8E8E0; border-left:2px solid #E8E8E0; background:#DBC4D6; width:130px; border-radius:8px 0 0 0; box-shadow:-1px -1px 1px rgba(0,0,0,.1);} #ch-note-three a{text-decoration:none;} #ch-note-three .box01{display:inline-block; position:absolute; float:left; margin-left:-102px; margin-top:2px; font-family:'Grand Hotel'; font-size:17px; color:#fff; text-shadow:1px 1px rgba(0,0,0,.3);} #ch-note-three .box02{display:inline-block; margin-left:0px; letter-spacing:.3px; font-family:'Oswald'; font-size:12px; margin-top:2px;} #ch-note-three .box02 a{color:rgba(0,0,0,.4); text-shadow:1px 1px rgba(255,255,255,.3);} #ch-note-three .box03{display:inline-block; float:right; letter-spacing:.3px; font-family:'Oswald'; font-size:16px; padding-right:3px;} #ch-note-three .box03 a{color:rgba(0,0,0,.4); text-shadow:1px 1px rgba(255,255,255,.3);} /*Chilings - Chilings - Chilings - Chilings - Chilings - Chilings - Chilings*/

Coloque esse código acima de </div> que está antes de {/block:Posts}

Clique para pegar o código

Coloque esse código abaixo de </style>

Clique para pegar o código

#4 (preview)

Coloque esse código acima de </style>

/* Estilo de notes #4 por @Chilings Design original, recuse imitações. Não retire os créditos! */ #ch-note-four{margin-top:0px; padding:0px 5px 0px 5px; margin-left:-10px; width:230px; height:20px; text-transform:uppercase;} #ch-note-four a{text-decoration:none;} #ch-note-four .box01{display:inline-block; position:absolute; float:left; margin-left:2px; margin-top:-8px; font-family:'oswald'; font-size:11px; color:#fff; text-shadow:1px 1px rgba(0,0,0,.3); text-transform:uppercase;} #ch-note-four .box01:first-letter{font-size:30px; color:rgba(0,0,0,.4); text-shadow:1px 1px rgba(255,255,255,.3); margin-right:-9px; font-family:'Rochester';} #ch-note-four .box02{display:inline-block; position:absolute; float:right; margin-top:4px; margin-left:217px; text-align:center; font-size:15px; padding:3px 8px 3px 4px; background:#DEAB9A; border-radius:3px 0 3px 3px; box-shadow:1px 1px 1px rgba(0,0,0,.2); height:15px;} #ch-note-four .box02 a{color:#fff; text-shadow:1px 1px rgba(0,0,0,.3);} #ch-note-four .box02:before{position:absolute; margin-top:-9px; margin-left:15px; border:6px solid transparent; border-top:6px solid transparent; border-bottom:0px solid transparent; border-left:5px solid #DEAB9A; content:' ';} #ch-note-four .ch-note-span{position:absolute; display:block; text-align:left; margin-top:-2px; margin-left:26px;} #ch-note-four .ch-note-span span{display:inline-block; padding:0px; width:3px; height:3px; border-radius:10px; background:rgba(0,0,0,.4); box-shadow:1px 1px rgba(255,255,255,.3); margin:1px;} /*Chilings - Chilings - Chilings - Chilings - Chilings - Chilings - Chilings*/

Coloque esse código acima de </div> que está antes de {/block:Posts}

Clique para pegar o código

Coloque esse código abaixo de </style>

Clique para pegar o código

#5 (preview)

Coloque esse código acima de </style>

/* Estilo de notes #4 por @Chilings Design original, recuse imitações. Não retire os créditos! */ #ch-note-five{margin-top:6px; padding:3px 5px 9px 5px; margin-bottom:-10px; width:209px; height:20px; margin-left:-9px; font-family:'Oswald'; font-size:10px; text-transform:uppercase; transition:.5s;} #ch-note-five a{text-decoration:none;} #ch-note-five .ch-note-barra{display:block; position:absolute; margin-top:2px; margin-left:6px; width:78px; height:1px; border-radius:5px; background:rgba(0,0,0,.1); box-shadow:inset 1px 1px rgba(0,0,0,.2), 1px 1px rgba(255,255,255,.3);} #ch-note-five .ch-note-heart{position:absolute; margin-top:0; margin-left:86px;font-size:7px; color:rgba(0,0,0,.4); text-shadow:1px 1px rgba(255,255,255,.3);} #ch-note-five .box01{display:inline-block; position:absolute; margin-top:3px; text-indent:6px; padding:0; font-family:'Oswald'; font-size:12px; color:rgba(0,0,0,.4); text-shadow:1px 1px rgba(255,255,255,.3); text-align:center; border-radius:10px; letter-spacing:.3px;} #ch-note-five .box01 i{font-size:7px; margin-top:-6px; margin-right:1px;} #ch-note-five .box02{display:inline-block; position:absolute; margin-top:3px; margin-left:157px; width:30px; height:17px; line-height:17px; padding:0 5px 0 5px; font-size:9px; background:rgba(0,0,0,.1); box-shadow:inset 1px 1px rgba(0,0,0,.2), 1px 1px rgba(255,255,255,.3); text-align:center; border-radius:3px;} #ch-note-five .box02 a{color:#fff; text-shadow:1px 1px rgba(0,0,0,.2);} #ch-note-five .box02:hover{background:#C2727A;} #ch-note-five .box02 i{font-size:7px; margin-left:1px;} #ch-note-five .box03{display:inline-block; position:absolute; margin-top:3px; width:17px; height:17px; line-height:17px; margin-left:206px; font-size:11px; background:rgba(0,0,0,.1); box-shadow:inset 1px 1px rgba(0,0,0,.2), 1px 1px rgba(255,255,255,.3); text-align:center; border-radius:3px;} #ch-note-five .box03 a{color:#fff; text-shadow:1px 1px rgba(0,0,0,.2);} #ch-note-five .box03:hover{background:#71C49A;} /*Chilings - Chilings - Chilings - Chilings - Chilings - Chilings - Chilings*/

Coloque esse código acima de </div> que está antes de {/block:Posts}

Clique para pegar o código

Coloque esse código abaixo de </style>

Clique para pegar o código

*Dependendo da coficação do theme será necessário alterar o valor de -width- no primeiro #ch-notes-(numero correspondente) pra ficar certinho nas caixas dos posts. **Qualquer dúvida ou erro mande uma ask.

[passo-html]

Estilo de notes minimal #02

Se quiserem uma preview desse estilo de notes, é o mesmo desse theme meu. (clica)

1° Primeiro colem esse código antes de </style>

/*********** ESTILO DE NOTES POR @ARCAICAS DISPONÍVEL EM @PASSO-HTML. ************/ #dai-arcaicas {text-align:center;padding-top:5px;padding-bottom:5px;padding-left:10px;position:absolute;bottom:-70px;left:0px;width:calc(100% - 10px); border-top:1px solid #eaeaea} #dai-arcaicas a {display:inline-block;margin:0px 4px;letter-spacing:1px;text-transform:uppercase;top:-15px;background:#f7f7f7;padding:5px;font-size:8px;font-style:normal;position:relative;}

Coisas que vocês talvez terão de mudar:

top:-15px; - no #dai-arcaicas a coloque um número que fique certinho.

cor da borda no #dai-arcaicas.

e a cor do background no #dai-arcaicas a.

2° Segundo cole isso depois da div de custome dos seus posts:

{block:IndexPage} <div id="dai-arcaicas"><a href="{ReblogURL}" target="_blank">reblog</a> <a href="{Permalink}">{ShortDayOfWeek} às {24HourWithZero} {AmPm}</a> <a href="{Permalink}">{NoteCount}N</a></div> {/block:IndexPage}

Se usarem dê like ou avise, por favor! Disponível por: Dai, @arcaicas

[classyhelp-blog]

Estilos de notes: Hover para fotos #2

Clique e visualize

Como colocar:

Coloque esse código acima de </style>:

/* Notes #2 por Charmours :: ♡ :: Não use como base. Não retire os créditos. */   .ch-gradient-notes{position:absolute; display:block; padding:7px 0 0 5px; width:195px; height:40px; line-height:20px; text-align:center; font-family:'Parisienne'; font-size:14px; letter-spacing:1px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.8); transition:1s; opacity:0; background: -webkit-linear-gradient(rgba(0,0,0,.9), rgba(0,0,0,0)); background: -o-linear-gradient(rgba(0,0,0,.9), rgba(0,0,0,0))); background: -moz-linear-gradient(rgba(0,0,0,.9), rgba(0,0,0,0))); background: linear-gradient(rgba(0,0,0,.9), rgba(0,0,0,0)));}   .DIV DA SUA CAIXA:hover .ch-gradient-notes{opacity:1; transition:.7s;}

Coloque esse código ABAIXO de {block:Photo} e {block:Photoset}: 

<div class="ch-gradient-notes"> {DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}          <br> {NoteCount} Notes  <a style="margin-left:10px; color:pink;" href="{ReblogURL}">Reblog!</a> </DIV>

*Nota 1: Não esqueça de substituir o “DIV DA SUA CAIXA” pelo nome da div que está ABAIXO de {block:Posts}

*Nota 2: Mude o valor de “width” para o mesmo valor do “width” da sua caixa de post.

[classyhelp-blog]

Estilos de notes: Hover para fotos #1

Clique e visualize

Como colocar:

Coloque esse código ACIMA de </style>:

  /* Notes por Charmours :: ♡ :: Não use como base. Não retire os créditos. */   .ch-day{position:fixed; display:block; padding:0px; width:200px; height:0px; line-height:0px; background:rgba(255,255,255,.6); text-align:center; font-family:'Calibri'; font-size:10px; color:#696969; text-transform:uppercase; text-shadow:1px 1px 0 rgba(0,0,0,.2); overflow:hidden; transition:1s;}   .DIV DA SUA CAIXA DE POST:hover .ch-day{height:20px; line-height:20px; transition:.7s;}     .ch-notes{position:fixed; margin-top:0px; margin-left:0px; display:block; padding:0px; width:99px; height:0px; line-height:20px; background:rgba(255,255,255,.6); text-align:center; font-family:'Calibri'; font-size:10px; color:#696969; text-transform:uppercase; text-shadow:1px 1px 0 rgba(0,0,0,.2); overflow:hidden; transition:1s;}   .DIV DA SUA CAIXA DE POST:hover .ch-notes{margin-top:-24px; height:20px; line-height:20px; transition:.8s;}     .ch-reblog{position:fixed; margin-top:0px; margin-left:101px; display:block; padding:0px; width:99px; height:0px; line-height:20px; background:rgba(255,255,255,.6); text-align:center; font-family:'Calibri'; font-size:10px; color:#696969; text-transform:uppercase; text-shadow:1px 1px 0 rgba(0,0,0,.2); overflow:hidden; transition:1s;}   DIV DA SUA CAIXA DE POST:hover .ch-reblog{margin-top:-24px; height:20px; line-height:20px; transition:.8s;}

Coloque esse código ABAIXO de {block:Photo} e {block:Photoset}:

<div class="ch-day">POSTED IN {DayOfMonth}.{Month}.{Year} AT {24hour}:{Minutes}</div>

Coloque esse código ACIMA de {/block:Photo} e {/block:Photoset} (*Atenção com a barra antes de block):

<div class="ch-notes"><a href="{Permalink}">{NoteCount} Notes</a></div> <div class="ch-reblog"><a href="{ReblogURL}">Reblog</a></div>

*Esse estilo de notes é para caixas de largura 200 (width:200px;) caso a sua seja maior ou menor você terá que alterar os valores do primeiro código.

[passo-html]

Boa noite. Sabe aquele theme seu fault, cm posso mudar o estilo de notes de fotos desse theme atual que estou usando por os notes dele?

Visualize (xx)

Coloque isso aqui no customize (antes de ):

/*** POST HEADER DESENVOLVIDO POR CLAMAM.TUMBLR.COM LIBERADO POR GABRIELE EM PASSO-HTML.TUMBLR.COM. INSPIRAÇÃO: DOCISMO. ***/.ph-perma {margin:0; padding:40px 40px 40px 40px; width:350px; position:absolute; opacity:0; z-index:99999; list-style:none; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;-webkit-flex-flow:row wrap; flex-flow:row nowrap; -webkit-justify-content:flex-start; justify-content:flex-start; box-sizing:border-box;  background:-moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.65)), color-stop(100%, rgba(0,0,0,0))); background:-webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); background:-o-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); background:-ms-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); background:linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#a6000000’, endColorstr=’#00000000’, GradientType=0); transition:all 1s ease; -webkit-transition:all .7s ease; -moz-transition:all .7s ease; -o-transition:all .7s ease; transition:all .7s ease;}.post:hover .ph-perma{opacity:1; left:10px;}

#ph-p_perma{position:absolute; text-align:left; height:20px; line-height:20px; top:10px; left:40px; position:left; opacity:0; transition:all .7s ease; z-index:999; -webkit-transition: all 1.5s linear; -webkit-transition: all 1.5s linear; -moz-transition: all 1.5s linear; transition: all 1.5s linear;}#ph-p_perma a{font-family:Calibri; color:#fff; text-shadow:1px 1px 1px #000; font-size:13px; text-transform:uppercase;}.post:hover #ph-p_perma{opacity:1; position:left; left:20px; transition:all .5s ease; -webkit-transition: all 1.5s linear; -webkit-transition: all 1.5s linear; -moz-transition: all 1.5s linear; transition: all 1.5s linear;}

#ph-p_reblog{position:absolute; text-align:left; height:20px; line-height:20px; top:30px; left:20px; position:left; opacity:0; transition:all .7s ease; z-index:999; -webkit-transition: all 1.5s linear; -webkit-transition: all 1.5s linear; -moz-transition: all 1.5s linear; transition: all 1.5s linear;}#ph-p_reblog a{font-family:calibri; color:#fff; padding-bottom:15px; text-shadow:1px 1px 1px #000; font-size:10.5px; text-transform:uppercase; letter-spacing:.5px;}.post:hover #ph-p_reblog{opacity:1; position:left; left:35px; transition:all .5s ease; -webkit-transition: all 1.5s linear; -webkit-transition: all 1.5s linear; -moz-transition: all 1.5s linear; transition: all 1.5s linear;}

Agora procure por {Block:Photo}, e no caso desse theme apague tudo isso aqui:

{24hour} horas {DayOfMonth} de {ShortMonth}{NoteCount} notesreblogar

E coloque isso no lugar:

{DayOfMonthWithZero} de {Month}, às {24Hour}:{Minutes}

admirado {NoteCount} vezes - compartilhe

Não remova os créditos. Bom uso! /Gabi

[chilings]

Estilo de Notes para fotos #1

Visualizar estilo

♥ Como colocar: 

Coloque o Código 1 acima de </style>. 

Coloque o Código 2 acima de {/block:Posts} e {/block:Photoset}. 

Substitua o “DIV DAS CAIXAS” pelo nome da div que está abaixo de {block:Posts}. O nome está dentro das aspas. Exemplo: <div class=“ch-caixas”>.

♥ Códigos:

Código 1: 

/* © Notes por Charmours */        .ch-notes{position:absolute; margin-top:0px; margin-left:0px; transition:1s; width:250px; height:0px; border-bottom:2px solid rgba(0,0,0,.0); overflow:hidden;}        .ch-caixas:hover .ch-notes{height:44px; border-color:rgba(0,0,0,.5); transition:1s;}        .wn1{display:inline-block; float:left; width:200px; padding-top:2px; height:41px; line-height:20px; font-size:9px; COLOR:#fff; text-transform:uppercase; font-family:'Share Tech Mono'; background:rgba(0,0,0,.5); text-indent:5px; overflow:hidden; transition:1s;}        .wn2{display:inline-block; float:right; width:49px; height:43px; line-height:43px; text-align:center; font-size:18px; background:rgba(0,0,0,.5); color:#fff; transition:1s; overflow:hidden;}

Código 2:

<div class="ch-notes"> <div class="wn1"> <li>POSTED IN {DayOfMonth}/{MonthNumberWithZero}</li><li>POST WITH {NoteCount} NOTES</li> </div><a href="{ReblogURL}" target="_blank"><div class="wn2"> ↻ </div></a> </div>

Importante: No Código 1 voce vai ter que alterar o numero de width de .ch-notes, .wn1 e .wn2 para ficar do tamanho das caixas do seu theme.

Respeite a exclusividade do material! Não copie, não use como base.