Tutorial - Negrito, italico, sublinhado em hover.


Olá, Leitores !

Bom sinto muito por ficar um ou dois dias sem postar. É que estava sem inspiração nenhuma, e continuo ! Só que ai fiz um post perguntando para vocês o que queriam, e deu certo né, hahaha. Obrigada a vocês que comentaram o que queriam me ajudando ! Os comentários de vocês me ajudaram na inspiração para mim poder ver que estilos de tutoriais, e goodies vocês andam se interessando mais. E é muito necessário para mim saber os estilos e gostos de vocês.

Então a pedidos da Luuh Dias vim postar esse tutorial. Ela quer aprender como faz esse negrito, itálico, Sublinhado. Perceberam ? Quando você passa o mouse muda de cor, e fica um efeito bem devagarinho. Isso é uma transição, e um efeito hover. Eu aprendi sem a transição, mais vou ensinar para vocês por que fica muito lindo. Ah e relembrando que alguns tutoriais do meu layout, não irei ensinar agora, hahaha ! Agora vamos aprender né, go !

1- Vá no html do se blog e procure pela tag ]]></b:skin> e em cima dela cole o código abaixo ;
b {
color: #EE6AA7;
text-decoration: none;
-webkit-transition-duration: .70s;}
b:hover {
color: #EEB422;
text-decoration: none;
-webkit-transition-duration: .70s;}
i {
color: #CD00CD ;
text-decoration: none;
-webkit-transition-duration: .70s;}
i:hover {
color: #00CDCD ;
text-decoration: none;
-webkit-transition-duration: .70s;}
u {
color: # c7c8ca ;
text-decoration: none;
border-bottom: 1px solid #e6e2b3;
-webkit-transition-duration: .70s;}
u:hover {
color: #4682B4;
text-decoration: none;
-webkit-transition-duration: .70s;

Daí é só modificar as partes em negrito e salvar. Não modifique nada, além do que eu falei se não perde o efeito. Aprendi no Kawaii World. Mas modifquei um pouco o efeito, então se for repassar credite os dois blogs, até mais amores.

16 comentários:

  1. Ótimo tutu, ameei <3

    http://alittlemorethangloss.blogspot.com.br/

    Beijooos !!

    ResponderExcluir
  2. Obrigadaa Sunny!
    Valeu mesmo *w*
    Beijinhos*
    Minha Vida Fora de Série - perfil

    ResponderExcluir
  3. Nossa, eu conhecia só o tutorial do negrito, itálico, sublinhado sem efeito, esse efeito que tem é lindooo, nem sabia que existia O.O Adorei demais esse tutorial! Valeu por ter postado *--*
    Efeitos da Adolescência.

    ResponderExcluir
    Respostas
    1. Haha, de nada. É por que tem muita
      blogueira de nariz empinado, que não quer ensinar
      o que aprendeu.

      Excluir
  4. adoro tutorias , bjos
    http://leyahff.blogspot.com.br/

    ResponderExcluir
  5. Eu adorei! Devo usar no layout free que estou fazendo, e no layout do blog também. É claro que vou creditar obrigada!

    Bjs, Organized World

    ResponderExcluir
  6. Eu já conhecia o tuto: negrito, itálico e sublinhado, mas nunca com o efeito, ficou muuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuito lindo, MUITO mesmo.
    http://luaentreestrelas.blogspot.com.br/

    ResponderExcluir
  7. O tutorial é lindo, eu não estava achando em nenhum lugar este com o efeito de transição... Eu estava quase uma semana sem postar nada, a escola (2541369 lições e trabalhos) e a minha criatividade também estavam em falta.
    Blog lindo, pode contar com mais uma seguidora e leitora *--*
    Beijos - todasdesastradas.blogspot.com.br/

    ResponderExcluir
  8. Haha, que fofa você ! Obrigada (:
    Irei retribuir daqui a pouco, e esse efeito fica
    mais que super lindo, fica divo haha

    ResponderExcluir

- Não insulte ninguém.
- Não comente: "Seguindo, segue de volta?".
- Leia o post inteiro e depois, comente.
- Não faça anúncios de postagem, nem nada parecido.
- Peça algo por aqui, ou pela Ask.
- Está seguindo o blog ? Nos avise, para nós seguirmos o seu.

Obrigada, por comentar bebê c:
Seu comentário é super importante pra mim !
Irei ler, responder, e retribuir.