• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

22 de outubro de 2014

3 Efeitos nos seguidores do blog

- HAHA' Let me see Wobble - 
Hooý chocolates com baunilha tudo bem? Espero que esteja, comigo está tudo ótimo. Queria começar pedindo desculpas por não ter postado ontem, mas como eu já havia falado na postagem anterior, minhas aulas de Gestão de TI voltaram então terei de postar com menos frequência porque está acumulando muitas coisas e a divisão do tempo é um problema ainda mais no horário de verão. (apesar de estarmos em horário de verão está um friozinho gostoso hoje, frio sussulento haha')

Estou muito feliz pelos comentários da minha postagem anterior, prometo que responderei e retribuirei as visitas que nele estão. Queria agradecer ao carinho das mensagens por formulários, C-box, Page, ask, etc. Vocês são muito fofos(as). Agora, partindo para o assunto da postagem, vim trazer três tipos de efeitos super fáceis de colocar no gadget seguidores. Para ver, leia mais...


Antes de mais nada, todos os efeitos foram adaptados por mim para serem colados antes de ]]></b:skin>

[créditos: www]

Primeiro efeito: Opaco [Preview]
#Followers1 {opacity: 0.2; -webkit-transition: all 2s ease;
-moz-transition: all 2s ease; -o-transition: all 2s ease;
transition: all 2s ease;
-webkit-transition-duration: .90s;
transition-duration: .90s;
margin-bottom: 2px;}#Followers1:hover {text-decoration: none !important;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease; -o-transition: all 2s ease;
transition: all 2s ease; opacity: 1;
-webkit-transition-duration: .90s;
transition-duration: .90s;
margin-bottom: 2px;;
Segundo efeito: Sépia [Preview]
#Followers1 {
 text-decoration: none !important;
   -webkit-filter: sepia(100%);
    transition:all 1s ease;
    -webkit-transition:all 1s ease;
   -moz-transition:all 1s ease;
   -o-transition:all 1s ease;
    margin-bottom: 2px;
    }
    #Followers1:hover {
    text-decoration: none !important;
   -webkit-filter: sepia(0%);
   transition:all 0.4s ease;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
   -o-transition:all 1s ease;
    margin-bottom: 2px;
    }
Terceiro efeito: Preto e branco [Preview]
#Followers1 {text-decoration: none !important;
-webkit-filter: grayscale(100%);
-webkit-transition-duration: .90s;
margin-bottom: 2px;
}
#Followers1:hover {
text-decoration: none !important;
-webkit-filter: grayscale(0%);
-webkit-transition-duration: .90s;
margin-bottom: 2px;
}
Dica: Quando você colocar um desses códigos acima de ]]></b:skin>, por natureza os links dos seguidores ficarão cor de laranja, para personalizá-los, vá em: Modelo > Personalizar > Avançado > Links. Daí é só personalizar com a cor que você queira. Para ajudar tem o link da tabela de cores aqui do blog mesmo [www]

Espero que entendam e que lhes seja útil. Bjoon


18 comentários:

  1. Adorei o tutorial ♥ Ele fica muito bom, pois faz combinar os seguidores com qualquer tipo de layout. Ainda o usarei, haha.

    The Lord of Thrones

    ResponderExcluir
  2. Fico muito bom esse tuto acho que vou usar num lay que estou fazendo, poxa valeu mesmo vai ficar bem legal no meu <3

    Maluca por Estrelas
    http://malucaporestrelas.blogspot.com.br

    ResponderExcluir
    Respostas
    1. haha' é realmente difícil encontrar eles para colocar em cima de skin, geralmente tem aquela trabalheira toda

      Excluir
  3. Este comentário foi removido pelo autor.

    ResponderExcluir
  4. Estou feliz por vocês terem voltado!
    Este tutorial é muito bom,eu não sabia como fazer isso e vai me ajudar bastante!
    Boa sorte com suas aulas!


    Sarang Cute!

    ResponderExcluir
    Respostas
    1. Obrigada amore, também estou feliz e mais ainda por seu comentário.

      Excluir
  5. Os efeitos são ótimos, gostei do primeiro. :)
    beijos ♥
    nuclear--story.blogspot.com.br

    ResponderExcluir
  6. HELLO!
    Ah, tudo bem, fim de ano é assim mesmo: todo mundo cheio de coisa pra fazer. A gente entende o/
    E adorei os efeitos *u* São muito lindos e o bom é que são meio neutros, então cai bem com a maioria dos layouts!

    Teeh | w-hatever.blogspot.com

    ResponderExcluir
  7. Amei oa efeitos♥
    www.coisascriativas12.blogspot.com || Creative Things

    ResponderExcluir
  8. Tutorial legal e super facil. Vc explica direitinho e põe a previa (como é ruim ler aqueles tutoriais que a pessoa coloca o efeito e vc fica boiando la no que ele faz). Muito legal

    http://pdeparanoia.blogspot.com.br/

    ResponderExcluir
  9. Ohhhh, ajudou bastante <3 tudo para deixar meu blog do mal gótico das trevas :3

    My Blog: Flanguita

    ResponderExcluir