Personalizando os links do blog

Tumblr_luzat3ykxb1qc144qo1_500_large
Oi oi gente \o Estava pensando aqui que este tema poderia ser só de tutoriais para depois eu fazer o tutorial de como fazer um layout com vocês eee. E nada melhor do que passar pra vocês como personalizar de várias formas o link. Vamos?

Para editar, você precisa ir no seu HTML e procurar por
a:link          a:visited          a:hover           ------         Para os links da página principal
 widget a:link       widget a:visited      widget a:hover    ------      Para os links da sidebar
a:link - para os links antes de passar o mouse
a:visited - para os links que você já visitou
a:hover - Para os links quando o mouse passar por cima


Personalizando

- Para personalizar, coloque o código de personalização embaixo do código a:link, a:visited...

border-top: 1px solid #000;      -         border-top é uma borda no topo, ou seja, uma linha no topo. Se quiser em baixo mude top por bottom. 1px é a grossura da linha se quiser mais grosso, vá aumentando o número. Solid é o formato, Sólido. Se quiser pontilhado é dotted e se quiser tracejado é dashed. #000 é a cor.

-webkit-transition; .50s;          -         É o modo fade no link. Para ele funcionar tem que ficar na tag a:link. Se quiser com mais fade, aumente o número.

text-decoration: underline;      -        Troque underline por none para tirar o sublinhado, por italic para ficar itálico ou por line-through 

font-weight: bold;            -           Fonte em negrito



bom gente, é isso! Esses são os efeitos mais recomendados
Beijos e até a próxima :*

14 comentários:

Kaáh disse...

JÁ TO SEGUINDO E OBRIGADA POR SEGUIR :D

Keep Smling (Nathi Venso) disse...

Gostei flor! Ah so um avisinho, estao excluindo os blogs que deixam o link no coment entao so uma dica deixa assim o: sweetcloud-oficial. pois como e blogspot.com a pessoa ja sabe neh...
Bjuuu

imperfectsmiles-nathi.

Beeatriz disse...

Super legaal .

Linda , tem um sorteio lá no blog, conferi lá ? perfilsuperperfeito.blogspot.com.br/2012/09/sorteio.html

× Miki disse...

Supeer útil, os links ficam bem mais fofos personalizados! ^^

Kissus :*
# mikicandy.blogspot.com

Milleny disse...

Adorei o tutorial !
Beijos.

Sweet Imagination

Garota Do Jus. disse...

Oii amor ^^ Adorei seu blog! Super fofo e criativo :)
Ah, estou seguindo aqui,viu?

Beijos
it-girl-official. blogspot.com

Nesu-Chan ★ ねすちゃん disse...

Já conhecia *uu*
Adorei o tutorial!!! <3 ^^

SUCESSOOOO <333

*Girlene* Blog Maluco : ) disse...

Muito
facil
rapido
cute
e resultado e
show
Ameii tutu

Obrigada pela sua visita .
Volte sempre !
Clique no perfil *BLOG MALUCO*
Espero sua visita
Bjokas malucas
Ate mais !!.......

JéssyKomesu disse...

Amei o tutorial!

Kissus ~> Chuvas de Outono!

Miyuki Hiĸαri disse...
Este comentário foi removido pelo autor.
Miyuki Hiĸαri disse...

Yo! x)

Amei o seu blog *o*
Adorei o tutorial, é super útil.
Eu amo o efeito line-through nos links \z \z.

Bye~

Rose Of Pain

Laura Payne disse...

O tutorial é prático e simples, faz muita diferença na hora de personalizar os links :3 Eu adoro colocar fade neles..

seguindo!
d-arkroad.blogspot.com.br

Jhonas Balsas disse...

Muito bom o tutorial, também é super fácil, e fica mais bonito o blog ;)

Jhoonasw {www.ejhonas.com}

Letícia Lopes. disse...

WONT! você é demais..
ainda bem que voltou seu blog tá perfect !

Seguindo é claro, e curtindo a página do blog tabém (:

Curte a minha ? http://www.facebook.com/pages/All-the-lovers/317391324986202?ref=hl


quizer alguma ajuda, só falar.