Estas en: Home > html

Entradas etiquetadas con html

Mi primer ¡Hola Mundo! con Symfony

12

Ayer os mostré mi pequeña odisea para instalar Symfony en WAMP o al menos el SandBox, hoy toca empezar a programar.

Sigo con el libro en español de symfony.es. En el capítulo cuarto la cosa se empieza a poner interesante, voy a empezar a enrear con Symfony jejejeje.

(más…)

Imprimir con saltos de página en javascript

1

Todos los que nos dedicamos a la programación web sabemos que para imprimir una página web, es necesario usar la función  print() de javascript, pero si deseamos imprimir documentos (como nóminas, albaranes, facturas, documentación oficial, etc), habitualmente necesitaremos imprimir esos documentos por triplicado o en hojas diferentes, y la manera más óptima de realizarlo sería crear un pdf que el usuario podría o bien descargar o visualizar para su impresión.

Pero gracias a CSS podemos imprimir varias páginas sin necesidad de usar pdf (a no ser que también quisieramos tener una copia en este formato 😉 )

CSS tiene varias propiedades para impresión:

page-break-after: Sirve para forzar un salto de linea después del elemento al que se le ha aplicado.
page-break-before: Sirve para forzar un salto de linea antes del elemento al que se le ha aplicado.

Ejemplo:

[codesyntax lang=»css»]

#salto_pagina_despues{

page-break-after:always;

}

#salto_pagina_anterior{

page-break-before:always;

}

[/codesyntax]

Forma de utilización:

[codesyntax lang=»html4strict»]

<div id="salto_pagina_despues">Este elemento se imprimirá en la primera página.</div>
<div>Este elemento se imprimirá en la segunda página.</div>
<div id="salto_pagina_anterior">Este elemento se imprimirá en la tercera página.</div>

[/codesyntax]

Explicación:

La primera capa se imprimirá en la primera página, por que le hemos indicado que después del elemento con el id «salto_pagina_despues» se genere un salto de página. El segundo «div» se imprimirá en la segunda página porque le hemos indicado a la capa con el id «salto_pagina_anterior» que antés de procesar el contenido de la capa con ese id, genere un salto de linea.

Es algo muy útil he intuitivo. Espero que os sirva. XD

Ocho cheat sheets para webmasters

0

Listas de funciones, palabras clave, clases, atributos, etiquetas, etc. más usadas en programación web: HTML, entidades HTML, CSS, JavaScript, JQuery, PHP, Mysql y uno muy especial para el módulo modrewrite para reescritura de URL en Apache:

http://yensdesign.com/2008/12/cheat-sheets-pack-for-webmasters/
http://www.emezeta.com/articulos/emezeta-card-modrewrite-cheat-sheet

Y un «bonus», también de emezeta.com, otro cheat sheet de PHP: http://www.emezeta.com/articulos/emezeta-card-php-cheat-sheet

A disfrutarlo XD

Google sitemap y PHP

0

Acabo de terminar de programar, testear y poner en servicio un pequeño script en php, que me permitire generar un archivo xml para que el robot de google lo procese, y así, indexar las páginas de una web mucho más rápido.

No lo utilizo en el blog, por la sencilla razón de que tengo un plugin que lo realiza automáticamente:http://wordpress.org/extend/plugins/google-sitemap-generator/. Este script sirve para webs o bien hechas desde cero sin cms de ningún tipo, o bien para cms modificados que requieran un sitemap especial.

(más…)

Mootools y position:absolute;

0

Estoy creando un menú desplegable para una web con el framework mootools, el problema surje cuando quería colocar el submenú en una posición absoluta.

La solución es bien sencilla, se crea una capa por encima del código del submenú, y es esa capa la que tendrá la posición como absoluta y a través de las propiedades top y left de esa capa podremos colocar el submenú donde queramos.

Espero haberos ahorrado un par de horas 🙂

¿Cuántos elementos eres capaz de nombrar en cinco minutos?

0

Pues eso, ¿cuantos elementos eres capaz de nombrar en cinco minutos?, con este pequeño script realizado en javacript lo sabrás:

http://www.oneplusyou.com/bb/html_quiz

Ir arriba