A vida é bela <3 |
Bom, indo direto ao ponto, hoje eu irei ensinar a vocês um tutorial mega fácil que eu achei no Bunny Crazy para personalizar o Negrito, Itálico, Sublinhado e Tachado do seu blog.
Irei ensinar duas maneiras: A normal, para apenas mudar as cores e a hover - para mudar de cor quando passa o mouse.
Continue lendo para aprender o tutorial ^^
~Bom, primeiro eu vou ensinar a maneira normal, para apenas mudar a cor, é bem simples:
~Bom, primeiro eu vou ensinar a maneira normal, para apenas mudar a cor, é bem simples:
Vá até seu HTML e pesquise pela tag: ]]></b:skin>
Após achá-la cole esse código em cima dela:
b {color: #f08080; text-decoration: none;} /* O Negrito */
i {color: #ff7f50; text-decoration: none;} /* O Itálico */u {color: #ffca85; text-decoration: none;border-bottom: 1px dashed #ffca85;} /* Sublinhado */s, strike { color: #99aaff; cursor: normal; } /*O Riscado*
~Agora a com efeito hover:
Vá até seu HTML e pesquise pela tag: ]]></b:skin>
Após achá-la cole esse código em cima dela:
b {color: #F08080; text-decoration: none;} /*Negrito */
b:hover { cursor: help; color: #FF6347;}
i:hover { cursor: help; color: #FF6347;}
u {color: #F08080; text-decoration: none;
border-bottom: 1px dashed #FF6347;} /* Sublinhado */
u:hover {cursor: help ; color: #FF6347;
border-bottom: dashed 1px #FF6347; text-decoration: none; }
i {color: #FF7F50; text-decoration: none;} /* Itálico */
~Explicando os códigos:
O que está em rosa são os códigos das cores normais, você pode substituí-las usando a Tabela de cores (www).
O que está em azul são os códigos das cores no efeito hover. Você as substitui com a mesma Tabela de cores.
O que está grifado é o tipo de cursor (ponteiro do mouse) que você pode alterar se quiser. O help, é aquele cursor que tem um pontinho de interrogação ao lado.
~> Aqui estão todos os nomes de cursores:
Crosshair (cruz)
Default (seta)
E-resize (seta que aponta à direita)
Help (ponto de interrogação)
Move (cruz com setas nas extremidades)
N-resize (seta que aponta para cima)
Pointer (mão)
Nossa gente, não tem como não ter entendido porque eu expliquei MUITO detalhadamente. Espero que tenham gostado! Beijos :3
Awiin , Adorei Parabens ♥
ResponderExcluirObrigada por seguir meu blog seguindo Devolta !
Garota Impiedosa .
Obrigada!
Excluirbeijos
Esse tutorial é muito bom, já conhecia adoro ele!
ResponderExcluirvaonamala0ficial.blogspot.com
É ótimo ele, também adoro
ExcluirBeijos
Esse tutorial é ótimo, adorei ele ♥ Prefiro aquele com hover transiotion, é mais lindo >3< Estou seguindo-te, flor, como pediu *u*
ResponderExcluirBeijos,
Juu-Chan do Nescau com Nutella.
Que bom que gostou e obrigada por seguir!
ExcluirBeijos ^^
Awwwwn obrigada sua fofa!
ResponderExcluirClaro que retribuo *3*
(amoo seu blog)
Beijos
Olá!!!Tudo bem com você?Quer mais um mebro ao seu blog?Então veja/siga/comente nessa postagem:
ResponderExcluirhttp://mundo-desonhadores.blogspot.com.br/2013/05/projetoseguindo-segue-de-volta.html
Beijinhos
Ok
ExcluirBeijos
Adorei o tuto e o blog, amei, já estou seguindo amor!
ResponderExcluirTem post novo no The Clouds, corre ver!
Beijos, Djêni.
ithe-clouds.blogspot.com
Obrigado lindinha ! ^^
ExcluirVou ver, beijinhos *3*
Aiiii que divo seu blog! Primeira vez por aqui e já sou fã! Serio mesmo, seu blog é muito cute,amei,amei,amei!!!!
ResponderExcluirE tambem adorei esse tuto, sem ele o blog não é o mesmo.
Kisses :3 photoscapeevc.blogspot.com
Awn muito obrigada lindinha!
ExcluirÉ verdade, muito útil
Kissees! *3*
Adorei o tutorial, e é bem fácil também!
ResponderExcluirSeu blog é muito lindo, que layout mais perfeito!! Amei <3
Estou te seguindo, flor ><
Beijos, blog ~~> Kiss of Gloss
Awn, obrigada! ^^
ExcluirBeijoos '3'
Oii fofa!
ResponderExcluirSeu blog é uma gracinha! Adorei o tutorial!
Seguindo aqui, segue de volta?
sweetmeninateen.blogspot.com
Olá, obrigada
ExcluirJá tô seguindo seu blog, obrigada pela visita.
Beijinhos >3<
Amei o tutorial, vou usar ajudou muito estava precisando
ResponderExcluirta tendo sorteio lá no blog amore, se quiser participar
http://chocoonut.blogspot.com.br/
~Kiss
Que bom que gostou!
ExcluirVou dar uma olhadinha.
Beijo ~~
Oii retribuindo a visita! Esse tuto é muuito pratico. vou usa lo ^^
ResponderExcluirPost Novo visita? ~> feriasde-outono.blogspot.com.br/
É bem pratico, haha!
ExcluirClaro que visito *3*
É ótimo esse tutorial eu uso no meu blog.
ResponderExcluirThe Dream Crazy
É ótimo mesmo!
Excluir^^
Eu amo esse tuto, é ótimo ^^
ResponderExcluirBeijos | empire-explosion.blogspot.com
:)
ExcluirBeijos >3<
Amei seu blog flor! Posts realmente muito bons e design incrível *-* já estou seguindo, se gostar me segue lá? http://minhaeguinhapocoto.blogspot.com.br/ obrigada, beeijos <33
ResponderExcluirAhh obrigada, lindinha!!
ExcluirVou seguir
Beijinhoos *3*
Muito divo esse tutorial,quando eu vou fazer um template é a primeira coisa que eu coloco *--* fica muito fofo e dá mais alegria ao blog e é muiito fácil de colocar! Awn adorei seu blog,ainda não conhecia e já estou amando! :3 Seguindo,retribui? Tenha uma linda tarde! n_n
ResponderExcluirKüss->quem precisa de tv para ver beyoncé ♥.blogspot♥♥.com♥ [tire os corações e espaços para visitar]
Awn obrigada lindinha :3
ExcluirRetribuo sim, obrigada
Beijos *3*
Conhecia esse tutorial, acho bem bonito mas tenho uma preguiça enorme de por, e ter que conciliar as cores com o layout. Então o meu fica sem personalização mesmo xD. Mas enfim, é realmente útil pra quem gosta desse efeito..
ResponderExcluirestantedahina.blogspot.com
kk é mesmo!
ExcluirEsses tutoriais são ótimos e sempre me ajudam à beça, acredite...
ResponderExcluirLindo aqui amore, estou te seguindo também!
Beijos ♥ Jeito Único
É vrdade!
ExcluirObrigada
Beijos ,3
Amo este tuto <3
ResponderExcluirE seu blog é MA-RA-VI-LHO-SO xonei \o/
Seguindo ;) Se gostar do meu blog pode seguir de volta?
Obrigada se Puder ^-^
Ah! E gostaria de se afiliar?
Se sim, comenta lá no blog :D
Beijinhos ;*
http://pantherpinkandblue.blogspot.com.br/
Nossa muito obrigada!
ExcluirVou visitar eu blog
Claro, as vagas para afiliação estão abertas, vou confirmar
Kisses ~ >3<
Nossa, esse tutorial é tudo, amo ele, vou aplicar no meu layout.Além do código de HTML, da nova interface do blog, esta bastante complicada!
ResponderExcluirBeijos, ótimo blog e sucesso.;p
http://blog-sweet-thoughts.blogspot.com.br/
Obrigada lindinha!
ExcluirBeijos ,3
Olha só que legal, =D Gostei do tuto...
ResponderExcluirBjinhos
:) beijinhos!
Excluir