<?xml version="1.0" ?>
<!DOCTYPE article PUBLIC "-//KDE//DTD DocBook XML V4.5-Based Variant V1.1//EN"
"dtd/kdedbx45.dtd" [
<!ENTITY % addindex "IGNORE">
<!ENTITY % Ukrainian "INCLUDE"
> <!-- change language only here -->
]>

<article id="kcmcss" lang="&language;">
<articleinfo>
<title
>Вигляд</title>
<authorgroup>
<author
>&Lauri.Watts; &Lauri.Watts.mail;</author>
<othercredit role="translator"
><firstname
>Юрій</firstname
><surname
>Чорноіван</surname
><affiliation
><address
><email
>yurchor@ukr.net</email
></address
></affiliation
><contrib
>Переклад українською</contrib
></othercredit
> 
</authorgroup>

<date
>8 листопада 2016 року</date>
<releaseinfo
>Програми 16.12</releaseinfo>

<keywordset>
<keyword
>KDE</keyword>
<keyword
>CSS</keyword>
<keyword
>Вигляд</keyword>
<keyword
>Шрифт</keyword>
<keyword
>CSS</keyword>
<keyword
>Таблиці стилів</keyword>
<keyword
>Доступність</keyword>
</keywordset>

</articleinfo>

<sect1 id="appearance">
<title
>Вигляд</title>
<para
>Панель цього модуля складається з трьох вкладок з параметрами налаштування показу вебсторінок.</para>

<sect2 id="general">
<title
>Загальне</title
> <!-- modified copy from khtml/index.docbook <sect2 id="kbrowse-html"-->

<para
>The check box labeled <guilabel
>Automatically load images</guilabel
> allows you to control whether images on web pages are loaded by default. Unless you have a very slow connection, you will probably want to leave this option selected, as there are many web pages that are difficult to use without images. If you don't select the option to automatically load images, you can still view the text on the page, and then load the images if you need them.</para>

<para
>Якщо буде позначено пункт <guilabel
>Малювати рамку для не повністю завантажених зображень</guilabel
>, &konqueror; буде малювати рамки навколо місць, де мають бути завантажені зображення, які вбудовано у вебсторінку. Якщо у вас повільне з’єднання з інтернетом, подібна можливість буде корисною.</para>

<para
>На багатьох сторінках можна зустріти анімовані зображення gif, декого це може дратувати, а у деяких випадках показ таких зображень значно навантажує ресурси вашої системи. За допомогою пункту <guilabel
>Анімації</guilabel
> ви можете визначити, коли слід показувати анімацію. Типово, анімацію буде увімкнено, але ви можете вимкнути анімацію або наказати програмі показати лише один цикл анімації, навіть якщо у відповідному файлі містяться інструкції щодо багаторазового або неперервного показу анімації.</para>

<para
>Наступним пунктом є <guilabel
>Підкреслювати посилання:</guilabel
> Ви можете обрати один з варіантів підкреслювання посилань. Першим є варіант <guilabel
>Увімкнено</guilabel
>. Якщо обрано цей варіант, будь-який текст на вебсторінці, який працює як посилання буде показано підкресленим шрифтом. Хоча багато вебсторінок використовують колір для позначення тексту, який працює як посилання, підкреслювання полегшує знаходження посилань на сторінці.</para>

<para
>If you don't like underlined links, you can choose <guilabel
>Disabled</guilabel
>, so that no links are underlined. Or you can choose a middle ground, <guilabel
>Only on Hover</guilabel
>, so that links are underlined when the mouse cursor is resting over them, and not underlined the rest of the time.</para>

<note
><para
>The site's CSS definitions can override this value.</para
></note>

