summaryrefslogtreecommitdiffstats
path: root/tde-i18n-fr/docs/tdebase/kcontrol/kcmcss/index.docbook
blob: fe72e6442cb3e540efa72cbb29864c067440df8c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
<?xml version="1.0" ?>
<!DOCTYPE article PUBLIC "-//KDE//DTD DocBook XML V4.2-Based Variant V1.1//EN"
"dtd/kdex.dtd" [
<!ENTITY % addindex "IGNORE">
<!ENTITY % French "INCLUDE"
> <!-- change language only here -->
]>

<article>
<articleinfo>

<authorgroup>
<author
>&Lauri.Watts; &Lauri.Watts.mail;</author>
&traducteurYvesDessertine; 
</authorgroup>

<date
>2003-10-12</date>
<releaseinfo
>3.2</releaseinfo>

<keywordset>
<keyword
>KDE</keyword>
<keyword
>CSS</keyword>
<keyword
>Feuilles de style</keyword>
<keyword
>Accessibilité</keyword>
</keywordset>

</articleinfo>

<sect1 id="stylesheets">

<title
>Feuilles de style          </title>

<sect2>
<title
>Introduction</title>

<para
>Les feuilles de style <acronym
>CSS</acronym
> affectent la façon dont les pages web apparaissent. <acronym
>CSS</acronym
> signifie <emphasis
>C</emphasis
>ascading <emphasis
>S</emphasis
>tyle <emphasis
>S</emphasis
>heets.</para>

<para
>&kde; peut utiliser sa propre feuille de style, basée sur des réglages par défaut simples et sur le modèle de couleurs que vous utilisez pour votre bureau. &kde; peut également utiliser une feuille de style que vous avez écrite vous même. Enfin, vous pouvez spécifier une feuille de style dans ce module. Les options présentées dans ce module sont conçues à des fins d'accessibilité, spécialement pour les personnes ayant une visibilité affaiblie.</para>

<para
>Vos choix ici affectent toutes les applications &kde; qui affichent du HTML avec l'afficheur de &kde;, appelé khtml. Ceci inclut &kmail;, le &centreAide; et évidemment &konqueror;. Les choix faits ici n'affectent pas les autres navigateurs tels que &Netscape;.</para>

<para
>Ce module comporte deux pages, <guilabel
>Général</guilabel
>, où vous pouvez choisir la feuille de style à utiliser, et <guilabel
>Paramètres</guilabel
>, où vous pouvez créer une feuille de style d'accessibilité.</para>

</sect2>

<sect2 id="css-general">
<title
>Général</title>

<para
>Cette page comporte les options suivantes :</para>

<variablelist>
<varlistentry>
<term
><guilabel
>Utiliser la feuille de style par défaut</guilabel
></term>
<listitem>
<para
>&kde; utilisera la feuille de style par défaut. Certaines couleurs seront sélectionnées parmi celles définies dans le modèle de couleurs que vous avez choisi. La plupart des réglages seront facilement supplantés par la page que vous êtes en train de visualiser.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Utiliser une feuille de style personnalisée</guilabel
></term>
<listitem>
<para
>&kde; utilisera une feuille de style que vous avez écrite vous même. Vous pouvez utiliser le bouton parcourir pour localiser la feuille de style sur votre système. Les feuilles de style <acronym
>CSS</acronym
> ont traditionnellement l'extension <literal role="extension"
>.css</literal
>, mais ceci n'est pas obligatoire.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Utiliser la feuille de style décrite sous l'onglet « Paramètres »</guilabel
></term>
<listitem>
<para
>Utilise les réglages définis dans l'onglet <guilabel
>Paramètres</guilabel
>. L'activation de cette option activera les options de la page <guilabel
>Paramètres</guilabel
>.</para>
</listitem>
</varlistentry>
</variablelist>

</sect2>

<sect2 id="css-customize">
<title
>Paramètres</title>

<para
>Vous pouvez définir ici une feuille de style utilisateur. Les options disponibles ici ne sont qu'un sous-ensemble des instructions que vous pouvez ajouter dans une feuille de style, et sont spécialement adaptées pour les personnes ayant une vision affaiblie, pour leur permettre de créer une feuille de style qui leur rend les pages web et des fichiers d'aide de &kde; plus lisibles.</para>

<para
>Les options de cette page sont désactivées tant que vous n'avez pas choisi <guilabel
>Utiliser la feuille de style décrite sous l'onglet &quot;Paramètres&quot;</guilabel
> dans la page précédente.</para>

<sect3>
<title
><guilabel
>Famille de police</guilabel
></title>

