Um tutorial muito simples estou trazendo para vocês
muitos blogs tem uma linha pontilhada no titulo do gadget, hoje vou ensinar como fazê-la,e para fazer ela você precisa ir em design no painel, e depois em editar html e procurar por:
h3.post-title {
vai aparecer mais ou menos isso:
h3.post-title {
margin-top: 20px;
}
h3.post-title a {
font: $(post.title.font);
color: $(post.title.text.color);
}
h3.post-title a:hover {
text-decoration: underline;
}
para esse codigo abaixo
h3.post-title {
margin-top: 10px;
text-align: center;
border-bottom: 1px dotted #dfd8c4;
}
.post-header, .dados {
border-bottom: 1px dotted #dfd8c4;
padding: 1px 0 1px 12px; /*espaço topo direita baixo esquerda/*
margin: 0;
border-bottom: 1px dashed #ccc; /*cinza*/
text-align: center;
font-family: tahoma;
font-size: 12px;
}
@font-face {font-family: "beat"; src: url('https://web.archive.org/web/20130426001945im_/http://static.tumblr.com/0xqvkot/rZLmgsrm9/fineness_regular.ttf');}
h3.post-title a {
font-family: Georgia;
font-style: italic;
color: #bd9c6f;
font-size: 20px;
text-shadow: 0px 1px 1px #c5c5c5;
letter-spacing: 1px;
-webkit-transition-duration: .90s;
}
h3.post-title a:hover {
text-decoration: none;
color: #e8b1bd;
-webkit-transition-duration: .90s;
}
fim salve tudo e mude oque quiser neste tutorial muito mega simples
Nenhum comentário:
Postar um comentário