<para
>Пункт <guilabel
>Плавне гортання</guilabel
> визначає, слід &konqueror; використовувати плавні кроки гортання сторінок &HTML; чи використовувати повноцінні кроки: <itemizedlist>
<listitem
><para
><guilabel
>Завжди</guilabel
>: завжди використовувати плавне гортання</para
></listitem>
<listitem
><para
><guilabel
>Ніколи</guilabel
>: ніколи не використовувати плавне гортання, гортати повноцінними кроками.</para
></listitem>
<listitem
><para
><guilabel
>Коли придатне</guilabel
>: використовувати плавне гортання сторінок тільки тоді, коли на нього не буде витрачатись багато системних ресурсів.</para
></listitem>
</itemizedlist>
</para>

</sect2>

<sect2 id="fonts"
> <!-- modified copy from khtml/index.docbook <sect2 id="kbrowse-appearance"-->
<title
>Шрифти</title>
<para
>На цій вкладці ви знайдете різноманітні пункти, пов’язані з використанням шрифтів. Хоча форма і розміри шрифтів часто є частиною дизайну вебсторінки, ви можете змінити типові параметри, які використовуватиме &konqueror;.</para>

<para
>Першим параметром, який ви тут можете змінити, є розмір шрифту. Існує два параметри, які, працюючи разом, забезпечать вам комфортний перегляд сторінок.</para>

<para
>Першим з них є <guilabel
>Найменший розмір шрифту</guilabel
>. За його допомогою можна вказати, що, навіть якщо розмір шрифту явно вказано у коді сторінки, яку ви переглядаєте, &konqueror; не слід на зважати на ці інструкції і не використовувати розміри шрифтів, менші за вказаний вами у цьому пункті.</para>

<para
>Далі ви можете встановити <guilabel
>Середній розмір шрифту</guilabel
>. Цей параметр визначатиме не лише типовий розмір шрифту тексту, який використовуватиметься, якщо у коді сторінки не задано явно розмір шрифту, — цей розмір шрифту буде використано як основу для обчислення відносних розмірів шрифту. Тобто, інструкції &HTML; на зразок <quote
>smaller</quote
>, визначатимуть розмір шрифту, менший за вказаний у цьому пункті.</para>

<para
>Для кожного з цих пунктів ви можете обрати точний розмір шрифту у точках за допомогою стрілочок вгору/вниз лічильників або безпосереднім введенням числового значення у поле поряд з відповідною міткою.</para>

<para
>Параметри цих двох пунктів є незалежними один від одного. Сторінки, у коді яких не вказано розміру шрифту, або сторінок, які вказують типовий розмір шрифту, буде показано за допомогою шрифту, розмір якого встановлено у пункті <guilabel
>Середній розмір шрифту</guilabel
>, а всі інші сторінки, у коді яких буде передбачено розмір шрифту, що є меншим від вказаного вами <guilabel
>Найменшого розміру шрифту</guilabel
>, буде показано за допомогою шрифтів з розміром не меншим за вказаний. Одне не впливатиме на інше.</para>

<para
>Решту пунктів призначено для визначення шрифтів, які буде використано для різних типів розмітки сторінок &HTML;. Зауважте, що на багатьох сторінках вказані параметри може бути змінено самим кодом сторінки. Ви можете визначити гарнітуру шрифту для кожного з типів шрифтів вебсторінок.</para>

<para
>Нижче ви можете встановити <guilabel
>Корекцію шрифту для цього кодування</guilabel
>. Іноді символи шрифтів, які ви бажаєте використовувати для певного кодування або мови у середньому більші або менші за типові символи шрифту, отже, ви можете скористатися цим пунктом, щоб привести ці розміри у відповідність.</para>

<para
>Ви можете встановити типове кодування, яке &konqueror; має призначати сторінкам під час їх відображення. Типовим значенням є <guilabel
>Користуватися кодуванням мови</guilabel
>, але ви можете змінити це кодування на будь-яке з кодувань, наведених у списку.</para>

</sect2>

<sect2 id="stylesheets">

<title
>Таблиці стилів</title>

<sect3>
<title
>Вступ</title>

