Прапори держав

Піктограми державних прапорів в спрайте

17.09.2015

Піктограми державних прапорів в спрайте

Я взяв прапорці Микити Іванова і зібрав їх в одному спрайте для більш зручного і оптимального використання на сайтах. Мені здається, те, що вийшло, може стати в нагоді і вам у своїй роботі.

Слово Микиті:

Піктограми державних прапорів в спрайте

Одного разу мені знадобилися маленькі піктограми всіх державних прапорів на світі. Причому, в них не повинно було бути іграшковою веб-два-нольной глянцевості і «веселеньких» перекручених квітів. Як не дивно, мені не вдалося знайти нічого підходящого — тому я взявся за цю роботу самостійно.

Значок російського прапора став маленькою і чіткої копією нашого триколора. Такими ж акуратними вийшли прапори, наприклад, Ямайки або Греції . А над прапорами Австралії і Британії довелося трохи попотіти.

Оригінальний архів з піктограмами можна завантажити на сайті Микити Іванова. 255 ПНГ-файлів з архіву важать всього 67 кілобайт. Якщо вам потрібні прапорці в графічному редакторі, окремі файли — ваш вибір.

На вебі ж краще використовувати спрайт, так як він ще легше — 31 КБ. і за два запити до сервера (ЦСС + ПНГ ) ви отримуєте всі прапори разом.

Збережіть flags.css і flags.png із архіву на своєму сервері в будь-якій зручній папці, в моєму прикладі ці файли нібито в одному місці з ХТМЛ .

ЦСС підключається звичайним способом, а спрайт згадується там, де потрібна піктограма:

Значок прапора потрібної країни отримати дуже просто, вставте її код в назві класу будь-якого порожнього елемента, ось так: — російський триколор, — французька.

Короткий опис статті: прапори держав

Джерело: Піктограми державних прапорів в спрайте

Також ви можете прочитати