In Tutoriais

Tutorial: Links com brilho

Voltei !
Cheguei ontem a noite aqui em casa, ou melhor, aqui em minha nova casa; além da viagem, me mudei também :3 Minhas aulas começarão dia 08 de agosto, então tenho um tempinho a mais para descansar.
Quero agradecer por vcs visitarem aqui esses dias e pelos comentários fofos que recebi ^-^
Como vcs estão? Espero que estejam todos super bem!
Trouxe comigo um mini-tutorial sobre como colocar brilhos nos links de um site; necessariamente, não precisa ser só brilhos, pode ser qualquer imagem, mas na minha opinião, fica mais fofo com brilhinhos hihihi ;3
Bem, não sou expert em html, mas vou tentar...
Os efeitos nos links ficam assim: (passe o mouse sobre o link e a imagem):
             http://reinokawaii.blogspot.com

Colocando em seu site:
-Primeiro vá até a área de edição de html do seu template e procure pela parte referente aos links, a:link, a: visited, a:hover.

- a:hover é onde vamos editar; substitua essa área por esse código aqui:
a:hover { text-decoration:none; color: AQUI VC COLOCA O CÓDIGO DA COR DE SUA PREFERENCIA; border-top:AQUI VC COLOCA O CÓDIGO DA COR DE SUA PREFERENCIA 1px dashed; border-bottom:AQUI VC COLOCA O CÓDIGO DA COR DE SUA PREFERENCIA 1px dashed; background: url(URL DA IMAGEM);}
É só substituir os locais indicados no código por cores que vc goste para personalizar o link e colocar a URL de uma imagem que irá se destacar quando o mouse estiver sobre o link.
Espero que tenha conseguido passar para vcs como coloquei esse efeito em meus links, lembrando que qualquer dúvida, sintam-se a vontade para perguntar ok?
Encontrei esse código em um template, no qual haviam créditos para os códigos usados pela designer (http://little-nincompoop.blogspot.com) para esse site: http://creambunny.co.nr
beijinhus...

Related Articles

2 comentários:

  1. Ahhh que hermosoooo, me encantan los brillos, son bellos.
    El tutorial está genial, muchas gracias por publicarlo. Eres muy amable.
    Un beso grande.

    ResponderExcluir
  2. Amei o tutorial
    http://cuteworld-oficial.blogspot.com/

    ResponderExcluir

Muito obrigada por seu comentário e por sua presença! Ambos são super importantes para mim.

Apenas peço que:
- Comente a vontade, dê sua opinião, faça críticas, esclareça suas dúvidas e dê suas sugestões sobre o assunto referente às postagens;
- Use um vocabulário livre para todas as idades;
- Não ofenda ninguém em hipótese alguma.

Os comentários são moderados e não são permitidos comentários de pessoas que não se identifiquem. Algumas dúvidas podem ser previamente esclarecidas na F.A.Q, assim como créditos e outras coisas.

Por favor, entrem em contato por meio das redes sociais também para dúvidas, sugestões, pedidos ou outros:
Facebook - Twitter - Google+ - Deviantart