<para
>Таблиці стилів <acronym
>CSS</acronym
> визначають спосіб, у який буде показано вебсторінки. Абревіатура <acronym
>CSS</acronym
> є скороченням від <emphasis
>C</emphasis
>ascading <emphasis
>S</emphasis
>tyle <emphasis
>S</emphasis
>heets (вкладені таблиці стилів).</para>

<para
>&kde; can use its own stylesheet, based on simple defaults and the color scheme you are using for your desktop. &kde; can also use a stylesheet that you have written yourself. Finally, you can specify a stylesheet in this module. The options presented in this module are tuned for accessibility purposes, especially for people with reduced vision.</para>

<para
>Your choices here affect every &kde; application that renders HTML with &kde;'s own renderer, which is called khtml. These include &kmail;, &khelpcenter; and of course &konqueror;. Choices here do not affect other browsers such as &firefox;.</para>

</sect3>

<sect3 id="css-general">
<title
>Таблиці стилів</title>

<para
>У цьому розділі ви побачите такі пункти:</para>

<variablelist>
<varlistentry>
<term
><guilabel
>Використовувати типову таблицю стилів</guilabel
></term>
<listitem>
<para
>&kde; буде використовувати типову таблицю стилів. Деякі з кольорів буде замінено на типові для обраної вами схеми кольорів. Більшість параметрів може бути легко перевизначено сторінкою, яку ви переглядаєте.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Використовувати таблицю стилів користувача</guilabel
></term>
<listitem>
<para
>&kde; використовуватиме написану вами таблицю стилів. Для того, щоб вказати розташування файла таблиці стилів, ви можете скористатися кнопкою «Навігація». Файли <acronym
>CSS</acronym
> традиційно мають суфікс <literal role="extension"
>.css</literal
>, але його використання не є обов’язковим.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Використовувати таблицю стилів доступності</guilabel
></term>
<listitem>
<para
>Використовувати параметри, визначені у діалоговому вікні <guilabel
>Налаштувати</guilabel
>. Позначення цього пункту увімкне можливість зміни параметрів таблиці стилів за допомогою натискання кнопки <guibutton
>Налаштувати</guibutton
>.</para>
</listitem>
</varlistentry>
</variablelist>

</sect3>

<sect3 id="css-customize">
<title
>Налаштувати</title>

<para
>За допомогою цього діалогового вікна ви можете встановити таблицю стилів користувача. Серед доступних пунктів лише частина з інструкцій, які ви можете додати у таблицю стилів, їх призначено для допомоги людям з зоровими обмеженнями, вони надають змогу користувачам створювати таблиці стилів, які зроблять вебсторінки і файли довідки &kde; придатнішими для читання.</para>

<para
>Пункти цього діалогового вікна буде вимкнено, якщо ви не позначите варіант <guilabel
>Використовувати таблицю стилів доступності</guilabel
>.</para>

<sect4>
<title
><guilabel
>Гарнітура шрифту</guilabel
></title>

<variablelist>
<varlistentry>
<term
><guilabel
>Основна гарнітура</guilabel
></term>
<listitem>
<para
>Тут можна обрати гарнітуру шрифту, яку буде використано для основного тексту.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Використовувати однакову гарнітуру для всього тексту</guilabel
></term>
<listitem>
<para
>Якщо ви позначите цей пункт, для всіх текстових частин буде використано однакову гарнітуру шрифту, незалежно від параметрів сторінки, яку ви переглядаєте. Цей параметр корисний для сторінок, на яких використано для заголовків декоративний шрифт або шрифт, який важко читати.</para>
</listitem>
</varlistentry>
</variablelist>
</sect4>

<sect4>
<title
>Розмір шрифту</title>

