Hojas de estilo para impresión

plantillas css para impresion

Las hojas de estilo o CSS son un excelente recurso para diseñadores web porque nos permite controlar todo el diseño y estructura que se muestra en el navegador, pero que pasa cuando esa pagina web la imprimimos?

Bien pues el CSS también nos puede ayudar para imprimir con estilo, que posibilidades nos brindan las plantillas css para impresion?

  • Ocultar elementos con las barras laterales o banners que estorben el contenido real del sitio
  • Cambiar tipos de letras definiendo una para el navegador y una para la impresión
  • Ofrecerle a tu usuario una información clara tanto en la web como en papel

Como se hace?

CSS para navegador:

body{ font-size:15px; }    #header{background:black; color:#fff;}    #content .contenido{width:400px;color:#333;font-size:12px;}    #content .sidebar{width:200px;background:#333;color:#fff;font-size:12px;}    #footer{background:red; color:#fff;}

CSS para imprimir, ocultando la barra lateral (sidebar):

body{ font-size:15px; }    #header{background:black; color:#fff;}    #content .contenido{width:400px;color:#333;font-size:12px;}    #content .sidebar{width:200px;background:#333;color:#fff;font-size:12px;}    #footer{background:red; color:#fff;}    @media print{    #content .contenido{width:100%;}    #content .sidebar{display:none;}  }

Si les intereso el tema y quieren saber mas acerca de como usar las hojas de estilo para imprimir les recomiendo estos enlaces:

comment ¿Que opinas?

Artículos recientes

close

Pantone: 12 colores tendencia para 2018

Como cada temporada Pantone ha dado a conocer las tendencias de color que predominarán para el 2018; al menos, dentro de la primavera. Estos colores han sido revelados como parte de la celebración de la…

close

play_circle_outline Cambiar el color de las cosas con photoshop

Tener las técnicas adecuadas para realizar cualquier operación de diseño siempre es algo fundamental; esto para garantizar la calidad, el realismo y el profesionalismo. Ahora, con respecto de las necesidades de diseño en cualquier momento…

close

Monumentos iluminados en apoyo a México

#FuerzaMéxico es el hashtag que va en apoyo al país latinoamericano; el cual, actualmente se encuentra azotado por embates de la naturaleza como temblores y huracanes, al igual que el caribe, y norteamérica. No obstante,…

close

Soluciones creativas a ‘problemas’ comunes

Aveces los problemas más comunes suelen clamar por soluciones creativas que encanten a los usuarios; desde una calculadora  integrada al carrito de compra, hasta colgadores que cataloguen la posibilidad de compra en probadores son lo…

close

play_circle_outline Cogs un animación que busca crear conciencia sobre igualdad

El día de hoy quiero compartir con ustedes una bonita animación llamada “Cogs”; la cual ha sido creada por M&C Saatchi, Sydney para AIME Mentoring, en la cual buscan crear conciencia sobre la igualdad. Con un bonito mensaje…

close

Principios del diseño por Art Heroes

Nunca está demás recordar los principios de esta genial disciplina que conocemos como diseño; ya seas un principiante o un experimentado diseñador las bases son algo que debemos recordar, es por eso que el día…

notifications Recién publicamos
close