Autor Tema: modificar el aspecto del cursor al pasar el ratón por encima con CSS CU01054D (Leído 1862 veces)

salvadoruve · « **en:** 06 de Febrero 2016, 14:35 »

Hola os dejo mi ejercicio resuelto respecto a la modificación de cursores, que me pareció muy simpático.

Un saludo!!

Este es el html principal:

Código: [Seleccionar]

<!DOCTYPE html>

<html>

<head>

	<meta charset="utf-8">
	<title>que cursor estas hecho</title>
	<link rel="stylesheet" type="text/css" href="estilosej544.css">

</head>

<body>

	<div id="div1"><h1>Si quieres aprender a <a href="http://www.retrosistemas.es/media/blogs/lajungla/modelo2.jpg?mtime=1362666481">programar</a>, lo mas importante es que seas <a href="http://1.bp.blogspot.com/_JNFK5xfCMN4/TE7WHUCPVzI/AAAAAAAABDI/fWNTsn6KWlY/s1600/frikis+2+%281%29.jpg">consciente</a> de lo mas importante. ¿Me <a href="http://www.esferaiphone.com/uploads/parental-advisory-explicit-lyrics.jpg">explícito</a>?</h1></div>

	<div id="div2">

		<a href="documento544.html" target="_blank"><img src="perros-feos300.jpg"></a>

	</div>

</body>

</html>

este el html link:

Código: [Seleccionar]

<!DOCTYPE html>

<html>

<head>

	<title>La foto</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="estilosej544.css">

</head>

<body>

	<img src="perros-feos600.jpg">

</body>

</html>

Y este el archivo css:

Código: [Seleccionar]

@font-face { font-family: "Candyshop"; src: url('Candy Shop.ttf');}

h1 {
	font-family: "Candyshop";
}

div {
	margin: 25px; padding: 0px;
}

#div1 a {
	cursor: help;
}

#div2 img {
	cursor: zoom-in;
}

Ogramar · « **Respuesta #1 en:** 08 de Febrero 2016, 09:44 »

Buenas salvador los cursores y efectos de cursores funcionan bien

Te ha faltado establecer los anchos de los div que pedía el ejercicio. Tampoco los has puesto en horizontal. Puedes ver un ejemplo de cómo hacerlo en https://www.aprenderaprogramar.com/foros/index.php?topic=3792.0

Para que quienes revisemos el código podamos ver las imágenes es recomendable que como rutas de imágenes escribas una url en lugar de una ruta local, de ese modo podremos verlas, en cambio si es un archivo local sólo lo puedes ver tú

Salu2

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: