CSS: Идентификация и группирование элементов (id, class)

Продолжу цикл по основам таблиц стилей. В этой статье рассмотрим способы идентификации и группирования элементов, вопрос когда лучше использовать id, а когда class? Ответ на вопрос довольно прост: если мы хотим чтобы определенная группа элементов имела одно оформление, то группируем их с помощью классов, если же хотим какому-то конкретному элементу придать свой стиль, используем id. …

CSS: Ссылки

В этой статье мы рассмотрим основные приемы работы с ссылками, а именно, применение к ссылкам псевдо-классов, позволяющих разделять одну и ту же ссылку в зависимости от того, наводим ли на нее курсор, переходили ли мы по этой ссылке раньше и др. Псево-класс: link Используется для определения стиля ссылки, которую мы еще не посещали (можно опускать, …

1С-Битрикс: Кастомизируем меню

Перед нами стоит задача переноса меню из сверстанного шаблона или кастомизация компонента под названием «меню». Нам нужно иметь собственно сам сверстанный шаблон с меню. Вторая задача — это подобрать наиболее подходящий вид меню из предложенных битриксом, будь то горизонтальное меню, вертикальное, закладками и т.д. Мы уже разбирали как интегрировать сам шаблон в битрикс вот в …

1С-Битрикс: Добавление водяного знака

Вдогонку к предыдущему посту. Новшество 11-ой версии битрикса — штатная функция добавления водяного знака как на изображение, так и на текст. Для этого к описанной функции ResizeImageGet нужно добавить 5-м параметром фильтр вида: $arWatermark = Array( Array( ‘name’ => ‘watermark’, ‘position’ => ‘br’, ‘size’=>’real’, ‘type’=>’image’, ‘alpha_level’=>’10’, ‘file’=>$_SERVER[‘DOCUMENT_ROOT’].’/images/pic.png’, ), ); где: position — указание расположения водяного …

1С-Битрикс: Масштабирование изображения

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