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

problema/duvida (css)

Discussão em 'Web Development' iniciada por seis_e_meia, 17 de Junho de 2006. (Respostas: 8; Visualizações: 889)

  1. seis_e_meia

    seis_e_meia Power Member

    oi pessoal

    estou a comelçar a trabalhar com as classes (css) e estou com uma duvida...

    tenho uma classe para o body com comportamentos diferentes relativos aos links , deste modo:

    .body a:link {
    COLOR: #000000;
    BACKGROUND-COLOR: transparent;
    text-decoration: none;
    }
    .body a:hover {
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #FFFFFF;
    text-decoration: underline;
    }
    .body a:visited {
    text-decoration: none;
    }
    .body a:active {
    text-decoration: none;
    }

    como faço para que um link seja sempre considerado como um link novo e não tenha uma classe como visitado?

    o meu problema é que quando o link é visitado e o brower volta a esse mesmo link o comportamento de "hover" dá lugar ao comportamento e "visited" e eu não quero isso..como faço?


    obrigado.
     
  2. keoshi

    keoshi Power Member

    Dá ao link "hover" as mesmas propriedades que um link normal. Assim, mesmo que seja visitado, aparece sempre como 'novo'.

    Já agora, não sei se devias usar o body como uma classe (.body), já que 'body' é uma propriedade global do CSS.
     
  3. seis_e_meia

    seis_e_meia Power Member

    ok :) obreigado pelas dicas

    como disse estou a começar :P

    vou exprimentar...
     
  4. seis_e_meia

    seis_e_meia Power Member

    ok.... funcionou, mas tive de fazer algo mais..
    por o link visited imediatamente abaixo do link:

    .topmenu {font-size: x-small;font-family: arial;color: #FFFFFF;}
    .topmenu A:link {COLOR: #FFFFFF;BACKGROUND-COLOR: transparent;text-decoration: none;}
    .topmenu A:visited {COLOR: #FFFFFF;BACKGROUND-COLOR: transparent;text-decoration: none;}
    .topmenu A:hover {COLOR: #FFFFFF;BACKGROUND-COLOR: #90BDD4;text-decoration: none;}
    .topmenu A:active {COLOR:#FFFFFF;BACKGROUND-COLOR: #90BDD4;text-decoration: none;}

    obrigado
     
  5. [N]

    [N] Power Member

    depois mostra o trabalho se puderes :D também me cou iniciar nisto agora no verao. vou apostar forte
     
  6. keoshi

    keoshi Power Member

    seis_e_meia: isso não deveria influenciar em nada e normalmente mete-se só 'a', não 'a:link'.

    Ah, os 'a' e todos os parâmetros de CSS são em minúsculas se estiveres a apontar para xHTML :)
     
  7. seis_e_meia

    seis_e_meia Power Member

    ok :D
    sempre a aprender...
    so se mete a.hover e a.visited etc?

    o a.link é redundancia é isso?
     
  8. keoshi

    keoshi Power Member

    Atenção, é ':', não sei se fizeste de propósito ou se te enganaste, mas é sempre com ':' (dois pontos).

    O 'a' já é referente aos links, portanto 'a:link' é redundante.
    Já os 'a:hover' e o 'a:visited' são complementares ;)
     
  9. [N]

    [N] Power Member

    Um "truque" útil é definires todas as sub-classes (qual o termo tecnico?) do 'a' por exemplo:

    a,a:link,a:visited,a:active {
    text-decoration:none;
    color:#666;
    text-transform:uppercase;
    font-weight:700;
    }

    análogamente é a mesma coisa que dizeres que de azul, tens uma caneta, um lápis, uma borracha, em vez de dizeres que tens uma caneta azul, um lápis azul e uma borracha azul. Matemáticamente é a mesma coisa que teres 3y + 2y + 4y e transformares em 9y. Isto é uma propriedade da matemática... que se chama... propriedade acumulativa?? :x2:
     

Partilhar esta Página