Foros del Web » Creando para Internet » CSS »

una css en pantalla y otra para impresion [en un solo documento]

Estas en el tema de una css en pantalla y otra para impresion [en un solo documento] en el foro de CSS en Foros del Web. Saludos, hace dias hice una pregunta, pero ahora que ya resolvi mi duda les comunico mi descubrimiento, ya que me parece genial, en un documento ...
  #1 (permalink)  
Antiguo 14/08/2003, 13:19
Avatar de mebarak  
Fecha de Ingreso: julio-2001
Ubicación: México, Distrito Federal
Mensajes: 133
Antigüedad: 16 años, 5 meses
Puntos: 0
una css en pantalla y otra para impresion [en un solo documento]

Saludos, hace dias hice una pregunta, pero ahora que ya resolvi mi duda les comunico mi descubrimiento, ya que me parece genial, en un documento web podemos tener varias css externas cada una para diferentes fines esto automaticamente, es decir veo un articulo este lo veo en el mmonitor de mi pc y veo menus, barra de navegacion, etc. me gusto el articulo y deseo leerlo con mas calma y lo imprimo ¡ohh sorpresa! no se imprimieron los menus y ni la barra de navegacion solo el texto.

un ejemplo es esta página que sus articulos incluyen varios css uno para visualizarlo en pantalla y otro para impresion, prueben darle vista previa al documento o imprime un articulo y veras como solo imprime el texto con sus imagenes.

http://www.alzado.org/articulo.php?id_art=195

La solucion es el elemento "media" en el que se especifica la css y el medio para el que se empleara

un ejemplo es este
Código PHP:
<html>
  <
head>
     <
title>Título del archivo</title>
        <
link rel=stylesheet media="screen" href="website.css">
        <
link rel=stylesheet media="print" href="printer.css">
        <
link rel=stylesheet media="aural" href="speaker.css">
   </
head>
<
body>
</
body>
</
html
para la cs printer.css solo es necesario crear una clase para ocultar y lo demas se le dara formato normal mente


Código PHP:
.nover
visibility:hidden 

sigue tu hoja de estilo normal [para el texto e imagenes... 
tu documento tendra un tag div para las regiones que deses ocultar a la hora de imprimir

Código PHP:
<div class="nover">
Aqui tu barra de navegacion...
</
div>
aqui lo demas de tu sitio... 
si desian profundizar hacerca de este tema pueden visitar los siguientes vinculos:
http://www.w3.org/TR/1998/REC-CSS2-19980512/
o una de sus traducciones al castellano
http://www.sidar.org/recur/desdi/tra...css/cover.html
http://www.selfhtml.com.ar/selfhtml7/tdba.htm



Gracias
__________________
Daniel Nava
Sistem administrator Wintel
Desarrollador web [IIS]
http://mebarak.blogspot.com
  #2 (permalink)  
Antiguo 14/08/2003, 13:32
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Gracias a tí...

... por la info, y también por agregarlo a las faq

saludos, mebarak
  #3 (permalink)  
Antiguo 14/08/2003, 13:41
Avatar de mebarak  
Fecha de Ingreso: julio-2001
Ubicación: México, Distrito Federal
Mensajes: 133
Antigüedad: 16 años, 5 meses
Puntos: 0
Por nada

solo para contribuir con esta gran comunidad
  #4 (permalink)  
Antiguo 15/08/2003, 09:34
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Hola mebarak y tunait :

He actualizado el índice de las FAQs... Por cierto, me ha parecido un tema muy interesante, mi enhorabuena.

Saludos
  #5 (permalink)  
Antiguo 14/01/2004, 10:21
Avatar de kawoq  
Fecha de Ingreso: mayo-2002
Ubicación: Xela
Mensajes: 491
Antigüedad: 15 años, 6 meses
Puntos: 0
y esto tambien te oculta la url que sale en el top o bottom de la página, al momento de imprimir un artículo, es decir quiero imprimir el documento de x sitio web, pero no quiero que me salga la URL que pone siempre arriba o en la parte baja de la hoja donde se imprime.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:28.