Foros del Web » Creando para Internet » CSS »

Cambiar manito en los vinculos

Estas en el tema de Cambiar manito en los vinculos en el foro de CSS en Foros del Web. Buenas noches, es posible cambiar la manito que se muestra en cada enlace o vinculo de la página ó paginas...
  #1 (permalink)  
Antiguo 27/11/2008, 21:50
 
Fecha de Ingreso: marzo-2008
Mensajes: 33
Antigüedad: 16 años, 1 mes
Puntos: 0
Cambiar manito en los vinculos

Buenas noches, es posible cambiar la manito que se muestra en cada enlace o vinculo de la página ó paginas
  #2 (permalink)  
Antiguo 27/11/2008, 21:54
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Respuesta: Cambiar manito en los vinculos

Se puede hacer con CSS: http://www.w3schools.com/CSS/pr_class_cursor.asp, y como allí se explica, también puedes cambiar el estilo CSS con Javascript:
Código javascript:
Ver original
  1. elem.style.cursor = "pointer";
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 27/11/2008, 22:27
 
Fecha de Ingreso: marzo-2008
Mensajes: 33
Antigüedad: 16 años, 1 mes
Puntos: 0
Respuesta: Cambiar manito en los vinculos

Gracias por tu aporte, sucede que ya tengo creadas varias páginas en las cuales ya estan definidos los vinculos... por ejemplo <a href="index.html" class="VINCULOS">INICIO</a>, donde vinculos es un estilo definido de la siguiente manera

.VINCULOS {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
border-bottom-style: none;
border-top-style: none;
border-right-style: none;
border-left-style: none;
text-decoration: underline;
}

Hay alguna forma de que se desactive la mano de los enlaces y se defina otro?
  #4 (permalink)  
Antiguo 28/11/2008, 09:37
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Respuesta: Cambiar manito en los vinculos

Hola kmics

Prueba añadiendo esto a tu código:

Código css:
Ver original
  1. cursor:url(tucursor.cur, default);

Mensaje movido al foro de Css desde Javascript.

Saludos,
  #5 (permalink)  
Antiguo 28/11/2008, 12:09
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 16 años, 1 mes
Puntos: 142
Respuesta: Cambiar manito en los vinculos

Agrego que si vas a usar un cursor personalizado, vas a necesitar un programa para crearlos, ya que IE no acepta imágenes como los otros navegadores
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #6 (permalink)  
Antiguo 30/11/2008, 08:27
Avatar de RockerCool  
Fecha de Ingreso: noviembre-2008
Mensajes: 10
Antigüedad: 15 años, 4 meses
Puntos: 0
Respuesta: Cambiar manito en los vinculos

FACIL MIRA TU PAGINA TIENE QUE TENER EL CSS APARTE REDDICIONANDOLO PONES

EN TU PAGINA dentro de las etiquetas head

<link href="style2.css" type="text/css" rel="stylesheet">


luego en una hoja aparte de CSS

LO sgte


@charset "utf-8";
/* CSS Document Created By Rocker Cool www.rockercool.co.cc */

a:link {
color: #FFF;
text-decoration: none;
}
a:visited {
color: #FFF;
text-decoration: none;
}
a:active {
color: #FFF;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #9f9f9d;
}

BODY {
scrollbar-3d-light-color: #999999; scrollbar-arrow-color: #C0C0C0; scrollbar-base-color: black; scrollbar-dark-shadow-color: #333333; scrollbar-face-color: #000000; scrollbar-highlight-color: #999999; scrollbar-shadow-color: #C0C0C0
}
BODY {
CURSOR: url('cur.ani'); <<<<<----- cursor normal
color: #FFF;
}
A {
CURSOR: url('manito.ani') <<<<<------ cursor manito
}
  #7 (permalink)  
Antiguo 30/11/2008, 08:29
Avatar de RockerCool  
Fecha de Ingreso: noviembre-2008
Mensajes: 10
Antigüedad: 15 años, 4 meses
Puntos: 0
Respuesta: Cambiar manito en los vinculos

PERDON DODNE TE DIJE QUE PONGAS

<link href="style2.css" type="text/css" rel="stylesheet">

pones :
<link href="style.css" type="text/css" rel="stylesheet">
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:03.