[Tutorial] Como crear tu esquina doblada explicado a fondo

Hola, aunque este codigo ya esta pues me gustaria volverlo a traer pero mas explicado


¿Que es una esquina doblada?
Una esquina doblada es un javascript con el cual podras ponerla en la esquina superior derecha de tu web
Ejemplo:


Bueno esa es la explicacion de que es una esquina doblada.

Primer paso:
Primero que nada deberas descargar los siguientes archivos
http://sset.webcindario.com/peel.zip
Lo guardas y descomprimes

*Esos archivos estan alojados en mi host por lo tanto no los borrare

Segundo paso:

Ahora que tendran los archivos siguientes


Ahora que ven los archivos tendran que subir los siguientes archivos:

Small.swf
Small.jpg
Large.swf

*Recomiendo que estos archivos lo suban a su propio host como miarroba.com ¿Por que? por que los archivos no seran borrados y no tendran problemas a la hora de tener su esquina doblada

Tercer paso:

Ahora que tienen todos sus archivos en un host vuelvo a decir preferencia el suyo.Abriran el archivo "Edita este js" ahora que lo tienen abierto la siguiente subrrayada es la mas importante:



Muy bien ahora que tienen el archivo abierto tendran que modificar las siguientes partes del code

Donde dice "Url de la web que va a llevar la esquina" es su sitio de internet, su foro, o cualquien cosa osea el link

En estas lineas del codigo ponen la url de archivo donde fue alojado ya sea en su host u otro


Cuarto paso:

Muy bien hasta aqui llevan el 80% de su esquina hecha

Aqui es el paso "dificil" para algunos, en Url de tu captura" pondran una captura de su sitio a ver osea si van a poner a su foro tienen que hacer una captura de el

¿Que es una captura?

Una captura es aquella imagen que podemos tomar desde su PC de un sitio web, o el que deseen

¿Como hago una captura desde mi PC o portatil?

Bueno la mayoria de los teclados trae la funcion "Impr Pant" en mi caso esa funcion se encuentra en la esquina superior derecha de mi teclado con el nombre de "Impr Pant"
Para hacer la captura necesitaran abrir el sitio web que deseen capturar y dar click en "Impr Pant" en ese instante tendran la captura del sito web

¿Pero como podemos ver la captura?
Ahora que presionaron la tecla tendran que abrir algun programa de edicion de imagenes como Photoshop o incluso Paint ya que abrieron su programa tendran que dar "Ctrl+V" osea pegar y automaticamente se pega su captura de su monitor.
Ahora que la tienen pueden editarlar y recortar lo que quieran y guardar como .jpg y subirla a un host

Ahora que ya tienen la url de su captura tendran que pegarla donde dice "Url de tu captura" y listo tienen el code editado, ahora solo tendran que guardarlo como "Ejemplo.js" o cualquier otro nombre pero siempre poniendo .js al final ya que eso hace que se active el efecto


Quinto paso:

Ahora que ya tienen su archivo "Ejemplo.js" guardado, tendran que subirlo a un host.
Ya que tienen la url de "Ejemplo.js" tendran que editar el siguiente codigo

Editaran el code con su url del .js, ahora ya tienen el 99% de su esquina doblada, para tenerla en accion deberan pegar el codigo anterior "Por texto encima de la pagina" y listo tienen su esquina activa.


Espero que les haiga sido util ya que lo hice con mucho entusiasmo y lo intente explicar lo mas que pude, alguna otra pregunta en este post y resuelvo

Salu2
______________
Miguel García | Desarrollador web freelance