Como cambiar el color de un link activo

[Scape]

Hola, me gustaría saber en un menú de mi web que cuando un link esté en activo que se quede en un color en concreto.

Pensé que era así a:active pero no funciona. se tiene que añadir algo más?

Gracias

[pzin]

Los enlaces activos no son aquellos que se están visitando, sino aquellos es los que se está haciendo click. Luego la pseudo-clase active no es para lo que quieres hacer.

Tendrías que crear una nueva clase en CSS y definir el color u otros estilos que necesites, y luego mediante programación de lado servidor añades en caso de que se esté visitando esa página. No es posible hacerlo puramente mediante CSS. A menos que sean enlaces en la misma página, que seguramente no sea tu caso.

[Scape]

Son enlaces dentro de mi web. Pensé que si era posible hacerlo,

Es complicado?

[pzin]

Es posible si son enlaces en la misma página, no en la misma web.

Complicado no es. ¿Qué lenguaje de servidor usas?

[Scape]

Iniciado por pzin

Es posible si son enlaces en la misma página, no en la misma web.

Complicado no es. ¿Qué lenguaje de servidor usas?

Mira es este menú

http://www.prot-on.com/proteger-documentos-o-fotografias

[pzin]

Si, en esa página añaden mediante el lenguaje de servidor una clase en HTML:

Código HTML:

<span class="active-organizaciones">Organizaciones</span>
 

Y luego tienen en el CSS esa clase referenciada para poner un color al enlace:

Código CSS:

.active-organizaciones {
  color: #F15312;
  font-weight: normal;
}
 

Es lo que te decía en el primer mensaje. Tienes que poner una clase en el HTML al elemento del menú que está activo.

[Scape]

Iniciado por pzin

Si, en esa página añaden mediante el lenguaje de servidor una clase en HTML:

Código HTML:

<span class="active-organizaciones">Organizaciones</span>
 

Y luego tienen en el CSS esa clase referenciada para poner un color al enlace:

Código CSS:

.active-organizaciones {
  color: #F15312;
  font-weight: normal;
}
 

Es lo que te decía en el primer mensaje. Tienes que poner una clase en el HTML al elemento del menú que está activo.

Buf entonces se me complica porque es de un widget y ni la menor idea de como meterlo en el html.

Gracias

[Scape]

[QUOTE=Scape;4437229]Mira es este menú

[Scape]

Iniciado por pzin

Si, en esa página añaden mediante el lenguaje de servidor una clase en HTML:

Código HTML:

<span class="active-organizaciones">Organizaciones</span>
 

Y luego tienen en el CSS esa clase referenciada para poner un color al enlace:

Código CSS:

.active-organizaciones {
  color: #F15312;
  font-weight: normal;
}
 

Es lo que te decía en el primer mensaje. Tienes que poner una clase en el HTML al elemento del menú que está activo.

Ya está, pero nada, no se queda activado el color, me debe de faltar algo.

[pzin]

Pues pon el código que hiciste, sin eso poco se te puede decir.

[Scape]

