-->
  • My Work
  • About Me
  • Contact

Tab 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Tab 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Tab 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

miércoles, 2 de abril de 2008

Pane Shade


Aviso:

Mostrando la maldita "position:absolute. Pero no tiene remedio....


lunes, 10 de marzo de 2008

Sandbox

NOTA: La han reformado; o sea que... ya no va en este blog, bueh...

-----------------

Lightbox de query. Es rápida y no de las que más pesan. El problema que tiene es el "packed"...

LongPlay

miércoles, 5 de marzo de 2008

Comento...

.- Bajo el título del blog están las Tabs de Mootools.
.- En la sidebar, sobre el perfil y el archivo, está el carrusel vertical de texto.
.- En la parte más baja del blog está la prueba de carrusel horizontal de imágenes.

Creo que eso es todo...

martes, 4 de marzo de 2008

Pruebas...

Para carrusel de imágenes y tabs de Mootools.
A ver qué sale...

Slideshow wiyh captions

Así es como se llama este slideshow (que se parece mucho a uno que tengo hecho hace poquito... éste se ve algo mejor).

Más...

Y sigue...

En cuanto lo perfile un poco, lo explico

En Epílogo

Y ya no sé qué más poner.... ésto es aburridísimo...



Pum y se acabó
 

Slider horizontal: Imágenes

    http://elzwgg.blu.livefilestore.com/y1pUQnHqBhvH8MvRr7X0ZUkWSzzgDXheZX5vI9NdnbGb5ain28cQRZq1sRslmeBQ2mb64zzMfwUZgY/ex6_1.jpg
  • slide 1
  • slide 2
  • slide 3
  • slide 4
  • slide 5
  • slide 6
  • slide 7
  • thumbnail 1
  • thumbnail 2
  • thumbnail 3
  • thumbnail 4
  • thumbnail 5
  • thumbnail 6
  • thumbnail 7

Compatibility

Should now display properly in Firefox, Opera and Safari!

Though Opera and Safari presently still have a 1px offset on the shadow in dropped position. They won't let you set height and width of 0px...



Explorer almost displays the shadow correctly.

Explorer 6 on the larger window is spot on (it may show single pixel lines of overlap pieces of shadow), but on the smaller ones it messes up.... investigating...

Explorer 7 strangely does not render pngs and alpha(opacity) all that well; the 8bit alpha channel on pngs is downgraded to 1bit alpha... WTF!?? Bill plz fix your shite browser - or pull it!

Without alpha(opacity) though it renders perfectly.

Synopsis

This page demonstrates a technique to make dropshadows on html elements using mootools.

The main feature of this particular dropshadow effect is it's dynamic blur radius. The shadow blur radius grows and shrinks as the element lifts from the page and drops down again in a realistic fashion.

Mouseover a colored block to lift it making it drop a nice soft shadow. Click to drag. Mouseout to drop the block