Imprimir Arquivo Em Página Branca Fonte Preta

little_richard · Março 15, 2005

Olá!

Gostaria de saber se é possível criar alguma função para imprimir uma página, com fundo colorido e fonte branca, como umpágina de texto normal (fundo branco, fonte preta).

Sei que é possível criar função de imprimir documento, mas é possível imprimir dessa forma?

Obrigado!

OSJunior · Março 15, 2005

é só você colocar assim:

<body bgcolor="#000000" text="#FFFFFF">

falou.

little_richard · Março 15, 2005

é só você colocar assim:
<body bgcolor="#000000" text="#FFFFFF">
falou.

hahahahahahahaha

ótima!!

dei pala!!

agora sério, descobrique é só usar css media type.

Mas fica a dúvida: eu tenho que especificar TUDO mesmo? Ou se for uma página pequinan, é só marcar as margens e fontes??

OSJunior · Março 15, 2005

é recomendado que você especique para evitar problemas para os usuários.

falou.

little_richard · Março 15, 2005

é recomendado que você especique para evitar problemas para os usuários.
falou.

continuo tendo problemas...

droga...

:/

código do @media type:

@media print {/*
       font-family: serif;
       font-size: 14px;
       color: #000;
       background-color: #fff; */
}

se eu tirar o /* */ ele fode com o layout padrão dessa página. código da página:

<table width="100%">
<tr> 
	<td  class="topo">
	<h2> Repertório - Dia xxxxx </h2> 
</td>
</tr>

<tr>
	<td class="meio">
  <ul> 
  <li>Artista Um - Musica Tal </li> 
  <li>Artista Dois - Musica Tal </li>
  <li>Artista Três - Musica Tal </li> 
  </ul>
	</td>
</tr> 

<tr> 
	<td class="inferior"> 
	<INPUT TYPE="button" value="fechar" class="botao" onclick="window.close()">
	<INPUT TYPE="button" value="imprimir" class="botao" onclick="window.print()">

    </td> 
</tr>

</table>

css:

@media print {/*
       font-family: serif;
       font-size: 14px;
       color: #000;
       background-color: #fff; */
}

body { 
    font: 12px #fff Arial, sans; 
	background-color: #000;
	margin-left: 0;
}

td.topo {
  background: url("img/fundo-topo.jpg") repeat-x;
  top: 0; 
  left: 0;  
  width: 100%;
  height: 67px;
  padding: 5px;
}

td.meio {
     background-color: #C2CFDF;
     border-top: 2px solid #D4DBCB;
     border-bottom: 2px solid #D4DBCB;
}

td.inferior { 
	background-color: #000; 
	font-family: arial; 
	font-size: 12px; 
	color: #fff;
	text-align: center; 
}

h2 {
	font-family: arial; 
	color: #fff;
 }

ul { 
   list-style: none;
   font-family: arial;
   font-size: 12px;
   color: #000;
   padding-top: 3px;
   padding-left: 15px;
}

.botao {
       font-family: arial;
       font-size: 12px;
       color: #fff;
       border: 1px solid #1E5162;
       background-color: #1E5162;
}

obrigado

OSJunior · Março 15, 2005

Véio, o /**/ no código CSS, é pra comentários. Num adianta nada você coloka o código dentro disso.

falou.

little_richard · Março 15, 2005

Véio, o /**/ no código CSS, é pra comentários. Num adianta nada você coloka o código dentro disso.
falou.

eu sei

mas no site do w3 tá desse jeito.

Aí como sem comentário ele ferrou com o layout, achei que o comentário, nesse caso, tivesse alguma outra utilidade.

falou

resolvido...

@media print precisa de declaração completa

@media print { 
h1 ... 
h2 ...
p .... 
a ... 

} 

}

falou!!

OSJunior · Março 15, 2005

Ok!

Entrar

Imprimir Arquivo Em Página Branca Fonte Preta

Pergunta

little_richard

Link para o comentário

Compartilhar em outros sites

7 respostass a esta questão

Posts Recomendados

OSJunior

Link para o comentário

Compartilhar em outros sites

little_richard

Link para o comentário

Compartilhar em outros sites

OSJunior

Link para o comentário

Compartilhar em outros sites

little_richard

Link para o comentário

Compartilhar em outros sites

OSJunior

Link para o comentário

Compartilhar em outros sites

little_richard

Link para o comentário

Compartilhar em outros sites

OSJunior

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades