Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: 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:
<!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:
<!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:
@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;
}
-
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