Іконки для порталу
admin 22 366 0
Сторінка на якій зібрані елементи для дизайнерського оформлення сторінок сайту.
Елементи оформлення можна поділити на 2 великі групи:
- html код елементи
- картинки для вставки
-----
HTML елементи для оформлення текстів:
(Щоб вставити такий візерунок в редакторі - тиснемо кнопку - <> і в потрібному місці вставляємо сам html код.)
Заголовок тексту розміром Н1
Заголовок тексту розміром Н2
Заголовок тексту розміром Н3
Заголовок тексту розміром Н4
<h1>Заголовок тексту розміром Н1</h1>
<h2>Заголовок тексту розміром Н2</h2>
<h3>Заголовок тексту розміром Н3</h3>
<div class="a-center"><h4>Заголовок тексту розміром Н4</h4>Стилі візерунків:
1.)
2.)
3.)
Код візерунка №1
<i class="vn1z"> </i>
Код візерунка №2
<i class="vn2z"> </i>
Код візерунка №3
<i class="vn3z"> </i>Маркирований список:
- Строка списку
- Строка списку
- Строка списку
<ul class="spf2">
<li>Строка списку</li>
<li>Строка списку</li>
<li>Строка списку</li>
</ul>Лінії в українському стилі (розтягуються на 100%)
<i class="yzor1"> </i>
<i class="yzor2"> </i>
<i class="yzor3"> </i>
<i class="yzor4"> </i>
<i class="yzor5"> </i>
<i class="yzor6"> </i>
<i class="yzor7"> </i>
Цитата:
don't spend time beating on a wall, hoping to transform it into a door.
<blockquote>
<p>don't spend time beating on a wall, hoping to transform it into a door.</p>
<footer>— <cite>coco chanel</cite></footer>
</blockquote>Виноски - обтікаються по контуру
Тут має бути написаний ваш текс, який ви хочете підкреслити, не потрібно виставляти розмір чи параграф - просто наберіть речення.
<div class="v-inform">
Тут має бути написаний ваш текс, який ви хочете підкреслити, не потрібно виставляти розмір чи параграф - просто наберіть речення.
</div>---
Тут має бути написаний ваш текс, який ви хочете підкреслити, не потрібно виставляти розмір чи параграф - просто наберіть речення.
<div class="v-uvaga">
Тут має бути написаний ваш текс, який ви хочете підкреслити, не потрібно виставляти розмір чи параграф - просто наберіть речення.
</div>---
Тут має бути написаний ваш текс, який ви хочете підкреслити, не потрібно виставляти розмір чи параграф - просто наберіть речення.
<div class="v-zaput">
Тут має бути написаний ваш текс, який ви хочете підкреслити, не потрібно виставляти розмір чи параграф - просто наберіть речення.
</div>---
css Картинки:
1) 2) 3) 4) 5) 6) 7) 8) 9) 10) 11) 12) 13) 14) 15) 16)<div class="clear str-20"></div>
<p>css Картинки:</p>
1) <i class="ic_kozak_sear "> </i>
2) <i class="ic_ockom"> </i>
3) <i class="ic_komcit"> </i>
4) <i class="ic_bunchugniy"> </i>
5) <i class="ic_bunchyg_pernach "> </i>
6) <i class="ic_did "> </i>
7) <i class="ic_did_vintovka"> </i>
8) <i class="ic_getman"> </i>
9) <i class="ic_getman_bulava"> </i>
10) <i class="ic_kozak"> </i>
11) <i class="ic_kozak_sablya"> </i>
12) <i class="ic_siroma"> </i>
13) <i class="ic_siroma_kosa"> </i>
14) <i class="ic_sotnuk"> </i>
15) <i class="ic_sotnuk_mushket"> </i>
16) <i class="ic_brat_palash"> </i>css Іконки:
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)<div class="clear str-20"></div>
<p>css Іконки:</p>
1) <i class="ic_npopul"> </i>
2) <i class="ic_nred"> </i>
3) <i class="ic_nsvitlof"> </i>
4) <i class="ic_nthnks"> </i>
5) <i class="ic_kyrs_nvw"> </i>
6) <i class="ic_nviews"> </i>
7) <i class="ic_bandyra "> </i>
8) <i class="ic_kyrs_1 "> </i>
9) <i class="ic_kyrs_2 "> </i>
10) <i class="ic_kyrs_3 "> </i>
11) <i class="ic_kyrs_4 "> </i>
12) <i class="ic_kyrs_5 "> </i>
13) <i class="ic_kyrs_6 "> </i>
14) <i class="ic_kyrs_7 "> </i>
15) <i class="ic_kyrs_8 "> </i>
16) <i class="ic_kyrs_9 "> </i>
17) <i class="ic_kyrs_10"> </i>
18) <i class="ic_kyrs_11"> </i>
19) <i class="ic_kyrs_12"> </i>
20) <i class="ic_kyrs_13"> </i>
21) <i class="ic_kyrs_14"> </i>
22) <i class="ic_kyrs_15"> </i>
23) <i class="ic_kyrs_16"> </i>
24) <i class="ic_kyrs_17"> </i>
25) <i class="ic_kyrs_18"> </i>
26) <i class="ic_kyrs_19"> </i>
27) <i class="ic_kyrs_20"> </i>
28) <i class="ic_kyrs_22"> </i>
29) <i class="ic_nauthr"> </i>---
КАРТИНКИ для оформлення:
Щоб встановити відповідну іконку в текст:
1. Клік правою кнопкою мишки по необхідному зображенню - Скопіювати адресу до зображення.
2. В редакторі в потрібному місці поставте курсор і натисніть - Ctrl+V
Стрілочки:
(ця для зовнішніх посилань)
Різні іконки для тексту:
Візерунки:
Малюнки статусів на Січі:
Кнопки зафантажень для різних файлів.
