19/12/2012

Efeito para Título do Gadget


Boa noite, chantillis :3

Trago um modelo para o título do gadget de seu blog muito fofo.
Lembrando dos créditos ao blog CS .




Vá ao seu HTML e pesquise com um CTRL+F por ]] . Acima deste código é só você colar esse:


.sidebar h2 {
background: #FFE4E1; /*Cor do fundo*/
color: #000; /*Cor da fonte*/
border-bottom: 3px double #DB7093; /*Tamanho, tipo e cor da borda, recomendo não mudar o tipo*/
font-weight: normal; /*Estilo da fonte*/
text-align: center; /*Alinhamento do texto*/
font-family: tahoma; /*Fonte*/
-webkit-border-bottom-right-radius: 80px; /*Estilo, NÃO mexa*/
-webkit-border-bottom-left-radius: 22px; /*Estilo, NÃO mexa*/
}
.sidebar h2:hover {
-webkit-transition: 0.4s; /*Transição, se quiser mude o 4 por 7*/
background: #F5F5DC; /*Cor do fundo hover*/
color: #000; /*Cor da letra hover */
border-bottom: 3px double #20B2AA; /*Tamanho, tipo e cor da borda hover, recomendo não mudar o tipo*/
}



Aí no código já tem tudo explicado, e se você quiser mudar as cores, você
pode usar essa tabela aqui


Bom, é só :)


E MUUUUUUUUUUUUUUUUUITO obrigada pelos 10 seguidores!
Agora faltam apenas 20 pra meta e pro layout e pro sorteio :o

3 comentários:

  1. Gostei do tuto,é super fácil,seguindo aqui ^^ e parabéns pelos mais de 10 seguidores

    #Bezoos~~> Kashmeres.blogspot.com

    ResponderExcluir
  2. Amei o tutorial,estou usando ele!
    Queria saber como você faz esse efeito nas fotos
    http://as-apenassonhando.blogspot.com.br/

    ResponderExcluir