Efeito negrito,itálico,sublinhado e riscado!




Hooy moranguinhos, hoje vou ensinar como faz o efeito negrito,itálico,sublinhado e riscado no blog,para aprender clique em leia mais >>
vai em Design  Editar HTML  Aperte as teclas Ctrl+F e procure por  ]]></b:skin> e quando achar,cole logo acima da tag este seguinte código:
 b{color: #DA70D6; text-decoration: none;} /* Estilo do negrito */
i {color: #63B8FF; text-decoration: none;} /* Estilo do itálico */
u {color: #1C1C1C; text-decoration: none; border-bottom: 1px dashed #7CFC00;} /* Estilo do sublinhado */
strike {color: #009900  ; text-decoration: strike;  } /*estilo do riscado */  
OBS: Este foi sem o efeito hover,para quem não sabe 'efeito hover' é quando o efeito muda quando passa o mouse á cima,mas com o efeito hover ficaria assim:

b{color: #DA70D6; text-decoration: none;} /* Estilo do negrito */
b:hover {color: #DA70D6; text-decoration: none;} /* Estilo hover do negrito */
i {color: #63B8FF; text-decoration: none;} /* Estilo do itálico */
i:hover {color: #63B8FF; text-decoration: none;} /* Estilo hover do itálico */
u {color: #1C1C1C; text-decoration: none; border-bottom: 1px dashed #7CFC00;} /* Estilo do sublinhado */
u:hover {color: #1C1C1C; text-decoration: none; border-bottom: 1px dashed #7CFC00;} /* Estilo hover do sublinhado */ 

strike {color: #009900  ; text-decoration: strike;  } /*estilo do riscado */
strike:hover {color: #FF00FF; text-decoration: strike;  } /*estilo hover do riscado */
Visualize,se tiver tudo certo,salve. 

Um comentário:

  1. ótimo tuto amor ^^

    respondendo seu comment: vou colocar seu blog na sidebar divulgando. siga meu blog primeiro, aí depois eu sigo o seu ;3
    beijos > http://ilovedinossaurs.blogspot.com.br/

    ResponderExcluir

-Sigo de volta,é só pedir.
-Sem palavrões,por favor.
-Coloque o link do seu blog,para mim visita-lo.
-Sem xingamentos,brigas,e coisas em comum.
-Aceito opiniões sobre o blog,só seja educada (o).
-Se leu tudo isso não custa nada comentar né? :3