En este artículo vamos a aprender a convertir nuestras fotografías a un aspecto retro, con apariencia antigua, un Efecto Polaroid de los años 80, todo ello con Photoshop.
Abrir página en nueva pestaña
viernes, 12 de septiembre de 2008
Impresion paginada CSS
Existen propiedades de CSS como page-break-after y page-break-before que sirven para alterar el aspecto de las páginas web al ser impresas en papel.
Atributo CSS page-break-after
Sirve para forzar, o no, un salto de línea después de un elemento de la página. Se puede colocar en elementos de bloque, como tablas o capas DIV. Un uso típico sería:
Tanto page-break-after como page-break-before permiten otros tipos de valores, aparte del always que hemos visto en los dos ejemplos anteriores.
Entonces, a la hora de imprimir la web, se insertará un salto de línea después del bloque DIV.
Atributo CSS page-break-before
De manera similar al anterior atributo, page-break-before sirve para decir si queremos, o no, forzar un salto de página antes de un elemento. Si lo colocamos con el valor always, haremos que siempre se cambie de página antes de imprimir dicho elemento.
Esto puede venir muy bien para, por ejemplo, tablas u otros elementos que no queremos que se rompan en dos partes, si coincide un salto de página en medio de la impresión de la página. Con ello hacemos que se cambie de página, con un salto de página forzado y así en la nueva página es más fácil que tengamos espacio suficiente para que quepa la impresión de ese elemento.
Otros posibles valores de los atributos
Atributo CSS page-break-after
Sirve para forzar, o no, un salto de línea después de un elemento de la página. Se puede colocar en elementos de bloque, como tablas o capas DIV. Un uso típico sería:
style="page-break-after: always;"
Tanto page-break-after como page-break-before permiten otros tipos de valores, aparte del always que hemos visto en los dos ejemplos anteriores.
Entonces, a la hora de imprimir la web, se insertará un salto de línea después del bloque DIV.
Atributo CSS page-break-before
De manera similar al anterior atributo, page-break-before sirve para decir si queremos, o no, forzar un salto de página antes de un elemento. Si lo colocamos con el valor always, haremos que siempre se cambie de página antes de imprimir dicho elemento.
Esto puede venir muy bien para, por ejemplo, tablas u otros elementos que no queremos que se rompan en dos partes, si coincide un salto de página en medio de la impresión de la página. Con ello hacemos que se cambie de página, con un salto de página forzado y así en la nueva página es más fácil que tengamos espacio suficiente para que quepa la impresión de ese elemento.
style="page-break-before: always;"
Otros posibles valores de los atributos
- auto: es el valor por defecto. Sólo coloca el salto de página si es necesario..
- always: coloca siempre un salto de línea, después o antes del elemento.
- avoid: evita colocar un salto de línea antes o después.
- left: inserta uno o dos saltos de página, de modo que se pueda asegurar que la siguiente página es una página izquierda (page-break-after), o para asegurar que la página donde se empieza el elemento es una página izquerda (page-break-before). Imaginemos un libro abierto, que tiene páginas a la izquierda y a la derecha para saber a lo que se refiere una página izquierda.
- right: inserta uno o dos saltos de página, para asegurar que se pueda insertar el elemento al principio de una página de derecha (page-break-before) o para asegurar que después del elemento comience una página derecha (page-break-after).
Suscribirse a:
Entradas (Atom)
