Мочук Оксана в 17:08, 26 квітня 2018

2018-04-26T17:08:27Z

← Старіша версія		Версія 17:08, 26 квітня 2018
Рядок 641:		Рядок 641:
	Якщо в якійсь клітинці потрібно задати певний колір фону, задавайте його ось так: <code>style="background-color: ''колір'';"</code> (див. [http://uk.wikipedia.org/wiki/%D0%92%D1%96%D0%BA%D1%96%D0%BF%D0%B5%D0%B4%D1%96%D1%8F:%D0%91%D0%B0%D1%80%D0%B2%D0%B8 таблицю кольорів]). Рекомендується використовувати цю можливість '' тільки '' якщо необхідний саме конкретний колір, а не просто логічне виділення частини клітинок.		Якщо в якійсь клітинці потрібно задати певний колір фону, задавайте його ось так: <code>style="background-color: ''колір'';"</code> (див. [http://uk.wikipedia.org/wiki/%D0%92%D1%96%D0%BA%D1%96%D0%BF%D0%B5%D0%B4%D1%96%D1%8F:%D0%91%D0%B0%D1%80%D0%B2%D0%B8 таблицю кольорів]). Рекомендується використовувати цю можливість '' тільки '' якщо необхідний саме конкретний колір, а не просто логічне виділення частини клітинок.

-	~~[[Категорія: ТерноВікі]]~~
-	~~[[Категорія: ІППОВікі]]~~
-	~~[[Категорія: Методист]]~~
	[[Категорія: Методична скарбничка]]		[[Категорія: Методична скарбничка]]

Мочук Оксана в 16:00, 26 квітня 2018

2018-04-26T16:00:40Z

Показати зміни

Мочук Оксана: Створена сторінка: === Використання кольору === Нижче наведено складніші приклади, що демонструють додаткові ...

2018-04-26T13:56:25Z

Створена сторінка: === Використання кольору === Нижче наведено складніші приклади, що демонструють додаткові ...

Нова сторінка

=== Використання кольору ===
Нижче наведено складніші приклади, що демонструють додаткові опції доступні для опису таблиць. Ви можете поекспериментувати з цими установками та подивитись, який ефект вони матимуть. Не всі із цих опцій придатні у всіх випадках, тільки тому що Ви можете додати кольоровий фон не означає що це завжди є хорошою ідеєю. Намагайтесь робити Ваші таблиці достатньо простими — інші користувачі редагуватимуть їх також!

==== Кольоровий текст ====
Текст, що знаходиться в таблиці, можна зробити кольоровим. З цією метою застосовуються ті ж теги, що і в HTML:
* для окремого слова — <nowiki><font color="#ABCDEF">Текст</font></nowiki>;
* для довгого тексту — <nowiki><div style="color:#ABCDEF">Текст, текст.</div></nowiki>,
де «ABCDEF» — індекс кольору. Для "розфарбування" тексту пишуть так:

Вихідний код

<nowiki>{| border=1
|Клітинка 1*1
|Кольорове <font color="#FF00FF">одне</font> слово.
|Клітинка 3*1
|-
|Клітинка 1*2
|Клітинка 2*2
|<div style="color:#33CC66">Кольоровий весь рядок.</div>
|-
|Клітинка 1*3
|Клітинка 2*3
|Клітинка 3*3
|}</nowiki>

Як він виглядає

{| border=1
|Клітинка 1*1
|Кольорове <font color="#FF00FF">одне</font> слово.
|Клітинка 3*1
|-
|Клітинка 1*2
|Клітинка 2*2
|<div style="color:#33CC66">Кольоровий весь рядок.</div>
|-
|Клітинка 1*3
|Клітинка 2*3
|Клітинка 3*3
|}

Колір клітинки

Зробити '''кольорову клітинку''' можна за допомогою атрибуту «bgcolor=#ABCDEF», де «ABCDEF» — індекс кольору.

Пишеться

<nowiki>{| border=1
|Клітинка 1*1
|bgcolor=#FFCC00|Клітинка 2*1
|Клітинка 3*1
|-
|Клітинка 1*2
|Клітинка 2*2
|Клітинка 3*2
|-
|bgcolor=#CCFF00|Клітинка 1*3
|Клітинка 2*3
|Клітинка 3*3
|}</nowiki>

Як він виглядає

{| border=1
|Клітинка 1*1
|bgcolor=#FFCC00|Клітинка 2*1
|Клітинка 3*1
|-
|Клітинка 1*2
|Клітинка 2*2
|Клітинка 3*2
|-
|bgcolor=#CCFF00|Клітинка 1*3
|Клітинка 2*3
|Клітинка 3*3
|}

==== Фоновий колір таблиці ====
Щоб зробити кольоровим фон всієї таблиці, слід вписати атрибут «bgcolor=#ABCDEF» в перший рядок таблиці, де ставитися і атрибут рамки:

Пишеться

<nowiki>{| border=1 bgcolor=#66FFFF
|Клітинка 1*1
|Клітинка 2*1
|Клітинка 3*1
|-
|Клітинка 1*2
|Клітинка 2*2
|Клітинка 3*2
|-
|Клітинка 1*3
|Клітинка 2*3
|Клітинка 3*3
|}</nowiki>

Як він виглядає

{| border=1 bgcolor=#66FFFF
|Клітинка 1*1
|Клітинка 2*1
|Клітинка 3*1
|-
|Клітинка 1*2
|Клітинка 2*2
|Клітинка 3*2
|-
|Клітинка 1*3
|Клітинка 2*3
|Клітинка 3*3
|}

==== Класи оформлення клітинок ====
{| class="simple" border="1" style="float:right; margin-left:2em"
|-
! !! заголовок !! звичайна клітинка
|-
!'''highlight'''
!class="highlight" |
|class="highlight"|
|-
!'''bright'''
!class="bright" |
|class="bright" |
|-
!'''shadow'''
!class="shadow" |
|class="shadow" |
|-
!'''dark'''
!class="dark" |
|class="dark" |
|}
Також в Вікіпедії є два класи підсвічування та два типи затінення окремих клітинок, при цьому класи підсвічування надають різні кольори заголовних «!» і звичайних «|» клітинок.

Ці класи можна додавати до рядка для підсвічування відразу всіх клітинок рядка.

<pre style="width:20em">
|- class="bright"
| ...
| ...
</pre>

Або до окремо взятої клітинки; якщо потрібно просто скасувати колір, заданий в рядку, використовуйте клас <tt>transparent</tt>.

<pre style="width:20em">
|-
|class="bright"| ...
|class="highlight"| ...
</pre>

Наприклад:
{| class="wikitable" style="font-family:monospace"
|-
|width=20%| 
|width=20%| 
|width=20%| 
|width=20%| 
|width=20%| 
|-class=dark
|colspan=2| |-class="dark"
| 
| 
|class=highlight| |class="highlight"
|-class=bright
|colspan=2| |-class="bright"
| 
|class=transparent | |class="transparent"
| 
|}

Для заголовків рекомендується використовувати підсвічування <code>highlight</code>, за необхідності виділити більш важливий заголовок — <code>bright</code>. Якщо є необхідність знизити важливість заголовка, можна використовувати затінення.

Для виділення груп звичайних клітинок рекомендується використовувати затінення (спочатку <code>shadow</code>, за необхідності — <code>dark</code>). Если нужно выделить одну-две ячейки, можно использовать подсветку.

Якщо в якійсь клітинці потрібно задати певний колір фону, задавайте його ось так: <code>style="background-color: ''колір'';"</code> (див. [http://uk.wikipedia.org/wiki/%D0%92%D1%96%D0%BA%D1%96%D0%BF%D0%B5%D0%B4%D1%96%D1%8F:%D0%91%D0%B0%D1%80%D0%B2%D0%B8 таблицю кольорів]). Рекомендується використовувати цю можливість '' тільки '' якщо необхідний саме конкретний колір, а не просто логічне виділення частини клітинок.

[[Категорія: ТерноВікі]]
[[Категорія: ІППОВікі]]
[[Категорія: Методист]]
[[Категорія: Методична скарбничка]]

Використання кольорів - Історія редагувань

Мочук Оксана в 17:08, 26 квітня 2018

Мочук Оксана в 16:00, 26 квітня 2018

Мочук Оксана: Створена сторінка: === Використання кольору === Нижче наведено складніші приклади, що демонструють додаткові ...