Entrar

Duda sobre los enlaces

silvia alvarado · · Solicitar retirada
Antes que nada quiero agradecer la ayuda en otras dudas que he tenido me ha sido de mucha utilidad este foro. Bueno, la pregunta que ahora tengo es como hacer que los enlaces se marquen indicando en que página está el visitante.
siddel77 · · Solicitar retirada
supongo que lo que quieres hacer es algo así como hacen las páginas que tienen "tabs" y te marcan diferente la de la página en que estas.

Una solución simple, sería que en las páginas le pusieras un class="talpagina", donde talpagina varía según la página, y luego en los links puedes poner un class="talpaginalink", entonces en tu css pondrías

body.talpagina a.talpaginalink:link {
/*Aquí los estilos diferentes para "marcar" el link*/
}

Hay muchas maneras, esta es la que se me ocurre ahora

Saludos!!
silvia alvarado · · Solicitar retirada
Lo siento pero no me ha quedado muy claro, me gustaria que me lo explicaran mejor o si me pudieran dar otra solución u otra forma de como hacerlo se los agradecería mucho.
siddel77 · · Solicitar retirada
La solucion mas simple que se me ocurre y mas facil de entender es hacerlo a mano, o sea, si son pocas paginas, en las que tiene que estar marcado un enlace, le pones un color o una imagen diferente directamente.

Ahora, te explico lo del mensaje anterior. lo que tendrías que hacer es si tienes una pagina de, digamos, "contacto", en la etiqueta body le pones <body id="contacto"> y luego en los enlaces ponerle un class relacionado, en este caso, el link de contacto diría algo así <a href="contacto.html" class="contactolink">

Luego de hacer esto, en la hoja de estilos deberías tener una regla que fuera:
body#contacto a.contactolink{
/*Aqui las reglas para hacer que el formato sea diferente, por ejemplo: */
background-color: #348912;
background-image: url("imagen.jpg");
color:#128934;
/*Etc...*/
}

Esto lo deberías repetir para cada tipo de página y su link correspondiente, o sea, si tuvieras una pagina de inicio con su link, deberias poner <body id="inicio"> <a class="iniciolink"> etc. y luego en el css body#inicio a.iniciolink{/*codigo css*/}

Esto lo que hace es ponerle los estilos especiales a los link de la clase "algolink" que estan dentro de una etiqueta body con id "algo".

¿Quedó un poco mas claro? Cualquier cosa nos avisas, y si quieres postea tu codigo y te mostramos un ejemplo

Saludos!!