24 novembro 2012

Prazer + Post footer - hover

                                                                    Oi pessoal!

Sou Sunny, dona deste bloguito, podem me encontrar aqui também. Estou muito contente por estar postando com a Viick. Vou ensinar a colocar o post footer em hover - para quem não sabe, post footer é onde fica o postado por, as tags e etc.

1. Abra o seu html e procure por: ]]><b:skin
2. Acima, cole o seguinte código:

.post-footer-line-1{
border-bottom: 1px solid #COR; /* Estilo da borda */
font-size:13px;
}
.post-footer-line-1:hover{
border-bottom: 1px dashed #COR;
}
.post-footer-line-2{
border-bottom: 1px solid #COR; /* Estilo da borda */
font-size:13px;
}
.post-footer-line-2:hover{COR;
}

Personalizem as cores, aqui tem uma tabela. Eu acho este efeito um charme, fica lindo em qualquer layout. Qualquer dúvida, fale comigo. Beijos


7 comentários :

  1. Amei. [] Tô seguindo seu blog, é uma graça.
    Caso puder, dá uma olhadinha pra ver se gosta? Obrigada ^3^
    sugarl4nd.blogspot.com

    ResponderExcluir
  2. Adorei seu blog e já estou seguindo!
    Dê uma passadinha no meu quando tiver um tempinho ;)

    http://nacasinhaqueeuqueroviver.blogspot.com.br/

    ResponderExcluir
  3. Esse era o tutorial que eu estava procurando muito.
    http://ladyalen.blogspot.com

    ResponderExcluir
  4. Conhecia esse efeito , muito fofo o resultado :P Seguindo aqui se quiser

    http://praia234.blogspot.com.br/

    ResponderExcluir
  5. Bem vinda =D,Amo esse tuto,até uso ele no meu blog *u*

    #Bezoos~~> ThisWonderless.blogspot.com

    ResponderExcluir
  6. Oii da uma passadinha la no blog?
    diversidadeseafins.blogspot.com.br/
    Agora uma mega novidade no blog tem um fanfic pra você ler e amar ,confira ;)
    Aceita afiliação ou parceria??
    Beijoos e adorei seu blog....PS: vi seus posts anteriores e eu amooooo AMO nutrela ,oown deu alegria de ver

    ResponderExcluir
  7. Oiie 'Dreams' , eu queria pedir um favorzinho?!?
    -Tem como vocês colocarem meu blog na elite de Afiliados ou o Divulgarem ?
    Tanks ;D

    Nome do blog : Like Dream Of Gilrs
    Url do blog : http://www.likedreamsofgirls.blogspot.com.br/

    ResponderExcluir