Desde hace tiempo quería poner este articulo dado que yo ocupo mucho esta script realmente se logran muy buenos resultados estéticos y es muy fácil de implementar. En este blog esta implementado GreyBox.

GreyBox, es una pequeña utilidad Javascript que mediante ajax nos permite cargar en una ventana emergente diferentes enlaces, entre ellos una web, imágenes, y otras cosas.
Demos - Descarga

¿Para que podría usarlo?

• Exhibir páginas externas
• Exhibir páginas internas (preferencia de usuario, características, formularios de contacto, etc)
• Exhibir un vídeo o una animación
• Exhibir imágenes
• Exhibir información de un producto
• etc

¿Con que navegadores funciona?

• Safari
• Firefox 1.5+
• Internet Explorer 5.5+
• Ópera 8.5+

Instalación

• Descargamos la librería greybox

Paso 1
Añadir a la sección de tu header; “GB_ROOT_DIR” donde especificaremos la URL donde se localizaran los archivos estáticos de GreyBox:

PLAIN TEXT

JavaScript:

 

 

1. <script type=“text/javascript”>

2. var GB_ROOT_DIR = “http://midominio.com/greybox/”;

3. </script>

Paso 2
Añadir también después los scripts y un stylesheet:

PLAIN TEXT

JavaScript:

 

 

1. <script type=“text/javascript” src=“greybox/AJS.js”></script>

2. <script type=“text/javascript” src=“greybox/AJS_fx.js”></script>

3. <script type=“text/javascript” src=“greybox/gb_scripts.js”></script>

4. <link href=“greybox/gb_styles.css” rel=“stylesheet” type=“text/css” />

Ejemplos de uso

Exhibir una Web
Para accionar GreyBox solamente necesitarás añadir una etiqueta “rel” al enlace.
Ej.

PLAIN TEXT

HTML:

 

 

1. <a href=“http://google.com/” title=“Google” rel=“gb_page_fs[]“>

2. Abrir Google en ventana</a>

Ejemplo Visual

Exhibir galería de imágenes
Para accionar GreyBox añadimos una etiqueta “rel”. También utilizaremos para la galería dos imágenes por cada una. La imagen en miniatura en la exhibición de la galería y la otra en tamaño natural que se mostrara al hacer click sobre ellas.
Ej.

PLAIN TEXT

HTML:

 

 

1. <a href=“imagenes/foto_grande.jpg” rel=“gb_imageset[nice_pics]“ title=“Night valley”>

2. <img src=“imagenes/foto_pequeña.jpg” />

3. </a>

4. <a href=“imagenes/foto_grande2.jpg “ rel=“gb_imageset[nice_pics]“ title=“Salt flats in Chile”>

5. <img src=“imagenes/foto_pequeña2.gif” />

6. </a>

Ejemplo Visual

Demos - DescargaSi necesitan ayuda para implementar greybox solo pidan ayuda y con gusto puedo hacer una explicación mas detallada de como implementarlo.

Fuente www.xyberneticos.com

8 comments

Ya esta listo el Capitulo 50 de Naruto Shippuuden subtitulado en español por los fansub.

Aquí les pongo la DD ( descarga directa ) de 50MB en excelente calidad, formato MP4 espero les guste y lo disfruten… Opcional formato AVI

Vía| mcanime.net

No comments

Este es un Generador de código ASCII muy sencillo de usar, solo digitas el texto y eliges la tipografía de tu preferencia y listo; solo copias y pegas.

 

Enlace: ASCII Generator

No comments

El Episodio 49 de Naruto Shippuuden subtitulado en español por los fansub.

Ya falta poco para el encuentro entre Naruto y Sasuke. Con un poco de retraso pero aquí les dejo ya la D.D. de 50MB en formato MP4 en exelente calidad. Opcional formato AVI

Vía| mcanime.net

No comments

Si alguna ves se han preguntado ¿Cómo puedo ocultar mi IP? pero sin complicarme la vida, esta es la solución.

HideMy.Info es un servicio gratuito de web proxy destinado a ocultar su identidad y la información en Internet.

Puedes utilizar este servicio para navegar por la web de forma anónima bajo la dirección IP de el servidor de HideMy.Info con facilidad. Aparecerá que residen en Texas, EE.UU. y así pueden proteger su privacidad.

Este servicio de gratuito de web proxy no solo sirve para ocultar su Ip, y el proveedor de servicios de Internet y la ubicación, sino que también actúa como un filtro web destructor y le permite visitar sus sitios favoritos bloqueados en el trabajo, la universidad o la escuela!!!

En la parte inferior de esta pagina aparecen una lista de links a otras paginas web como la de HideMy Info, con la finalidad que en los lugares donde están bloqueados los sitios, tu puedas probar con esta larga lista de paginas hermanas y de esta forma destruir el bloqueo.

Enlace | www.hidemy.info

No comments

El nuevo Procesador AMD Phenom de cuatro Núcleos

Es uno de los mejores procesadores del mercado y con un rango de precios $180.00 a $260.00 lo cual es bastante accesible y atractivo puesto que nos presenta una muy buena solución para todos aquellos que ya nos estábamos resignando a comprar un AMD FX74 de cuatro núcleos el cual necesita una motherboar Socket F y por fuerza necesitábamos comprar 2 procesadores.

Y es una super mega buena solución para todos aquellos que pensaban desperdiciar su dinero totalmente en comprar un core 2 duo de Intel de doble núcleo que tiene un precio muy superior a este micro y la calidad ustedes pueden decidir que tan inferior puede ser, la verdad no son comparables ni en precio.

Por mi parte prefiero trabajar con AMD, en especial para juegos y diseño, aclaro que no me pagaron por escribir esto, es solo mi punto de vista.

A continuación les pongo las características según la pagina oficial de AMD

 

El primer procesador x86 del mercado con verdadero diseño de Cuatro Núcleos

• Verdadero diseño de cuatro núcleos desde el comienzo para mejor comunicación entre núcleos
  • BENEFICIO : Los núcleos pueden comunicarse sobre la pastilla y no sobre el socket para un mejor rendimiento

Plataforma AMD64 con Arquitectura de Conexión Directa

• Ayuda a mejorar el rendimiento y la eficiencia del sistema al conectar directamente la memoria del controlador y el dispositivo de E/S al procesador.
• Diseñada para permitir computación simultánea de 32 y 64 bits
• Controlador de Memoria Integrado DDR2
• BENEFICIOS :
  • Aumenta el rendimiento de la aplicación al disminuir la latencia de la memoria
  • El rendimiento y el ancho de banda de la memoria escalan hasta igualar las necesidades de computación
  • La tecnología HyperTransport™ ofrece picos de ancho de banda de hasta 14.4 GB/s por procesador — reduciendo los cuellos de botella del dispositivo de E/S
  • Ancho de banda total del procesador al sistema de hasta 27.2G B/s (Bus HyperTransport + bus de memoria)

Read more

7 comments