♦ Tutorial ~ Negrito, Italico e Sublinhado Personalizados

Hey Rilakkumas

  Finalmente estou de férias, yeahhhhhh, minha felicidade está tão grande, mas tão grande, que fiquei com vontade de fazer um layout para alguém, mas já pensei em um monte de coisas para fazer e acho que isso não daria certo. Até o fim das férias quero ver uns 10 animes, ler uns 3 mangás e talvez entrar em um site de Scans para poder começar a traduzir o mangá de Code Geass que eu estou amando.
  Mas enfim, hoje eu trago um tutorial de nome gigante, Negrito, Itálico e Sublinhado personalizado. Sei que vários blogs já postaram isso, mas como fui eu mesmo que criei o código desse tutorial talvez tenha algo de diferente, então vamos aprender.

No seu painel vá em:

Layout >> Adicionar um Gadget >> HTML/JavaScript

E cole esse código:

<style>
b {
color: #a0e281; /*cor do negrito*/
text-decoration: none;
-webkit-transition-duration:1s;}
b:hover {
color: #FF7BE7; /*cor do negrito ao passar o mouse*/
text-decoration: none;
-webkit-transition-duration:1s;}
i {
color: #7BE0FF ; /*cor do italico*/
text-decoration: none;
-webkit-transition-duration:1s;}
i:hover {
color: #a0e281 ; /*cor do italico ao passar o mouse*/
text-decoration: none;
-webkit-transition-duration:1s;}
u {
color: #000 ; /*cor do sublinhado*/
text-decoration: none;
border-bottom: 1px dashed #a0e281; /*cor da borda de baixo*/
-webkit-transition-duration:1s;}
u:hover {
color: #a0e281; /*cor do sublinhado ao passar o mouse*/
text-decoration: none;
border-bottom: 1px dashed #000 ;  /*cor da borda de baixo ao passar o mouse*/
-webkit-transition-duration:1s;}
</style>

É muito grande mais é super simples de editar, só precisa mudar as cores e nada mais. AQUI tem uma tabela de cores para vocês usarem.

Então é só isso, amanhã eu volto.

Bye bye