Menu
Efecto de esquina doblada
Bueno como varios son los ke me han preguntado por este efecto, me di a la tarea de buscarlo nuevamente, no se los habia podido dar antes, debido a fallas tecnicas en mi pc , y lo habia perdido, pero ya lo encontre y aki se los traigo.
Se trata del efecto de una pagina doblada en la eskina de tu web, con la web ke tu kieras ke se vea, debajo al pasar el mouse,lean bien todo el tuto para que puedan lograrlo.
1-hagan una captura de pantalla de la web ke van a mostrar en la eskina, ojala sea de 500x500, asi la tengo yo en mi web,guarden la imagen.
2-Descargar este zip: http://www.badongo.com/file/9507342
3-Descomprimirlo ya que esta en zip
4-La imagen de la captura, tambien juntarla en la misma carpeta que acabas de descomprimir
5-Al descomprimirlo veran 2 carpetas dentro, abran la ke dice Peel
6-Veran 6 archivos de los cuales solo vamos a usar 5.
7-Suban o alojen estos archivos : Small.swf, Small.jpg ,large.swf , y la imagen de captura que creaste, que sustituira al large.jpg, asi llamaras a tu captura en Google Pages o algún servicio de alojamiento para conseguir las direcciones URL de cada archivo.
Una vez conseguidas las urls de estos archivos, deberan editar el archivo llamado peel jscript script file
Lo pueden abrir con el bloc de notas y las partes a editar con las urls que tienes de los otros archivos,
var jaaspeel = new Object();
jaaspeel.ad_url = escape('http://URL DE LA PAGINA QUE SE VERA EN LA ESKINA');
jaaspeel.small_path = 'http://URL DEL ARCHIVO small.swf';
jaaspeel.small_image = escape('URL DEL ARCHIVO small.jpg');
jaaspeel.small_width = '100';
jaaspeel.small_height = '100';
jaaspeel.small_params = 'ico=' + jaaspeel.small_image;
jaaspeel.big_path = 'http://URL DEL ARCHIVO large.swf';
jaaspeel.big_image = escape('http://URL DE LA IMAGEN DE FONDO GUARDADA COMO large.jpg');
jaaspeel.big_width = '650';
jaaspeel.big_height = '650';
jaaspeel.big_params = 'big=' + jaaspeel.big_image + '&ad_url=' + jaaspeel.ad_url;
Tu imagen de captura, reemplaza a la ke viene en la carpeta, o sea la ke dice "large.jpg" esa sera la imagen que creaste antes.
Una vez modificados todos estos datos, dale guardar, te preguntara si deseas guardar los cambios, le diras que si y subiras este archivo para conseguir la url,
Cuando ya tengan todo listo, van a usar este codigo y lo pegaran en el box ke dice TEXTO POR DEBAJO DE LA PAGINA, este es el codigo:
| Código: |
|
<script src='URL DEL ARCHIVO peel.js'
type='text/javascript'/> |
Donde dice URL DEL ARCHIVO peel.js, alli copias la url de tu archivo peel.js
Se le puede tambien cambiar el tamaño de la ventana de la eskina, pero yo prefiero dejarlo asi, espero lo entiendan y les sirva, lean despacio y con atencion para que todo les salga bien.
El codigo yo lo pegue justo debajo del codigo de mi plantilla, otra cosa que debo decirles, si tenemos cabezal en flash, es posible ke no se visualice el efecto.
el host recomendado para subir este archivo y otros .js es http://pmsc.free.fr/
tutorial gracias a didita9.es.tl