Понеділок, 10 лютого, 2025

Оформлення матеріалів

Оформлення матеріалів - стилі

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

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

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

 

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

 

Це стилізований текстовий блок з використанням класу "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