Epilogo
☰  MENU

Publicar Edictos en Registradores. org (Navegador Google Chrome,Edge, Opera, Maxthon 6) Extensión IE Tab

H asta hace unos tres meses la web de Registradores no facilitaba el acceso a la publicación de edictos, salvo para el navegador Internet ...


☜ ☞

Page Curl (Query)

Imagino que muchos de vosotros habréis visto alguna vez esos sitios donde, al pasar el ratón sobre ella, se abre una esquina de la página, para dejar ver algún tipo de información (rss, patrocinadores, avisos...). Pues eso hace Page Peel. En esta dirección tenéis tanto los scripts para descargar como una demo de su funcionamiento. Si queréis ver cómo va en Blogger, podéis echar un ojo a mi propia prueba, en la esquina derecha de este Blog, pero tened paciencia, hasta que termine de cargar la página: sólo cuando termina de cargar aparece la esquina doblada y, al pasar sobre ésta el ratón, se abre para dejar visible su contenido.

No es muy complicado de hacer, porque el esqueleto del hack es sencillísimo:
Consta del básico query, que yo elijo siempre de Google code, y del script que "diseñará" vuestro page peel y que debéis abrir para completar:

.- HTML: Lo colocaréis en el sitio del blog donde queráis que se abra la esquina: en el footer o en el body, por ejemplo. En mi caso, lo he colocado bajo el segundo, así:

<body>

<div id='pagePeel'> </div>



.- SCRIPTS:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.js' type='text/javascript'/>

<script src='http://.../jQuery_pagePeel.1.2.1.js' type='text/javascript'/>

<script type="text/javascript">



$().ready(function(){

$('pagePeel').pagePeel({}); }



</script>


Bien: respecto del primer script, aquí no hay nada más que hacer. En el segundo, tenéis que abrirlo e introducir cosas como las imágenes de la esquina (thumb y tamaño normal) en formato de imagen o en formato swf... y es que el Page Peel nos permite optar por "con o sin" flash. Además, habréis de introducir, si es que queréis una imagen interior en flash, pues ésta misma en su formato correspondiente. Además, dependiendo de lo que queráis, pondréis en "false" o "true" el flash y la animación introductoria. Además, ajustar a vuestras necesidades los tamaños de la esquina y de las imágenes.

Para que os hagáis una idea, os pongo un fragmento de mi script (eso sí: como se trata de un ejemplo, he dejado en "true" el flash de la imagen y la animación... aunque no pienso utilizarlo, de momento):

$.fn.pagePeel = function(options){



var defaults = {



// SET WIDTH / HEIGHT OF CORNER AD WHEN SMALL

smallWidth: 120,

smallHeight: 120,

smallBG: 'http://.../esquinaPequeña.png',



// SET WIDTH / HEIGHT OF CORNER AD INTRO

introWidth: 300,

introHeight:300,



// SET WIDTH / HEIGHT OF BIG AD (SAME AS .SWF)

bigWidth: 500,

bigHeight: 500,

bigBG: 'http://.../esquinaGrande.png',

bigAd: 'http://.../ContenidoDeLaEsquina.JPG',

bigSWF: 'http://.../esquinaGrande.swf',



// POSITION WILL REMAIN THE SAME FOR BOTH

hPosition: 'right', // can use 'left' or 'right'

vPosition: 'top', // can use 'top' or 'bottom'



// CHOOSE WHETHER TO USE FLASH OR NOT

flash: true,
// WHETHER TO USE INTRO ANIMATION AND WHAT FILE TO USE
introAnim: false,
bigSWFIntro: 'http://.../Gran_intro.swf',

.... etc... etc...


La verdad es que, aunque la página viene en inglés (como casi todas, je), explica paso por paso y muy bien lo que hay que hacer, y la descarga es rápida y cómoda.

  1. ✍ ¿Quieres hacer algún comentario? ✍