<sect1 id="stylesheets">
<sect1info>

<authorgroup>
<author
> <firstname
>Lauri</firstname
> <surname
>Watts</surname
> </author>
<othercredit role="translator"
><firstname
>José</firstname
><surname
>Pires</surname
><affiliation
><address
><email
>jncp@netcabo.pt</email
></address
></affiliation
><contrib
>Tradução</contrib
></othercredit>
</authorgroup>

<date
>2002-02-12</date>
<releaseinfo
>3.00.00</releaseinfo>

<keywordset>
<keyword
>KDE</keyword>
<keyword
>CSS</keyword>
<keyword
>Folhas de estilo</keyword>
<keyword
>Acessibilidade</keyword>
</keywordset>

</sect1info>

<title
>Folhas de estilo</title>

<sect2>
<title
>Introdução</title>

<para
>As folhas de estilo ou 'stylesheets' <acronym
>CSS</acronym
> afectam a maneira como as páginas Web aparecem. <acronym
>CSS</acronym
> significa <emphasis
>C</emphasis
>ascading <emphasis
>S</emphasis
>tyle <emphasis
>S</emphasis
>heets.</para>

<para
>O &kde; pode utilizar a sua própria 'stylesheet', baseada em pré-definições simples e no esquema de cores utilizado no teu ambiente de trabalho. O &kde; também pode utilizar uma 'stylesshet' feita por ti. Finalmente, podes especificar uma 'stylesheet' neste módulo. As opções aqui apresentadas são ajustáveis por questões de acessibilidade, especialmente para as pessoas com visão reduzida.</para>

<para
>As tuas opções aqui afectam todas as aplicações do &kde; que apresentam HTML com o motor próprio do &kde;, o khtml. Estes incluem o &kmail;, o &khelpcenter; e, claro, o &konqueror;. Estas opções não afectam os outros navegadores Web como o &Netscape;.</para>

<para
>O módulo tem duas páginas, a <guilabel
>Geral</guilabel
>, onde podes escolher a 'stylesheet' a usar, e a <guilabel
>Personalizar</guilabel
> onde podes criar uma 'stylesheet' para acessibilidade.</para>

</sect2>

<sect2 id="css-general">
<title
>Geral</title>

<para
>Esta página contém as seguintes opções:</para>

<variablelist
> <varlistentry
> <term
><guilabel
>Usar a 'stylesheet' por omissão</guilabel
></term
> <listitem
> <para
>O &kde; irá utilizar a 'stylesheet' por omissão. Algumas das cores serão as definidas no esquema de cores escolhido por ti. A maioria das definições são substituídas pelas páginas que pesquisas.</para
> </listitem
> </varlistentry
> <varlistentry
> <term
><guilabel
>Usar uma 'stylesheet' definida pelo utilizador</guilabel
></term
> <listitem
> <para
>O &kde; irá usar uma 'stylesheet' feita por ti. Podes usar o botão de escolha para localizar a 'stylesheet' no teu sistema. Os ficheiros <acronym
>CSS</acronym
> têm normalmente uma extensão <literal role="extension"
>.css</literal
>, mas não é obrigatório.</para
> </listitem
> </varlistentry
> <varlistentry
> <term
><guilabel
>Usar a 'stylesheet' de acessibilidade definida na página &quot;Personalizar&quot;</guilabel
></term
> <listitem
> <para
>Utiliza as definições da página <guilabel
>Personalizar</guilabel
>. A activação desta opção aplicará as opções da página <guilabel
>Personalizar</guilabel
>.</para
> </listitem
> </varlistentry
> </variablelist>

</sect2>

<sect2 id="css-customize">
<title
>Personalizar</title>

<para
>Aqui podes definir uma 'stylesheet' personalizada. As opções disponíveis são apenas um sub-conjunto das instruções que podes adicionar numa 'stylesheet' e são vocacionadas para as pessoas com vista reduzida, de modo a permitir-lhes criar uma 'stylesheet' que torne as páginas Web e os ficheiros de ajuda do &kde; mais legíveis.</para>

<para
>As opções desta página estão desactivadas a menos que tenhas seleccionado a opção <guilabel
>Usar a 'stylesheet' de acessibilidade definida na página&quot;Personalizar&quot;</guilabel
> da página anterior.</para>

<sect3>
<title
><guilabel
>Família do Tipo de Letra</guilabel
></title>

<variablelist
> <varlistentry
> <term
><guilabel
>Família de base</guilabel
></term
> <listitem
> <para
>Escolhe uma família do tipo de letra usado para o texto do conteúdo.</para
> </listitem
> </varlistentry
> <varlistentry
> <term
><guilabel
>Usar a mesma família para todo o texto</guilabel
></term
> <listitem
> <para
>Se activares isto, então será usada a mesma família de tipos de letra para todo o texto, independentemente das configurações da página que estás a ver. Isto é útil para as páginas que utilizam um tipo de letra decorativo ou ilegível para os títulos.</para
> </listitem
> </varlistentry
> </variablelist>
</sect3>