<variablelist>
<varlistentry>
<term
><guilabel
>Famille de base</guilabel
></term>
<listitem>
<para
>Choisissez une famille de polices à utiliser pour le corps du texte.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Utiliser la même famille dans tous les textes</guilabel
></term>
<listitem>
<para
>Si vous activez cette option, la même famille de polices sera utilisée pour tous les textes, quels que soient les réglages de la page que vous êtes en train de visualiser. Ceci est pratique pour les pages utilisant une police décorative ou difficile à lire pour les en-têtes.</para>
</listitem>
</varlistentry>
</variablelist>
</sect3>

<sect3>
<title
>Taille de la police</title>

<variablelist>
<varlistentry>
<term
><guilabel
>Taille de la police de base</guilabel
></term>
<listitem>
<para
>Ceci est la taille par défaut pour le texte de la page. Beaucoup de sites web règlent leurs tailles de polices par rapport à ce réglage par défaut, en utilisant <quote
>larger</quote
> ou <quote
>+1</quote
> pour agrandir la taille du texte, et <quote
>smaller</quote
> ou <quote
>-1</quote
> pour réduire la taille du texte.</para>
<para
>Beaucoup de gens créent leurs pages web sur des plates-formes où la taille du texte ordinaire par défaut est trop grande à lire pour l'utilisateur moyen, il est donc très courant de tomber sur des pages web qui ont forcé les polices à être plus petites de cette façon.</para>
<para
>Ce paramètre vous permettra de régler la taille par défaut sur une taille confortable, de sorte que les tailles relatives seront aussi agrandies suffisamment pour être confortables.</para>
<para
>N'oubliez pas que vous pouvez forcer &konqueror; à ne pas afficher du texte en dessous d'une taille minimum, de sorte que le texte ne soit <emphasis
>jamais</emphasis
> trop petit à l'écran. Réglez cela dans Comportement, dans le module Navigateur web du &centreConfiguration;.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Utiliser la même taille pour tous les éléments</guilabel
></term>
<listitem>
<para
>Si vous activez cette option, tous les textes seront affichés dans la taille de police que vous avez spécifiée, quelles que soient les instructions que comporte la page. Les tailles relatives des polices telles que décrites précédemment, et même les instructions spécifiques comme quoi le texte devrait être affiché à une certaine taille seront supplantées ici.</para>
</listitem>
</varlistentry>
</variablelist>
</sect3>

<sect3>
<title
>Couleurs</title>

<variablelist>
<varlistentry>
<term
><guilabel
>Noir sur blanc</guilabel
></term>
<listitem>
<para
>Beaucoup de gens ayant une vision affaiblie trouvent que le texte noir sur un écran blanc donne le plus de contraste, et est le plus facile à lire. Si ceci s'applique à vous, vous pouvez l'activer ici.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Blanc sur noir</guilabel
></term>
<listitem>
<para
>Beaucoup d'autres gens ayant une vision affaiblie trouvent que l'opposé est vrai, que le texte blanc sur un écran noir est plus facile à lire.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Personnalisée</guilabel
></term>
<listitem>
<para
>Encore d'autres gens trouvent que du noir et blanc pur, dans n'importe quel ordre, est difficile à lire. Vous pouvez ajuster ici les couleurs à la fois pour le <guilabel
>Fond</guilabel
> et pour le <guilabel
>Texte</guilabel
>.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Utiliser toujours la même couleur</guilabel
></term>
<listitem>
<para
>Beaucoup de sites web utilisent une couleur différente, souvent contrastée pour les en-têtes et autres fioritures. Si ceci interfère avec votre capacité à lire le contenu, vous pouvez activer cette case à cocher pour que &kde; utilise les couleurs que vous avez choisies au-dessus pour tout le texte.</para>
</listitem>
</varlistentry>
</variablelist>

</sect3>

<sect3>
<title
>Images</title>

<variablelist>
<varlistentry>
<term
><guilabel
>Ne pas charger les images</guilabel
></term>
<listitem>
<para
>Si vous ne voulez pas voir d'images, vous pouvez les désactiver ici.</para
></listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Ne pas charger les images de fond</guilabel
></term>
<listitem>
<para
>Un problème majeur pour les utilisateurs ayant une vision affaiblie est que les images de fond ne donnent pas suffisamment de contraste pour leur permettre de lire le texte. Vous pouvez désactiver les images de fond ici, indépendamment de votre choix de voir toutes les images.</para>
</listitem>
</varlistentry>
</variablelist>

</sect3>

<sect3>
<title
>Aperçu</title>

<para
>Le bouton <guibutton
>Aperçu</guibutton
> vous permet de voir l'effet de vos changements. Une fenêtre s'affiche, vous montrant comment différents types d'en-têtes apparaîtront avec votre feuille de style, et une phrase dans le texte du corps par défaut.</para>

<para
>Ceci devrait vous permettre d'ajuster finement votre feuille de style jusqu'à ce que vous ayez quelque chose que vous puissiez lire confortablement.</para>

<para
>Bon surf !</para>

</sect3>

</sect2>

</sect1>

</article>