Olá lindas e lindos!
Eu estou com muita raiva daquela Aline do Big Brother. Ridículaaa!! wtf e eu comprei uma capinha pro iPhone muito linda com a bandeira do Reino Unido awn ok, but who cares?
Vamos ao assunto.Fica muito Lindinho. Fica tipo um Ribbon acima do título do post. É bem fácil mas fica chatinho editar tudo. Peguei no Kawaii World.
Vá no seu HTML e procure por .main-inner h2.date-header{ e depois que achou cole após essa tag o seguinte código:
width:65px;height:22px;margin-left:-75px;float: left;text-align: center;font-size: 10px;padding: 5px;background: url(LINK DA SUA FAIXA) no-repeat center;color: #FFFFFF;text-shadow:0 1px #ccc;margin-top: -20px;
Agora vou copiar e colar a explicação da Kaorii
width:65px; - Troque pela largura da sua faixinha.
height:22px; - Troque pela altura da sua faixinha.
margin-left: -75px; - Aumente e mova ele para a esquerda, diminua e mova para a direita. (observe a presença do menos)
float: left; - Troque por right se quiser a data na direita.
text-align: center; - Alinha o que fica dentro da faixa (nesse caso é a data). Pode ser trocado por left ou right.
font-size: 10px; - Tamanho da letra. Quanto maior o número, maior a letra. E vice-versa.
padding: 5px; - Espaço entre a data e o fim da faixa.
background: url(LINK DA SUA FAIXA) no-repeat center; - Exatamente o que diz.
color: #FFFFFF; - Cor da fonte.
text-shadow:0 1px #ccc; - Sombra. Troque pela cor.
Você terá que procurar por faixinhas. Acho que a Nen já postou aqui algumas. Vou checar e se ainda não postou, vou postar.
Gostaram?
/Hyun

*O* Eu também comprei uma capinha pro meu celular do Reino Unido :3
ResponderExcluir*O* \o/\o/ somos divas kkk soqn
ExcluirQueeero muito um Iphone, vou comprar altas capinhas hehhe ótimo tuto mais já uso data com faixinha
ResponderExcluirUpKawaii.tk
:3 é muito perfeito ter um iPhone :3
Excluiré lindo mesmo! vou ver seu blog
Awn, como eu quero um iPhone, ou um Tablet, mesmo que eu tenha um Samsung Galaxy II SHAUASH'
ResponderExcluirCake Of Tutorials
uhauhsauhsa :3
ExcluirAchei ótimo o tutorial... Mas não achei .main-inner h2.date-header no meu html ;/
ResponderExcluireu também não achei.main-inner h2.date-header{
ResponderExcluiré: .main-inner h2.date-header {
Excluir