Efecto pagina doblada en la esquina de tu web
:: Tutoriales :: Tutoriales PWG
Página 1 de 1.
Efecto pagina doblada en la esquina de tu web
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 ARCHIVO
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. Si no sabes como usar Google para alojar archivos, lee
este tutorial: http://javidj.foroactivo.com/links-de-utilidad-f20/tutorialusar-google-page-para-alojar-archivos-t3705.htm
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, tambien hazlo en google pages.
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:
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.
2-Descargar ESTE ARCHIVO
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. Si no sabes como usar Google para alojar archivos, lee
este tutorial: http://javidj.foroactivo.com/links-de-utilidad-f20/tutorialusar-google-page-para-alojar-archivos-t3705.htm
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, tambien hazlo en google pages.
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.
:: Tutoriales :: Tutoriales PWG
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.