Прячем иконки в фон (Рейтинг: +1)
Здравствуйте!
Наверное многим не нравится когда с их сайта что-то "копипастят".
Сейчас я вам расскажу как усложнить копирование графики (а именно иконок) с помощью css.
Все наши иконки будут вида
Сначала создадим файл icons.css и подключим его к сайту.
В этом файле пропишем:
width: 16px; - ширина иконки
height: 16px; - высота иконки
и далее уже создаем див самой иконки:
Автор статьи: KpuTuK (http://KpuTuK.ru)
Автор: KpuTuK (09.10.2013 / 19:59)
Просмотры: 1010
Комментарии (0) »
Наверное многим не нравится когда с их сайта что-то "копипастят".
Сейчас я вам расскажу как усложнить копирование графики (а именно иконок) с помощью css.
Все наши иконки будут вида
<i class="icon-ICON_NAME "></i>.
Сначала создадим файл icons.css и подключим его к сайту.
В этом файле пропишем:
[color=#0000ff][class^="icon-"],[class*=" icon-"] {где
width: 16px;
height: 16px;
display: inline-block;
vertical-align: text-top;
}[/color]
width: 16px; - ширина иконки
height: 16px; - высота иконки
и далее уже создаем див самой иконки:
.icon-icon_name {Затем icons.css можно собрать с основным стилем и прогнать его через сервис оптимизации который удалит все переносы и комментарии что сделает код еще менее читабельным.
background: url(путь к иконке) no-repeat;
}
Автор статьи: KpuTuK (http://KpuTuK.ru)
Автор: KpuTuK (09.10.2013 / 19:59)
Просмотры: 1010
Комментарии (0) »