<sect3>
<title
>Tamanho da Letra</title>

<variablelist
> <varlistentry
> <term
><guilabel
>Tamanho da Letra de Base</guilabel
></term
> <listitem
> <para
>Este é o tamanho por omissão do texto da página. Muitos dos 'sites' Web definem os seus tamanhos de letra de base relativamente a este valor, utilizando <quote
>larger</quote
> ou <quote
>+1</quote
> para tornar o texto maior, e <quote
>smaller</quote
> ou <quote
>-1</quote
> para ficar mais pequeno.</para
> <para
>Muitas pessoas desenham as suas páginas Web em plataformas onde os tipos de letra por omissão são muito grandes para o utilizador médio ler, por isso é bastante normal passar por páginas Web que obrigaram o tamanho da letra a ser menor deste modo.</para
> <para
>Esta opção permitir-te-á definir um tamanho razoável para a letra por omissão, de modo a que os tamanhos relativos sejam também alargados o suficiente.</para
> <para
>Não te esqueças que o &konqueror; também define um valor mínimo, como tal o texto <emphasis
>nunca</emphasis
> é demasiado pequeno para ser lido. Define esse valor na Navegação Web do módulo Navegador do &konqueror;.</para
> </listitem
> </varlistentry
> <varlistentry
> <term
><guilabel
>Usar o mesmo tamanho para todos os elementos</guilabel
></term
> <listitem
> <para
>Se activares esta opção, então todo o texto será representado com o tipo de letra especificado por ti, independentemente das instruções que a página contém. Os tamanhos de letra referidos anteriormente, assim como as instruções específicas acerca do tamanho com que o texto deve ser representado serão sobrepostas aqui.</para
> </listitem
> </varlistentry
> </variablelist>
</sect3>

<sect3>
<title
>Cores</title>

<variablelist
> <varlistentry
> <term
><guilabel
>Preto sobre Branco</guilabel
></term
> <listitem
> <para
>Muitas pessoas com vista reduzida acham que o texto a preto num ecrã branco causa mais contraste e é mais fácil de ler. Se isto se aplica a ti, podes definir isto aqui.</para
> </listitem
> </varlistentry
> <varlistentry
> <term
><guilabel
>Branco sobre Preto</guilabel
></term
> <listitem
> <para
>Muitas outras pessoas com visão reduzida acham verdadeiro o contrário, isto é, que o texto a branco num fundo preto é mais fácil de ler.</para
> </listitem
> </varlistentry
> <varlistentry
> <term
><guilabel
>Personalizado</guilabel
></term
> <listitem
> <para
>Ainda existem outras pessoas que acham que o preto e o branco puros, seja em que ordem for, é difícil de ler. Podes definir cores personalizadas aqui tanto para o <guilabel
>Fundo</guilabel
> como para a <guilabel
>Cor do Texto</guilabel
>.</para
> </listitem
> </varlistentry
> <varlistentry
> <term
><guilabel
>Usar a mesma cor para todo o texto</guilabel
></term
> <listitem
> <para
>Muitos dos 'sites' Web utilizam uma cor diferente e geralmente contrastante para os cabeçalhos e outros floreados. Se isto interfere com a tua capacidade de ler o conteúdo, podes activar esta opção para que o &kde; utilize as cores que definiste em cima para todo o texto.</para
> </listitem
> </varlistentry
> </variablelist>

</sect3>

<sect3>
<title
>Imagens</title>

<variablelist
> <varlistentry
> <term
><guilabel
>Suprimir as imagens</guilabel
></term
> <listitem
> <para
>Se não quiseres ver as imagens, podes desligar isso aqui.</para
></listitem
> </varlistentry
> <varlistentry
> <term
><guilabel
>Suprimir as imagens de fundo</guilabel
></term
> <listitem
> <para
>Um grande problema para os utilizadores com visão reduzida é o das imagens de fundo não darem contraste suficiente para lhes permitir ler texto. Podes desligar as imagens de fundo aqui, independentemente da tua escolha de veres todas as imagens.</para
> </listitem
> </varlistentry
> </variablelist>

</sect3>

<sect3>
<title
>Antevisão</title>

<para
>A <guibutton
>Antevisão</guibutton
> permite-te ver o efeito das tuas alterações. Irá aparecer uma janela que mostra como os diferentes tipos de cabeçalhos irão aparecer com a tua 'stylesheet', bem como uma frase com o tipo de letra normal.</para>

<para
>Isto deve-te permitir ajustar a tua 'stylesheet' até teres algo que possas ler confortavelmente.</para>

<para
>Boa navegação!</para>

</sect3>

</sect2>

<sect2>
<title
>Autores da Secção</title>

<para
>Esta secção foi escrita por Lauri Watts <email
>lauri@kde.org</email
></para>

<para
>Tradução de José Nuno Pires <email
>jncp@netcabo.pt</email
></para>

</sect2>


</sect1>


