Como colocar o titulo do post em uma caixinha


Era pra postar esse tutorial a um tempo, mas a preguiça me dominava e eu não conseguia escrever nada decente na explicação. Mas agora vai. DSKDS
Ah, eu estou fazendo um novo layout pro blog, então acho que vou ficar um ou dois dias sem postar, enfim.
Para ver o tutorial clique em Leia Mais.



Basicamente o titulo da sua postagem vai ficar como na imagem. O titulo é o nome "Rua 35".


Para colocar essa caixinha no titulo vá em Editar HTML aperte ctrl + f e procure por /* Posts.
No modelo travel abaixo disso que você procurou provavelmente vai aparecer algo assim:
.date-header span {
  background-color: $(date.header.background.color);
  color: $(date.header.color);
  padding: $(date.header.padding);
  letter-spacing: $(date.header.letterspacing);
  margin: $(date.header.margin);
}
Não mecha em nada disso ai, apenas de um espaço e acima disso cole esse código:

h3.post-title {background-color: #f8e4e4;
        padding: 5px 5px 5px 5px;
        width: 740px;
        font-size: 11px;
        font-family: tahoma;
        align: center;
text-align: center;
        padding: 2px 2px 2px 2px;
        -moz-border-radius: 8px 8px 8px 8px;
        text-shadow: 1px 1px #FFFFFF;
        border-bottom: 1px solid #f5d6d6;
        border-right: 1px solid #f5d6d6;}

Para ajustar o tamanho da caixinha do titulo ao tamanho da caixa do post é só arrumar os números em   width e pronto.

Tutorial feito por mim, Larissa. Não repasse, copie ou enfim, se os devidos créditos.


Nenhum comentário:

Postar um comentário