viernes, 14 de febrero de 2014

Especial San Valentín.- HTML, Bloc de notas y un poco de preparación

Hace tiempo que quería desempolvar mi HTML junto a CSS y JQuery, es mas este blog en un principio iba destinado a eso, pero ayer por la noche se me ocurrió la idea de hacer algo para San Valentín partiendo de un bloc de notas y en HTML "A saco" a ver hasta donde era capaz de llegar en una hora de código. 

Así que empecé a prepararlo todo por la noche. Fotos, código, botones, ideas todo lo que me iba ha necesitar para cuando me pusiera a grabar hoy. El resultado es el código que podéis ver en la captura del Sublime Text 2.

No se ve muy bien, dale clic para agrandar.

La verdad es que entre probar ideas, ver si funcionaban, encontrar imágenes y todo se me fue un poco todo lo demás, estaba entretenido queriendo dar esta sorpresa. Si, soy mucho de hacer este tipo de chorradas y al final de todo el codigo que he hecho en el blog de notas hay una felicitación especial para vosotros y para mi novia. (To'cursi que soy, aunque ha molado ^^)

La pena es que al subirlo me he dado cuenta que estaba un poco cortado de la parte de arriba T_T pero bueno a mi me sigue gustando y espero que os guste a vosotros también.



Aquí tenéis el código final por si os interesa: 
<html>
<head>
<title>"100% Pixel Pasteloso</title>
</head>
<body background = "http://img.wonderhowto.com/img/30/27/63519401626865/0/transcribe-color-certain-pixels-onto-form-mosaic-animation.w654.jpg">
<div><img src="http://static2.wikia.nocookie.net/__cb20120921130807/zelda/es/images/d/d5/Coraz%C3%B3n.png" WIDTH=178 HEIGHT=180>
</div>
<div ALIGN=middle><img src="http://gamersworldplus.com/wp-content/uploads/2013/11/megaman-8-bit-sprite-png16-bit-sprites--link-by-toshirofrog-on-deviantart-bqv4pw7x.png" WIDTH=278 HEIGHT=280>
</div>
<p ALIGN=middle><FONT FACE="fantasy" SIZE =10>¡Solo tu amor puede ayudarme cuando estoy en peligro!</FONT> </p>
<p ALIGN=middle><FONT FACE="fantasy" SIZE =10>¿Qué debería utilizar para Ganar?</FONT> </p>
<div><button type="button" onclick="window.location.href = 'http://gifmaker.me/PlayGIFAnimation.php?folder=2014021321QGXkZEewFvKyqsFxJ6zSRT&file=output_M6P8qF.gif&music=https://www.youtube.com/watch?v=5VRr9NG7RE0&start=0'" target="_blank"><img src="http://static1.wikia.nocookie.net/__cb20121027104721/zelda/es/images/1/18/Poci%C3%B3n_Roja_ALttP.png" WIDTH=278 HEIGHT=280></button> 
<button type="button" onclick="window.location.href = 'http://gifmaker.me/PlayGIFAnimation.php?folder=2014021321ECALvGIaVDa9tVnq4bsrTm&file=output_0ml7my.gif&music=https://www.youtube.com/watch?v=rQk1e8aKL38&start=0'" target="_blank"><img src="http://img2.wikia.nocookie.net/__cb20130416123903/thelegend-of-zelda-fanon/es/images/thumb/4/49/Kitsune_toon_link_by_angelthehedgehog03-d47e5fi.png/368px-Kitsune_toon_link_by_angelthehedgehog03-d47e5fi.png" WIDTH=278 HEIGHT=280></button></div>
<p ALIGN=middle><FONT FACE="fantasy" SIZE =10>Eres la mejor <3 ¡Feliz Dia de San Valentin a todos! </FONT> </p>
</body>
</html>
Creo que esta en la entrada mas larga de mi blog pero hoy me vais a permitir que este "ñoño" y elegante.


Eres la mejor <3 <3 <3 

No hay comentarios:

Publicar un comentario