При публікації своїх матеріалів на сторінках інформаційно-пізнавального веб-сайту Косівщини, окрім стандартних (передбачених текстовим редактором порталу) стилів та шрифтів, Ви можете використовувати наступні додаткові стилі для кращого оформлення публікації.

Наведено приклади використання конструкцій HTML з використанням текстового редактора сайту та кінцевий результат використання стилю - зовнішній вигляд тексту:

Blockquote. Використовуйте конструкцію <blockquote><p>Ваш власний текст!</p></blockquote> для створення такого блоку тексту.

Це стилізований текстовий блок з використанням класу "doc". Використовуйте так:
<span class="doc">Ваш власний текст!</span>

Це стилізований текстовий блок з використанням класу "camera". Використовуйте так:
<span class="camera">Ваш власний текст!</span>

Це стилізований текстовий блок з використанням класу "note". Використовуйте так:
<span class="note">Ваш власний текст!</span>

Це стилізований текстовий блок з використанням класу "approved". Використовуйте так:
<span class="approved">Ваш власний текст!</span>

Це стилізований текстовий блок з використанням класу "media". Використовуйте так:
<span class="media">Ваш власний текст!</span>

Це стилізований текстовий блок з використанням класу "alert". Використовуйте так:
<span class="alert">Ваш власний текст!</span>

Приклад вставленої картинки:

Приклади заголовків, оформлених за допомогою стилів текстового редактора порталу Косівщини (панель інструментів редактора - Абзац):

Заголовок 1

Заголовок 2

Заголовок 3

Заголовок 4

Заголовок 5

Це стилізований текстовий блок з використанням тегів <pre>...</pre>. Використовуйте так: 
<pre>Ваш власний текст!</pre>

1. Це є Нумерований список - Ordered List
2. Congue Quisque augue elit dolor nibh.
3. Condimentum elte quis.
4. Opsum dolor sit amet consectetuer.

• Це є Ненумерований список - Unordered List
• Congue Quisque augue elit dolor nibh.
• Condimentum elte quis.
• Opsum dolor sit amet consectetuer.

• Це є Ненумерований список - Unordered List з використанням класу "bullet-1"
• Використовуйте <ul class="bullet-1">
• Congue Quisque augue elit dolor nibh.
• Condimentum elte quis.
• Opsum dolor sit amet consectetuer.

• Це є Ненумерований список - Unordered List з використанням класу "bullet-3"
• Використовуйте <ul class="bullet-3">
• Congue Quisque augue elit dolor nibh.
• Condimentum elte quis.
• Opsum dolor sit amet consectetuer.

• Це є Ненумерований список - Unordered List з використанням класу "bullet-5"
• Використовуйте <ul class="bullet-5">
• Congue Quisque augue elit dolor nibh.
• Condimentum elte quis.
• Opsum dolor sit amet consectetuer.

• Це є Ненумерований список - Unordered List з використанням класу "bullet-8"
• Використовуйте <ul class="bullet-8">
• Congue Quisque augue elit dolor nibh.
• Condimentum elte quis.
• Opsum dolor sit amet consectetuer.

Використання наступного прикладу дозволить Вам оформити список з нумерацією з використанням span елементів класу "number":

1Це простий стилізований нумерований список. Використовуйте так:
<p><span class="number">1</span>Ваш власний текст!</p>

2Це простий стилізований нумерований список. Використовуйте так:
<p><span class="number-red">2</span>Ваш власний текст!</p>

3Це простий стилізований нумерований список. Використовуйте так:
<p><span class="number-blue">3</span>Ваш власний текст!</p>

4Це простий стилізований нумерований список. Використовуйте так:
<p><span class="number-purple">4</span>Ваш власний текст!</p>

Допомога - FAQs