♦ 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

6 comentários:

  1. Ainda não tinha visto um tutorial com transição, apesar de eu sempre colocar no meu.
    Conheço um tuto que personaliza o strike também, mas quase nunca funciona, uma pena, porque fica muito legal ^^


    ResponderExcluir
    Respostas
    1. Eu me acostumei a colocar hover em tuto que eu faço, rsrsrrsrsrs, fica mais bonito.
      Eu sabia editar o tachado, mas perdi o código, e acabou ficando sem.

      Excluir
  2. já falei que este blog é fofo ?

    lindo blog e belo tuto

    anotherworld-oficial.blogspot.com/

    ResponderExcluir
    Respostas
    1. Disse agora fofa ^^ Muito obrigado, fico feliz de gostar daqui.

      Excluir
  3. Eu tinha procurado outros tutoriais de como fazer negrito,sublinhado e negrito personalizado mas nenhum dava certo ... até encontrar esse ! Muito fácil ,fica L-I-N-D-O .Obrigada !

    Bjs.

    ResponderExcluir