1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Hiperligação (cores e efeitos)

Discussão em 'Web Development' iniciada por XtremuZ, 13 de Julho de 2008. (Respostas: 8; Visualizações: 2864)

  1. XtremuZ

    XtremuZ I'm cool cuz I Fold

    Boas
    É o seguinte, eu tenho um site de que tenho várias hiperligações, mas a cor definida não é visível para um dos items, devido ao fundo do site.
    Gostava de saber se é possível adicionar mais do que uma cor ou efeito, para criar hiperligações, em items diferentes, ou se tenho de criar um .gif para o efeito.
    Espero ter-me feito entender.
    CumpZ

    PS: uso CSS.
     
  2. nram

    nram Power Member

    hiperligaçoes???
    vai ao css e mete:

    a { color: (aqui fica o RGB da cor ) }

    exemplo:

    Código:
    a{color:#012141;}
    cumprimentos.
     
  3. XtremuZ

    XtremuZ I'm cool cuz I Fold

    Esse código para essa variável tenho eu, o problema é definir items com variável idêntica para cores diferentes =\
    Não estou bem a perceber como dou a volta à situação
     
  4. Kayvlim

    Kayvlim Undefined Moderator
    Staff Member

    style:
    a#especial:link { color: #012141; }

    hiperligação:
    <a id="especial" href="...">o teu link</a>

    Ficas com uma hiperligação "especial", que tem uma cor diferente das demais.

    É isto?
     
  5. nram

    nram Power Member

  6. XtremuZ

    XtremuZ I'm cool cuz I Fold

    Lembrei-me agora de algo que pode funcionar.
    Já digo qualquer coisa.
     
  7. XtremuZ

    XtremuZ I'm cool cuz I Fold

    LOOL ok.
    Só agora é que o consegui fazer. :P
    Obrigado na mesma pela ajuda pessoal.
     
  8. goncalocard

    goncalocard Power Member

    Os meus links ficam sempre roxos, e por exemplo quando clico numa imagem , no momento que clico aparece um border vermelho a volta da imagem, não dá para tirar isso?
     
  9. - Deixar de ser "roxo" quando visitado:

    a:visited {color: cor-diferente-de-roxo;}

    - Tirar a borda da imagem:

    img {border: none;}
     
    Última edição: 14 de Março de 2010

Partilhar esta Página