-->

Aún me parece increíble...

Borrado. Porque no merece la pena...

Manipuilacion DOM: Efecto Glossy

(Está basado en el anterior hack: la diferencia entre ambos es que el anterior usa sólo CSS, y que éste último, supuestamente, vale para todos los navegadores: funciona en mi Firefox2, pero... no del todo bien en IE7., al menos en los sombreados :( )

Medievo

Manipulación DOM
Efectos de estilo CSS
EPÍLOGO
Nada
Todos los Navegadores

Degradado CSS

Probando técnicas CSS para añadir degradados a los textos:

degradado


Otro título con degradado

Filtros IE

Filtro Shadow
Filtro Glow
Filtro DropSahadow
Filtro Blur
Filtro Wave
Filtro FlipV



Con texto, en lugar de imagen

Text Shadow II

Sólo para IE:

H1 con sombras


El texto de este párrafo lleva sombras. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam sit amet turpis. Phasellus rutrum ligula tristique massa. Nulla vitae augue. Aenean vel nibh ut erat ultrices consequat. Nunc venenatis tempus pede. In commodo nibh sit amet nisl. Phasellus consectetuer consectetuer justo. Duis ultrices, neque sed porttitor ultrices, mi orci semper nisi, in ultrices ligula sem vel purus. Phasellus in justo. Mauris lorem tellus, convallis nec, vehicula nec, tincidunt vel, eros. Donec vulputate, erat sit amet interdum gravida, tortor metus consequat massa, eu facilisis nunc felis ac ante. Praesent ac lectus non tortor tempor aliquet. Vestibulum a mi quis libero condimentum laoreet. Nullam rhoncus, odio ac ultrices luctus, quam purus laoreet metus, quis adipiscing massa sapien eget massa.


Otro tipo de sombras


El texto de este párrafo lleva sombras. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam sit amet turpis. Phasellus rutrum ligula tristique massa. Nulla vitae augue. Aenean vel nibh ut erat ultrices consequat. Nunc venenatis tempus pede. In commodo nibh sit amet nisl. Phasellus consectetuer consectetuer justo. Duis ultrices, neque sed porttitor ultrices, mi orci semper nisi, in ultrices ligula sem vel purus. Phasellus in justo. Mauris lorem tellus, convallis nec, vehicula nec, tincidunt vel, eros. Donec vulputate, erat sit amet interdum gravida, tortor metus consequat massa, eu facilisis nunc felis ac ante. Praesent ac lectus non tortor tempor aliquet. Vestibulum a mi quis libero condimentum laoreet. Nullam rhoncus, odio ac ultrices luctus, quam purus laoreet metus, quis adipiscing massa sapien eget massa.

Text Shadow

Para Firefox y cualquier navegador que soporte opacidad:

Clase "h1":

Cabecera con sombras 3D Cabecera con sombras 3D Cabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DH1 with 3D shadow!Cabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3D



Clase "h1":

Cabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DH1 with 3D shadow!H1 with 3D shadow!H1 with 3D shadow!H1 with 3D shadow!Cabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3DCabecera con sombras 3D

Estilo Medieval II

Nota: Por "exigencias" de la plantilla, lo he pasado a una entrada. Ya sé que queda pelín descuadrada, pero... como tenéis la demo de la página original, pues ya está (es que no me apetece un pimiento reformar toda la plantilla sólo por ésto...








I. LAS ORDALÍAS Y EL PROCESO CON JURADO: PRELUDIO TEORICO


Este texto se escribe sólo para probar el código. Se desconoce la fuente original, y sólo se copia y pega con el objeto de demostrar esta técnica.




(18) but if the water repelled him and he floated, he was condemned. In the ordeal of hot iron, the accused walked barehanded with a hot iron bar. Three days later, when her bandages were removed, her healing hands revealed her fate: if the wounds were healing cleanly, she was absolved; if corruptly, condemned.


Three days later, when her bandages were removed, her healing hands revealed her fate: if the wounds were healing cleanly, she was absolved; if corruptly, condemned... But in 1215 the Church forbade priests to officiate at ordeals and suddenly stripped these rituals of their divine imprimatur.


Paragraph 2: Este es el texto a la derecha. El ancho es 45, porcentaje que hará fluida la página, pero no se olvidan aquí todas las reglas. Sólo se aplican las que debieran funcionar. La forma más adecuada de hacerlo no es clara. Esto sólo demiestra que se puede hacer en nuestro navegador (IE, supongo... aunque se ve bien en Firefox).


El uso de "shim" (que no sé qué cuernos es) o de un spacer.gif, será considerado por algunos como una "trampa" pero, para la mayor parte de la gente, esa imagen invisible es útil. Ello nos permite hacer la columna izquierda y la derecha en talla "fixed". Y, lo mejor de todo, funciona.Hay algunas consideraciones en cuanto a este código. La primera línea de de los parágrafos es (¿dentada?... uf). El padding se ajusta a este tamaño de fuente.








I. LAS ORDALÍAS Y EL PROCESO CON JURADO: PRELUDIO TEORICO


Se trata, simplemente, de teclear un texto, del que se desconoce la fuente originaria. Sólo de copiar y pegar un texto para probar el código, llenando un lado de la página, para comprobar el ancho.




(17) Before 1215, criminal trials had proceeded by ordeal or by battle. In the ordeal of cold water, the accused was tossed in a pool with a rope tied around his hips. If he sank, he was hauled out an innocent person, for the purity of the water had accepted him;


Although the jury's origins lie hidden in Dark Ages rituals, we can trace the origins of the sort of jury that concerns us here--the criminal trial jury--with something like pinpoint accuracy: The first true criminal jury trial seems to have taken place at Westminster in 1220.(16) Juries had long acted to resolve various civil disputes, especially claims about land, and they had for decades served as accusing bodies in criminal cases in the manner of modem grand juries. But not before 1220 did a jury sit in judgment of a criminal accused with the discretion either to acquit or to condemn.


The occasion of this sudden birth of trial by jury was the sudden death of trial by ordeal.(17) Before 1215, criminal trials had proceeded by ordeal or by battle. In the ordeal of cold water, the accused was tossed in a pool with a rope tied around his hips. If he sank, he was hauled out an innocent person, for the purity of the water had accepted him...





No cverás esta línea, pero es necesaria. Quítala para ver desaparecer el color beige de fondo del centro. Seguramente hay mejores formas. Piensa, piensa...

Lista ordenada-Lista desordenada

Desordenada:
  • Uno de enero

  • dos de febrero

  • tres de marzo

  • cuatro de abril

  • cinco de mayo

  • seis de junio

  • siete de julio, San Fermín...


  • Ordenada:
    1. Uno de enero

    2. dos de febrero

    3. tres de marzo

    4. cuatro de abril

    5. cinco de mayo

    6. seis de junio

    Blockquote

    PPrueba para ver cómo se ve la blockquote:

    Había una vez, un barquito chiquitito. Había una vez, un barquito chiquitito, que no sabía, que no sabía, que no sabía navegar.
    Pasaron un, dos, tres, cuatro, cinco, seis semanas. Pasaron un, dos, tres, cuatro, cinco, seis semanas... y aquél barquito, aquél barquito, aquel barquito navegó, Y si esta historia parece corta, colveremos, volveremos a empezar.

    Estilo Medieval

    llamador Una plantilla que propone Mandarín Design, con un estilo cercano al medievo. No creo que sea fácil reconvertirla para que funcione en plantilla Blogger, pero... ahí está para quien quiera intentarlo... o dejarla así mismo, para alguna noticia puntual.

    Se pueden cambiar desde la fuente del texto al borde de separación de cada parágrafo (entonces se verían los bordes)... como siempre, es cosa de cada uno...


    • Ultimas entradas
    Sub-columna 2

    Blablabla... Ya se verá...