➤ Іконки для порталу

Іконки для порталу

admin
  19 958   0    
Іконки для порталу
Іконки для порталу

Сторінка на якій зібрані елементи для дизайнерського оформлення сторінок сайту.

crying Елементи оформлення можна поділити на 2 великі групи:

-----


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">&nbsp;</i>
Код візерунка №2
<i class="vn2z">&nbsp;</i>	
Код візерунка №3	
<i class="vn3z">&nbsp;</i>

Маркирований список:

  • Строка списку
  • Строка списку
  • Строка списку
<ul class="spf2">
 <li>Строка списку</li>
 <li>Строка списку</li>
 <li>Строка списку</li>
</ul>

Лінії в українському стилі (розтягуються на 100%)

 

<i class="yzor1">&nbsp;</i>

 


<i class="yzor2">&nbsp;</i>

 


<i class="yzor3">&nbsp;</i>

 


<i class="yzor4">&nbsp;</i>

 


<i class="yzor5">&nbsp;</i>

 


<i class="yzor6">&nbsp;</i>

 


<i class="yzor7">&nbsp;</i>

Цитата:

don't spend time beating on a wall, hoping to transform it into a door.

coco chanel
<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 ">&nbsp;</i>
2) <i class="ic_ockom">&nbsp;</i>
3) <i class="ic_komcit">&nbsp;</i>
4) <i class="ic_bunchugniy">&nbsp;</i>
5) <i class="ic_bunchyg_pernach ">&nbsp;</i>
6) <i class="ic_did ">&nbsp;</i>
7) <i class="ic_did_vintovka">&nbsp;</i>
8) <i class="ic_getman">&nbsp;</i>
9) <i class="ic_getman_bulava">&nbsp;</i>
10) <i class="ic_kozak">&nbsp;</i>
11) <i class="ic_kozak_sablya">&nbsp;</i>
12) <i class="ic_siroma">&nbsp;</i>
13) <i class="ic_siroma_kosa">&nbsp;</i>
14) <i class="ic_sotnuk">&nbsp;</i>
15) <i class="ic_sotnuk_mushket">&nbsp;</i>
16) <i class="ic_brat_palash">&nbsp;</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">&nbsp;</i>
2) <i class="ic_nred">&nbsp;</i>
3) <i class="ic_nsvitlof">&nbsp;</i>
4) <i class="ic_nthnks">&nbsp;</i>
5) <i class="ic_kyrs_nvw">&nbsp;</i>
6) <i class="ic_nviews">&nbsp;</i>
7) <i class="ic_bandyra ">&nbsp;</i>
8) <i class="ic_kyrs_1 ">&nbsp;</i>
9) <i class="ic_kyrs_2 ">&nbsp;</i>
10) <i class="ic_kyrs_3 ">&nbsp;</i>
11) <i class="ic_kyrs_4 ">&nbsp;</i>
12) <i class="ic_kyrs_5 ">&nbsp;</i>
13) <i class="ic_kyrs_6 ">&nbsp;</i>
14) <i class="ic_kyrs_7 ">&nbsp;</i>
15) <i class="ic_kyrs_8 ">&nbsp;</i>
16) <i class="ic_kyrs_9 ">&nbsp;</i>
17) <i class="ic_kyrs_10">&nbsp;</i>
18) <i class="ic_kyrs_11">&nbsp;</i>
19) <i class="ic_kyrs_12">&nbsp;</i>
20) <i class="ic_kyrs_13">&nbsp;</i>
21) <i class="ic_kyrs_14">&nbsp;</i>
22) <i class="ic_kyrs_15">&nbsp;</i>
23) <i class="ic_kyrs_16">&nbsp;</i>
24) <i class="ic_kyrs_17">&nbsp;</i>
25) <i class="ic_kyrs_18">&nbsp;</i>
26) <i class="ic_kyrs_19">&nbsp;</i>
27) <i class="ic_kyrs_20">&nbsp;</i>
28) <i class="ic_kyrs_22">&nbsp;</i>
29) <i class="ic_nauthr">&nbsp;</i>

---

КАРТИНКИ для оформлення:

Щоб встановити відповідну іконку в текст: 

1. Клік правою кнопкою мишки по необхідному зображенню - Скопіювати адресу до зображення.

2. В редакторі в потрібному місці поставте курсор і натисніть - Ctrl+V

Стрілочки:

                              

(ця для зовнішніх посилань)

Різні іконки для тексту:

           
Візерунки:
 

Малюнки статусів на Січі:

Кнопки зафантажень для різних файлів.

 

    

Залишити свій коментар:

аватар   Особистий кабінет

  • Український портал
  • Тільки українською
  • Слідкуй за новинками
kampot.org.ua