Autor Tema: HTML y CSS cambiar la apariencia del cursor código ejemplo Efectos CU01054D  (Leído 2083 veces)

hymsoft

  • Intermedio
  • ***
  • Mensajes: 103
  • hymsoft
    • Ver Perfil
Buenas de nuevo, los archivos para el ejercicio de la entrega CU01054D del manual de programación web desde cero con CSS

Saludos!!!!

CU01054D.html

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta name="author" content="Hugo A. Segura" />
    <meta name="description" content="Cursor CSS" />
    <meta name="keywords" content="curso, aprender a programar, html, css,(CU01054D)" />   
    <meta charset="utf-8" />
    <meta name="robots" content="index, follow" />
    <title>Entrega Nº 54 - aprenderaprogramar.com</title>
    <link rel="stylesheet" type="text/css" href="CU01054D.css"/>
  </head>
  <body>
    <div id="div1">
      <p>Lorem ipsum dolor <a href="#">sit amet</a>, consectetur adipisicing elit. Accusamus possimus aut deserunt <a href="#">inventore veritatis</a>, temporibus rem? Odit, culpa porro sed officiis vero iusto similique <a href="#">consectetur quo</a> vitae minus, odio expedita.</p>
    </div>
    <div id="div2">
      <a href="CU01054Db.html" target="_blank"><img src="http://i.imgur.com/fvPDQ4p.jpg" alt="Cerro Fitz Roy"></a>
    </div>     
  </body>
</html>


CU01054Db.html

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta name="author" content="Hugo A. Segura" />
    <meta name="description" content="Cursor CSS" />
    <meta name="keywords" content="curso, aprender a programar, html, css,(CU01054D)" />   
    <meta charset="utf-8" />
    <meta name="robots" content="index, follow" />
    <title>Entrega Nº 54 - aprenderaprogramar.com</title>
    <link rel="stylesheet" type="text/css" href="CU01054D.css"/>
  </head>
  <body>
    <figure class="foto_grande">
    <img src="http://i.imgur.com/6pA7eaC.jpg" alt="Cerro Fitz Roy">
    <figcaption><span>Cerro Fitz Roy</span> - Santa Cruz - Argentina</figcaption>
</figure>
  </body>
</html>

CU01054D.css
Código: [Seleccionar]
* {
  margin: 0;
  padding: 0;
}

#div1, #div2{
  float: left;
  margin: 25px;
  width: 200px;
  height: 300px;
  border: 5px solid violet;
}

#div1 a:hover{cursor: help;}

#div2 a img{width: 300px;height: 200px;cursor: zoom-in;}

.foto_grande img{
  width: 800px;
  height: 600px;
}

.foto_grande span{font-weight: bold;}
« Última modificación: 12 de Octubre 2016, 13:33 por Alex Rodríguez »
"Una persona inteligente es aquel que sabe ser tan inteligente como para contratar gente mas inteligente que el"

Chompy129

  • Intermedio
  • ***
  • Mensajes: 130
  • Programar es divertido. :)
    • Ver Perfil
Re:Cursor CSS. Efectos (CU01054D)
« Respuesta #1 en: 02 de Octubre 2016, 06:49 »
Hola hymsoft!  :D
El ejercicio esta bien hecho.

Saludos.

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".