Olá sejam muito bem vindos ao ilovehtml. Estamos de volta e de cara nova, tanto aqui, quanto no nosso blog. Gostariamos de agradecer todo carinho dos nossos seguidores. Hoje composto por quatro moderadoras o ilovehtml quer se tornar um dos melhores meios sobre HTML por aqui, esperamos surpreender vocês com tutoriais novos, themes novos, tudo novo. Em breve vamos estar criando promoções ou outra coisa, para poder prestigiar os nossos queridos seguidores, fiquem ligados nas novidades por aqui.




Em breve novas parcerias, fique ligado.








Você é livre para fazer suas escolhas, mas é prisioneiro das consequências. - Pablo Neruda

Caixinha ao lado dos posts.
Então eu tava louca pra fazer esse tutorial pra vocês amores, desculpa a demora mas aqui vai.

1- Coloque o código abaixo no seu CSS:

.caixinhabyfran {background:#fff; border:1px solid #eee; color:#888; font-size:12px; font-family:georgia; padding:6px; float:right; margin-right:-90px; width:60px;text-align:center;}

- Entendendo o código: background- cor de fundo. border- borda. color- cor da letra. font-size- tamanho da letra. font-family- fonte escolhida. float- qual lado a caixinha vai ficar, no caso ali está no direito (right), se quiser no lado esquerdo substitua right por left. margin- margem, se você mudar o right pra left em float, terá que mudar na margin tbm. width- tamanho da caixinha.text-align- texto alinhado no centro.

2- Agora procure por {block:posts} e coloque abaixo dele esse código:

<div class="caixinhabyfran">Postado em <b>{DayOfMonth}</b> de <b>{Month}</b></div>

Pronto sua caixinha está com o dia e o mês que foi postado, caso queira mudar o que está dentro da caixinha fique a vontade.

Créditos: Fran Keynes, se usar credite.

Postado por I Love HTML. 07:09. 1 Comentários


1 Comentários:

Às 3 de março de 2016 02:52 , Anonymous Anônimo disse...

VOU TENTAR

 

Postar um comentário

- Elogie, critique, mas faça isso com educação.
- Se seu comentário estiver com palavrões de baixo calão será excluído.

Assinar Postar comentários [Atom]

<< Página inicial