• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

maddox

Como alterar cor de link activo??

12 mensagens neste tópico

:wallbash: 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.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Boas.

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

Obrigado

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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á.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora