Columnas con CSS3

ANCHO FIJO DE COLUMNA

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In hendrerit quam ut ante faucibus vehicula. Morbi et erat vitae velit venenatis pharetra sed sit amet magna. Suspendisse vehicula, mi id luctus cursus, lorem arcu rutrum enim, in suscipit sapien enim non orci. Vivamus erat magna, euismod et dignissim quis, dictum sed est. Integer placerat adipiscing fermentum. Suspendisse posuere, lorem quis auctor molestie, velit mauris malesuada sem, a euismod mi libero sit amet ante. Nulla lacinia eros vel nisl porttitor euismod. Integer lacinia leo in odio faucibus semper. Phasellus urna tortor, sollicitudin ac tristique sit amet, posuere quis ante. Integer arcu nibh, pulvinar sit amet aliquet fringilla, posuere non massa. In hac habitasse platea dictumst. Morbi tortor massa, lobortis et ullamcorper at, cursus sed enim. Vestibulum gravida rhoncus enim, et egestas urna faucibus at. Donec sed dui nec libero pulvinar tempor id ac libero. Morbi ultricies lobortis ligula, at laoreet ante laoreet sit amet. Mauris eros ligula, cursus ut porta ac, tincidunt ut erat. Sed luctus lobortis luctus. Nullam in neque massa. Duis id ante sem, eget tincidunt metus. Vivamus dui nunc, dignissim a pulvinar vitae, luctus vel eros.

Phasellus sagittis tincidunt magna in tempor. Fusce sit amet ipsum orci. Aenean vitae nunc augue. Ut tempus tellus et arcu pellentesque lacinia. Quisque lectus turpis, tincidunt et mollis sed, imperdiet eu mauris. Fusce dapibus hendrerit ligula, sit amet ultricies eros imperdiet id. Duis pharetra mi sed leo ultricies dictum. Ut sem arcu, tristique nec elementum viverra, aliquet sed felis. Vestibulum tincidunt nisl interdum arcu cursus placerat. Nulla in mi augue, eget elementum libero. Praesent rutrum volutpat metus, in posuere nulla dapibus et. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec tempus elit vel leo tristique ultricies. Duis sagittis neque non tellus scelerisque rhoncus.

Donec quis ante eros, non blandit est. Praesent sit amet odio vel ipsum aliquam auctor a ac neque. Donec at enim at justo tincidunt tincidunt. Suspendisse a neque sit amet justo dapibus iaculis. Praesent accumsan rutrum odio vitae vulputate. Fusce scelerisque, erat ut ultricies fermentum, augue arcu laoreet enim, sed volutpat nibh risus et risus. Proin velit orci, vehicula nec condimentum lacinia, dapibus nec justo. Nullam vitae pellentesque lacus. Ut congue nunc ut magna lacinia venenatis at id elit. Nunc et odio metus. Phasellus quis nisi tortor. In placerat vestibulum malesuada.

NUMERO FIJO DE COLUMNAS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In hendrerit quam ut ante faucibus vehicula. Morbi et erat vitae velit venenatis pharetra sed sit amet magna. Suspendisse vehicula, mi id luctus cursus, lorem arcu rutrum enim, in suscipit sapien enim non orci. Vivamus erat magna, euismod et dignissim quis, dictum sed est. Integer placerat adipiscing fermentum. Suspendisse posuere, lorem quis auctor molestie, velit mauris malesuada sem, a euismod mi libero sit amet ante. Nulla lacinia eros vel nisl porttitor euismod. Integer lacinia leo in odio faucibus semper. Phasellus urna tortor, sollicitudin ac tristique sit amet, posuere quis ante. Integer arcu nibh, pulvinar sit amet aliquet fringilla, posuere non massa. In hac habitasse platea dictumst. Morbi tortor massa, lobortis et ullamcorper at, cursus sed enim. Vestibulum gravida rhoncus enim, et egestas urna faucibus at. Donec sed dui nec libero pulvinar tempor id ac libero. Morbi ultricies lobortis ligula, at laoreet ante laoreet sit amet. Mauris eros ligula, cursus ut porta ac, tincidunt ut erat. Sed luctus lobortis luctus. Nullam in neque massa. Duis id ante sem, eget tincidunt metus. Vivamus dui nunc, dignissim a pulvinar vitae, luctus vel eros.

Phasellus sagittis tincidunt magna in tempor. Fusce sit amet ipsum orci. Aenean vitae nunc augue. Ut tempus tellus et arcu pellentesque lacinia. Quisque lectus turpis, tincidunt et mollis sed, imperdiet eu mauris. Fusce dapibus hendrerit ligula, sit amet ultricies eros imperdiet id. Duis pharetra mi sed leo ultricies dictum. Ut sem arcu, tristique nec elementum viverra, aliquet sed felis. Vestibulum tincidunt nisl interdum arcu cursus placerat. Nulla in mi augue, eget elementum libero. Praesent rutrum volutpat metus, in posuere nulla dapibus et. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec tempus elit vel leo tristique ultricies. Duis sagittis neque non tellus scelerisque rhoncus.

Donec quis ante eros, non blandit est. Praesent sit amet odio vel ipsum aliquam auctor a ac neque. Donec at enim at justo tincidunt tincidunt. Suspendisse a neque sit amet justo dapibus iaculis. Praesent accumsan rutrum odio vitae vulputate. Fusce scelerisque, erat ut ultricies fermentum, augue arcu laoreet enim, sed volutpat nibh risus et risus. Proin velit orci, vehicula nec condimentum lacinia, dapibus nec justo. Nullam vitae pellentesque lacus. Ut congue nunc ut magna lacinia venenatis at id elit. Nunc et odio metus. Phasellus quis nisi tortor. In placerat vestibulum malesuada.

Ejemplo de screen splash casero I

[X]

Aquí iría el contenido del post, pero previamente se ha visto un pantallazo con algo que nos interesaba destacar.

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.

Prueba de contenido oculto

EJEMPLO DE IMAGENES ROTATIVAS

IFRAME

Utilizando un IFRAME se puede mostrar el contenido de una página de forma que parezca incrustado en otra.

Esta es la página original y a continuación el resultado de incorporarla en esta página.

Una entrada y sólo una sin fecha

Este es simplemente un ejemplo de cómo se puede hacer para que un post no muestre su fecha, aunque Blogger obligue a grabarla para poder publicarlo.

En este caso, en el lugar que habitualmente sale la fecha y sólo para este post, hemos colocado un texto mediante un ELSE. El truco se explica en Oloblogger.

Podeis apreciar la diferencia pinchando en cualquier otra entrada de esta web y comprobando que en lugar de la frase sale la fecha... como es normal, por otra parte.

Lightwindow

	Imágenes de Christopher Gilbert
Galería 1
	Imágenes de Olomán
Galería 2

Cómo funciona el script Scrollovers

PRUEBA EL EFECTO AQUI

Puedes editar el fichero .js y cambiar una serie de parámetros, cambiando el valor de las siguientes variables:

• scrollovers_ScrollSpeed: la velocidad con que se produce el scroll.
• scrollovers_ScrollDownOnMouseOver: para invertir el sentido del movimiento, cambia a "false"
• scrollovers_TypeName: si dejas esta variable con un entrecomillado vacío, no tendrás que indicar en el enlace el tipo scrollovers, porque se aplicará el efecto a todo tipo de enlace. Ojo con las imágenes.

Descarga aquí el fichero javascript para alojarlo tú mismo.

Ejemplo de índice

Pinchando en las cabeceras "Título" o "Fecha", las entradas se mostrarán en orden ascendente o descendente. Pinchando en una etiqueta se mostrarán sólo los posts correspondientes a la categoría seleccionada y haciéndolo en la cabecera "Etiquetas", se mostrarán todos.

Click en "Indice de entradas" para ver el detalle... y un poco de paciencia que es un feed con más de 1.000 entradas.

Indice de entradas

Ejemplo de menú flotante desplegable

• Submenú 1
  
  • Subopcion 1.1
  
  
  • Subopcion 1.2
  
  
  • Subopcion 1.3


• Opcion 2


• Submenú 3
  
  • Subopcion 3.1
  
  
  • Subopcion 3.2
  
  
  • Subopcion 3.3
  
  
  • Subopcion 3.4
  
  
  • Subopcion 3.5


• Opcion 4
  
  • Subopcion 4.1
  
  
  • Subopcion 4.2
  
  

musica