Блог


Иконки для сайта

Чего греха таить, всем хочется сделать свой сайт привлекательным и красивым, чтобы глаз не оторвать. Чего только не придумают пытливые умы дизайнеров. Вот и мы сейчас в этой статье покажем, как можно сделать красивые иконки для кнопочек, ссылок или просто пунктам списков или абзацев.

Вот такие к примеру.

Улетная вечеринка
Наливaй!
Отжигай!
Музон
Любовь
Супер!

Многие ошибочно полагают, что для этого нужно для каждого пункта вставлять свою картинку. Можно конечно, но не камильфо. Есть более продвинутый способ - загрузить все иконки одной картинкой, а потом выводить нужную с помощью CSS, определяя позицию её нахождения на картинке.

Это экономичнее - одна общая картинка всегда меньше, чем куча мелких. Это рациональнее - иметь такую толпу картинок - запутаешься. И вообще это повзрослому. Так что вот для примера картинка с иконками (взято с этого сайта, там еще есть)



А вот для баловства генератор. Выбирайте нужные иконки и получайте набор картинок и классов CSS, чтобы не перегружать ничем лишним.

Ну теперь принцип должен быть понятен, можно теперь выбрать в сети любой набор иконок (их там полно) и прикрутить таким образом на свой сайт. Главное не ошибиться в определении позиций.

Теги: HTML | css

Комментарии (5)

Alex
17-07-2013
Классно придумали. Откуда у вас сколько времени на создания это генератора?))
twin
18-07-2013
На самом деле это совсем небольшой скрипт. Так что много времени он не занял.  
akuchkovsky
24-08-2013
Я перестал пользоваться картинками, пользуюсь шрифтами, можно изменять размеры иконок, чего не сделаешь с картинками, вот может пригодится кому:
fontawesome.io
zocial.smcllns.com - шрифт иконок соц. сетей
icomoon.io
twin
25-08-2013
Оно конечно хорошо, но картинки придают сайту уникальность и своеобразность. За ссылки спасибо.
YVSIK
07-12-2013
Очень хорошо
Есть одно но, иконка иконке рознь.
Как примерно это будет смотреться в поисковике?
Сайт можно запомнить по иконе, для этого они и предназначеныбыли изначально.
Теперь представим, каждая страница имеет свою иконку,
сам вопрос напрашивается: как запомнит юзер к примеру, этот сайт, если у него постоянно будут они меняться, скажем для каждой отдельной или теме или страницы.

В этом случае запоминание сайта по иконке отсутствует.
PS. В слух подумалось.

 
Наверх