Приоритет шаблонов в битрикс
Опубликовано 16.04.2010

Индекс сортировки шаблонов сайта на вложенные файлы или папки должен быть меньше индекса родителя, к которому применен другой шаблон, иначе будет отображаться шаблон родителя. Отаке %)

Скрытое под hover меню
Опубликовано 20.06.2009

В недалеком примере я привел пример выпадающей подсказки при наведении на span, идея хорошо развивается. В этот раз я покажу, как интересно можно сделать второстепенное меню ссылок, открывающееся по наведении на картинку курсора мыши Далее

Как известно, горизонтальное многоуровневое меню битрикса представляет собой огромный кусок кода, который, несмотря на множество комментариев (в css) понять сходу удастся врядли. Все операции, что мне приходилось совершать, заключались лишь в настройке стилей, но всегда наступает момент, когда таки придется лезть в исходный код… Далее

Где мои таблицы?!
Опубликовано 07.05.2009

Первое, с чем сталкивается новоявленный верстальщик на css+div - как этими самыми дивами сделать таблицу :). Иными словами - требуются несколько колонок, но дивы не хотят располагаться как надо, а идут лишь друг за другом вертикально. Далее

Всплывающая подсказка на CSS
Опубликовано 24.04.2009

Встречается порой необходимость пояснить текст или ссылку подсказкой, а писать пояснение рядом не хочется. Стандартные альты и тайтлы в html малофункциональны, а с помощью css всплывающий блок можно настроить на любой вкус и цвет.
В данном случае, подсказка отобразится при наведении на ссылку.
HTML:

<a href=”google.com”>Google<span>Worldwide searching</span></a>

CSS:

a{
z-index:1;
text-decoration: none;
}
a:hover{
position:relative;

}
a span{
display:none;
width: 150px;
}
a:hover span{
display:block;
position:absolute;
float:left;
bottom: 15px;
left:10px;
background:#FFFF00;
border:1px dotted black;
color:#444;
padding:2px;
z-index:2;
}

Z-индексы настроены для того, чтобы подсказка не заползала под текст ссылки, а отображалась поверх. Декорации убраны, чтобы скрыть подчеркивание ссылки, ибо оно наследуется на span и там текст так же подчеркивается… Как избавиться от этого лишь у span, я пока не нашел. Position настроено с тем, чтобы span позиционировался относительно текста ссылки.
Display: none скрывает span, когда над ссылкой нет курсора мыши. Цвета, рамки, шрифты - на свой вкус.