<variablelist>
<varlistentry>
<term
><guilabel
>Основний розмір шрифту</guilabel
></term>
<listitem>
<para
>Це типовий розмір символів тексту на сторінці. Значна кількість вебсайтів встановлюють власні розміри шрифтів відносно цього типового значення, за допомогою теґів <quote
>larger</quote
> або <quote
>+1</quote
>, які роблять шрифт тексту більшим, і теґів <quote
>smaller</quote
> або <quote
>-1</quote
>, які роблять шрифт тексту меншим.</para>
<para
>Значна кількість розробників створюють вебсторінки на платформах, де звичайний розмір шрифту тексту буде завеликим для типового користувача, отже можна натрапити на вебсторінки, де таким чином шрифт робиться меншим.</para>
<para
>За допомогою цього параметра ви можете встановити комфортний розмір типового шрифту, так, щоб відносні розміри також було збільшено до комфортного розміру.</para>
<para
>Не забувайте, що ви також можете примусово вказати у &konqueror; мінімальний розмір, щоб розмір шрифту тексту <emphasis
>ніколи</emphasis
> не ставав замалим для читання. </para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Використовувати однаковий розмір для всіх елементів</guilabel
></term>
<listitem>
<para
>Якщо ви позначите цей пункт, весь текст на сторінках буде показано шрифтом вказаного вами розміру, незалежно від інструкцій, які містяться на сторінці. Ми вже обговорювали відносні розміри шрифтів, за допомогою цього пункту можна перевизначити навіть окремі інструкції щодо того, що текст слід показувати шрифтом певного розміру.</para>
</listitem>
</varlistentry>
</variablelist>
</sect4>

<sect4>
<title
>Зображення</title>

<variablelist>
<varlistentry>
<term
><guilabel
>Блокувати зображення</guilabel
></term>
<listitem>
<para
>Якщо ви не бажаєте переглядати зображення, тут ви можете вимкнути їх показ.</para
></listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Блокувати зображення тла</guilabel
></term>
<listitem>
<para
>Однією з основних проблем для людей з вадами зору є те, що зображення тла недостатньо контрастні для того, щоб можна було розібрати текст, який написано над ними. Тут ви можете вимкнути зображення тла, незалежно від того, чи обрали ви вище показ всіх зображень.</para>
</listitem>
</varlistentry>
</variablelist>
</sect4>

<sect4>
<title
>Кольори</title>

<variablelist>
<varlistentry>
<term
><guilabel
>Чорний на білому</guilabel
></term>
<listitem>
<para
>Значна кількість людей з обмеженими можливостями зору вважає, що чорний текст на білому екрані є найбільш контрастним, його найпростіше прочитати. Якщо ви погоджуєтеся з цією думкою, тут ви можете встановити такий спосіб показу.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Білий на чорному</guilabel
></term>
<listitem>
<para
>Значна кількість людей з обмеженими можливостями зору має протилежну думку: вони вважають, що білий текст на чорному екрані прочитати найпростіше.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Нетиповий</guilabel
></term>
<listitem>
<para
>Існує і інша група людей, які вважають, що комбінація білого і чорного кольору, за будь-якого порядку, недостатньо спрощує читання. Тут ви можете встановити нетипові кольори для <guilabel
>Тла</guilabel
> і <guilabel
>Тексту</guilabel
>.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Використовувати однаковий колір для всього тексту</guilabel
></term>
<listitem>
<para
>На багатьох вебсайтах використано різні, часто контрастні кольори для заголовків і інших прикрас. Якщо це заважає вам читати вміст сторінки, ви можете позначити цей пункт, щоб &kde; використовувало кольори, які ви визначили вище, для всього тексту.</para>
</listitem>
</varlistentry>
</variablelist>

</sect4>

<sect4>
<title
>Перегляд</title>

<para
>За допомогою розділу <guilabel
>Перегляд</guilabel
> ви зможете спостерігати за результатами застосування вказаних вами параметрів. Натискання цієї кнопки призведе до показу декількох типів заголовків і речення у типовому тексті за умови застосування вашої таблиці стилів.</para>

<para
>За допомогою перегляду ви зможете створити таку таблицю стилів, за допомогою якої зможете комфортно читати вміст потрібних сторінок. вміст потрібних сторінок.</para>

<para
>Приємного перегляду!</para>

</sect4>

</sect3>

</sect2>

</sect1>

</article>
