Optimiza tus imágenes gratis sin perder calidad y mejora la velocidad de tu página web: Compresor de Imágenes JPG/PNG/GIF

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

Hiperrealista escultura de una ballena crea conciencia en las calles de París

El grupo artístico y creativo Captain Boomer ha realizado una fantástica obra para crear concia sobre el cambio climático; la cual, consta de la creación y colocación de una hiperrealista escultura de una ballena al costado del…

close

play_circle_outline Netflix presenta el primer trailer de Stranger Things 2

Strange Things es una de series aclamadas de Netflix; y la cual, tuvo su presencia en el Comic-Con de San Diego mediante la presentación de su primer tráiler. El cual, muestra el regreso de los…

close

Linkin Park presenta propuesta de logo para inmortalizar a Chester Bennington

El pasado jueves fue un día muy oscuro para los fans de Linking Park y para el mundo de la música; esto debido, a que se encontró al vocalista Chester Bennington muerto en su casa; noticia…

close

N64 Mini, el nuevo vende-nostalgia de Nintendo llegaría en 2018

Nintendo sigue en pie con su estrategia de vender nostalgia al público; su último intento fue el SNES Mini, el cual, puede decirse pasó desapercibido en comparación de su primer intento; el NES Mini. Una…

close

play_circle_outline Hey Arnold: The Jungle Movie estrena su primer trailer

Hey! Arnold The Jungle Movie es la película de una de las series más queridas y representativas de Nickelodeon en los 90’s; este primer trailer nos muestra como los personajes de la serie muestran agradecimiento…

close

33 vídeos que enseñan como usar photoshop para principiantes

En Petapixel han realizado una recopilación un tanto interesante que te será útil si buscas aprender Photoshop; esta herramienta de diseño primordial y básica para aquellos que incursionan en el mundo del diseño gráfico. Este…

notifications Recién publicamos
close