Сайты с бесплатными иконками

Сайты, откуда можно бесплатно скачать иконки в различных размерах, форматах и цветах

Речь в данной заметке пойдет не о каких-нибудь сборниках в архивах, а сервисах, на которых можно выбрать нужную иконку и скачать ее в нужном цвете, размере и формате.

Читать далее

Адаптивная reCAPTCHA

Правильное отображение капчи reCAPTCHA на малых экранах и в узких блоках

Стандартная ширина капчи от Google reCAPTCHA имеет ширину 302 пикселя.

Соответственно, если блок, в котором она находится имеет меньший размер, то его либо раздвинет, либо будет не видно часть капчи.

Лечится это очень простым JS кодом с библиотекой jQuery

Читать далее

Адаптивный шаблон для проигрывателя jPlayer

Аудио-видео плеер jPlayer и адаптивный шаблон для него | Responsive skin for jPlayer

Проигрыватель jPlayer позволяет производить аудио и видео файлы в различных форматах и в различных браузерах. Работает данный плеер на библиотеке jQuery или Zepto

В этой заметке представлена адаптивная тема оформления этого плеера, с использованием Font Awesome

Читать далее

Замена заголовков у товара в HostCMS 6

Замена стандартных заголовков у товара, с добавлением дополнителтьных слов в HostCMS 6

Стандартный заголовок у товаров в интернет-магазине HostCMS 6 выглядит следующим образом:

Название товара / Название раздела / Название магазина

Название раздела и название магазина, в заголовке — мы удалим, а вот название товара дополним какой-нибудь фразой, description и keywords менять не будем.

Читать далее

Список ul li в 3d варианте

Вариант оформления списка в трехмерном стиле, используя всего один класс

Придумывая новые варианты списков для заметки: Оформление списков ul li для информационных блоков, придумалось и получилось что то более интересное, чем просто список, поэтому и решил сделать для него новую запись.

Как и в предыдущей заметке, он работает всего на 1 классе: <ul class="CLASS">

Читать далее

Оформление ссылок внутри текста

Замена стандартного подчеркивания ссылок на различные эффекты

В данной заметке представлено несколько вариантов оформления ссылок, которые находятся внутри текста.

Можно также использовать данное оформление и для списков, и для меню, но сделано оно так, чтобы смотрелось именно в тексте.. Т. е. данные варианты ссылок не имеют бордюров, фона, стрелочек и т. д. и выглядят в тексте как обычные ссылки.

Отличие состоит лишь в то, что почти во всех вариантах, к ссылке применяется inline-block, т. е. если ссылка не уместится в 1 строку, она вся перенесется на следующую.

Читать далее

Многоуровневое вертикальное меню

Многоуровневое вертикальное меню с выпадающим списком по клику на плюсик

Отличие данного меню, от большинства аналогичных, в том, что открытие (закрытие) подуровня происходит по клику на плюс (минус), а не на название. Таким образом, все ссылки в данном меню являются активными.

Меню работает на checkbox‘ax, без подключения JavaScript

Для пользователей HostCMS 6 добавлен XSL-шаблон для вывода разделов интернет-магазина этим меню, и код вставки этого шаблона в макет.

Читать далее

Анимированные фоны для блоков и страниц — ч.2

Красивые эффекты с использованием Canvas и jQuery для анимации фона блока или страницы

В этой заметке представлено несколько вариантов для анимации фона.

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

В примерах анимация накладывается в области canvas в пропорциях экрана монитора.

Читать далее