Como alterar cor de link activo??

[maddox]

Boa Tarde

Como faço para que o link correspondente a cada página seja de cor diferente quando acedemos a essa mesma página?

Ou seja, quero que o link da página actual tenha uma cor diferente para que o visitante perceba em que link se encontra.

Tenho o seguinte css:

/* LINKS */
#nav-link
{
    height: 10.5px;
    vertical-align: top;
    padding-right: 10px;
} 

#nav-link a:link
{
    display: block;
    color: #808080;
    font-family: 'neo Tech Pro' , 'neo Tech Pro light' , Verdana, Tahoma;
    text-decoration: none;
    font-size: 10.5px;
} 

#nav-link a:visited
{
    color: #999999;
    font-size: 10.5px;
    font-family: 'neo Tech Pro' , 'neo Tech Pro light' , Verdana, Tahoma;
    text-decoration: none;
} 

#nav-link a:hover
{
    color: #333333;
    font-size: 10.5px;
    font-family: 'neo Tech Pro' , 'neo Tech Pro light' , Verdana, Tahoma;
    text-decoration: none;
} 

#nav-link a:active
{
    color: #FFFFFF;
    font-size: 10.5px;
    font-family: 'neo Tech Pro' , 'neo Tech Pro light' , Verdana, Tahoma;
    text-decoration: none;
    background-color: #114754;
} 

Quando clico no link ele passa logo para visitado, só assume as definições do activo no momento que que carrego.

Obrigado pela ajuda.

[yoda]

Boas,

O que queres é atingível por javascript ou php.

[maddox]

E como faço isso em javascript?  ?

[yoda]

Afinal fiz confusão, tinha percebido que querias outra coisa.

O que tens a fazer é arranjar uma classe em css para meter no link que está activo. exemplo :

#nav-link a.selected {
    display: block;
    color: red;
    font-family: 'neo Tech Pro' , 'neo Tech Pro light' , Verdana, Tahoma;
    text-decoration: none;
    font-size: 10.5px;
} 

ps: não recomendo o uso desse tipo de letra, por não ser standard e não aparecer provavelmente em 90% dos computadores.

[maddox]

Boas.

Obrigado pela ajuda mas tentei e não funcionou. Tem alguma ideia do se esteja a passar?

Obrigado

[yoda]

Tem de funcionar. Coloca a classe no item que queres que esteja "seleccionado" em cada página.

[maddox]

Tem de funcionar. Coloca a classe no item que queres que esteja "seleccionado" em cada página.

Boa tarde,

O site é em aspx, logo uso masterpages e os links encontram-se na masterpage. Como pode o link saber em que página estou?

[yoda]

O link nunca sabe isso, tem de ser o aspx a identificar a pagina em que está.

[maddox]

O link nunca sabe isso, tem de ser o aspx a identificar a pagina em que está.

Desculpe a minha ignorância mas como faço isso? tem algum manual ou exemplo de como fazer?

[yoda]

Sabes programar em asp? Se souberes, não é difícil. É o mesmo processo de identificar um item seleccionado numa select box.

[maddox]

Sabes programar em asp? Se souberes, não é difícil. É o mesmo processo de identificar um item seleccionado numa select box.

Sou iniciante em asp. Ando viciado mas quando "encravo" em alguma coisa dou muitas cabeçadas 😉 mas não desisto. Ok vou procurar e ler sobre isso. Comprei o livro "O Guia Prático do ASP.NET com SQL Server 2008", acha que é prático e que lá consigo encontrar isso?

[yoda]

Isso é programação básica, em princípio. Nunca aprendi ASP.NET, mas a partir do momento em que se sabe em que página está por ASP, é fácil.

Vou mover o tópico para ASP, deve ter mais ajuda lá.