a:hover a.active-profesionales {color:#184B6A;}

[pzin]

¿Y en el HTML pusiste la clase .active-profesionales en algún sitio?

[Scape]

Iniciado por pzin

¿Y en el HTML pusiste la clase .active-profesionales en algún sitio?

Si en el link ese está puesta esa clase en el html.

[pzin]

Prueba así:

Código CSS:

a.active-profesionales:visited {
  color: #184B6A;
}
 

[agunet]

Codigo CSS

Código CSS:

a:link.categoria{color:black;text-decoration:none;}
    a:visited.categoria{color:black;background:#ffb258;text-decoration:none;}
    a:hover.categoria{color:black;background:#ffb258;text-decoration:none;}
    a:active.categoria{color:black;background:#ffb258;text-decoration:none;}
 

Códgido PHP:

Código PHP:

echo "<a class='categoria' href='index.php?cat_id=$cat_id&accion=c&ca=$ca'>$descripcion</a> \n";
 

Lo que quiero es que muestre el mismo color cuando el moue pasa por arriba del enlace, cuando se haceclick en el enlace y cuao el el elnace esta acivo.

Lo queno me anda es lo ultimo. Al hacer click enuna cateogria, no queda pintada,

Veo que aca hay istas per no me sirve ninguna por ahora :(

[Scape]

Iniciado por pzin

¿Y en el HTML pusiste la clase .active-profesionales en algún sitio?

No, a mi tampoco me funciona, jooooerrr

[Scape]

Este es mi código html

<div class="contenido">
<div id="secondary" class="widget-area secundarioLateral" role="complementary">
<div class="primerospasos">
<aside id="iclw-2" class="widget widget_iclw">
<h3 class="widget-title">Menú Primeros Pasos</h3>
<ul>
<li class="active">
<li class="active">
<li class="active">
<a href="http://www.prot-on.com/proteger-documentos-o-fotografias">3. Como proteger archivos</a>
</li>

Como tendría que ser mi css para poder hacer que el link activo se quede en azul.

.secundarioLateral .primerospasos a {font-size:1.0em; color:#636363; line-height: 0.5; padding-right: 5px; }
.secundarioLateral .primerospasos a:visited {color:#979797;}

y ahora?

[pitufoweb]

Hola,


Un link "activo" es simplemente una clase aplicada a un link para darle los estilos deseados igual como lo harías con a cualquier otro elemento.


Por ejemplo si tienes 2 paginas.


Pagina 1:

<a class="pagina-activa" href="">pagina 1</a>
<a href="">pagina 2</a>


Pagina 2:

<a href="">pagina 1</a>
<a class="pagina-activa" href="">pagina 2</a>

CSS:
a.pagina-activa {color:red;}




Saludos

[Scape]

Iniciado por pitufoweb

Hola,


Un link "activo" es simplemente una clase aplicada a un link para darle los estilos deseados igual como lo harías con a cualquier otro elemento.


Por ejemplo si tienes 2 paginas.


Pagina 1:

<a class="pagina-activa" href="">pagina 1</a>
<a href="">pagina 2</a>


Pagina 2:

<a href="">pagina 1</a>
<a class="pagina-activa" href="">pagina 2</a>

CSS:
a.pagina-activa {color:red;}




Saludos

Sí, la teoría está muy bien, pero la práctica...

[pitufoweb]

Iniciado por Scape

Sí, la teoría está muy bien, pero la práctica...

La practica?


Que tal con este ejemplo?

http://s335454326.onlinehome.us/demo/pagina1.html





Saludos

[Scape]

Iniciado por pitufoweb

La practica?


Que tal con este ejemplo?

http://s335454326.onlinehome.us/demo/pagina1.html





Saludos

No entiendo por qué a mi se activa ese color sin hacer clic en el link, mira.

http://www.prot-on.com/proteger-docu...-o-fotografias

menú de la izquierda

[pitufoweb]

Iniciado por Scape

No entiendo por qué a mi se activa ese color sin hacer clic en el link, mira.

http://www.prot-on.com/proteger-docu...-o-fotografias

menú de la izquierda

Hola,

No se si te tomaste la molestia de analizar el ejemplo que deje...Solo son 2 lineas de código. Tomate 5 minutos y mira como funciona...es muy sencillo.

El "click" NO tiene nada que ver...Da lo mismo si haces click o no...Lo que hace que funcione es la clase. Si entras en la "pagina 2" del ejemplo ( http://s335454326.onlinehome.us/demo/pagina2.html ) veras que aun así funciona, sin darle "click"

En tu web todos los enlaces tienes la clase de .active...Es normal que todos tengan el mismo estilo.


Siento ser un poquito "duro" pero aveces solo así se aprende



Saludos

[Scape]

Iniciado por pitufoweb

Hola,

No se si te tomaste la molestia de analizar el ejemplo que deje...Solo son 2 lineas de código. Tomate 5 minutos y mira como funciona...es muy sencillo.

El "click" NO tiene nada que ver...Da lo mismo si haces click o no...Lo que hace que funcione es la clase. Si entras en la "pagina 2" del ejemplo ( http://s335454326.onlinehome.us/demo/pagina2.html ) veras que aun así funciona, sin darle "click"

En tu web todos los enlaces tienes la clase de .active...Es normal que todos tengan el mismo estilo.


Siento ser un poquito "duro" pero aveces solo así se aprende



Saludos

Pues nada que lo dejo como está que no tengo ni idea de como se hace.

Sabes si puedo eliminar las urls que puse aquí?