30 julho, 2013

Tutorial:Personalizando Título da Sidebar

Hey Girls,tudo bom? Hoje pro dia não ficar sem nada eu trouxe um Tutorial bem legal.
Um Efeito super fofo pra colocar no Título da Sidebar!
Oh Quinta tem Play List de Agosto já hein ;)
294 Likes na Fan Page :) Mais algumas e teremos Mais um Lay Free aki no Blog.
Gostaram do Cabeçalho novo? Ficou super fofo.
59 seguidores,falta 1 pra nossa meta  (yn)
 Voltando ao assunto do post....Vamos lá conferir o Tuto;
Créditos:Miki Candy




(Naquele Esquema do Novo HTML)
Vá no seu HTML, aperte Ctrl + F e procure por: h2 {
Aparecerá um código mais ou menos assim:
h2 { font: $(widget.title.font); color: $(widget.title.text.color); } 

Apague toda essa parte, e substitua por isso:

.sidebar .widget h2 {margin-bottom: 10px;font-family: 'Playfair Display SC', serif;font-size: 16px;color: #CD96CD;-moz-box-shadow:1px 1px 3px #ccc;-webkit-box-shadow: 1px 1px 3px #ccc;-khtml-box-shadow: 1px 1px 3px #ccc;box-shadow:inset 0 0 3px #ccc;width: 95%;margin-left: -10px;padding: 2px;border-right: 2px solid #DB7093;background-color: #efefef;text-align:center;border-top-left-radius:0px;border-top-right-radius:1px;border-bottom-left-radius:0px;border-bottom-right-radius:1px;-webkit-transition-duration: .80s;text-shadow:#fff 1px 2px 0px;}.sidebar .widget h2:hover {border-right: 0px solid #CD96CD;color: #DB7093;text-shadow:#fff 1px 1px 1px;padding-left : 30px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;-webkit-transition-duration: .80s;}

As partes que estão em negrito, são onde vocês devem alterar a fonte e as cores :3

Bem vai deixar o Título muiito Fofo. Que inclusive é o que está no Blog Miki Candy (Se quiserem ver é só entrar lá)

Beiiijos e até <3




Nenhum comentário:

Postar um comentário

Bem Vindas ao Delírios De Adolescente comentários:
Oi deixe seu comentário seguindo as regras.

-Não Xingue Os Leitores
-Não Use Palavrões
-Mande Sua Opinião

Fique a vontade :3
Espero Que Goste do Blog.