Индекс сортировки шаблонов сайта на вложенные файлы или папки должен быть меньше индекса родителя, к которому применен другой шаблон, иначе будет отображаться шаблон родителя. Отаке %)
В недалеком примере я привел пример выпадающей подсказки при наведении на span, идея хорошо развивается. В этот раз я покажу, как интересно можно сделать второстепенное меню ссылок, открывающееся по наведении на картинку курсора мыши Далее
Как известно, горизонтальное многоуровневое меню битрикса представляет собой огромный кусок кода, который, несмотря на множество комментариев (в css) понять сходу удастся врядли. Все операции, что мне приходилось совершать, заключались лишь в настройке стилей, но всегда наступает момент, когда таки придется лезть в исходный код… Далее
Первое, с чем сталкивается новоявленный верстальщик на css+div - как этими самыми дивами сделать таблицу :). Иными словами - требуются несколько колонок, но дивы не хотят располагаться как надо, а идут лишь друг за другом вертикально. Далее
Встречается порой необходимость пояснить текст или ссылку подсказкой, а писать пояснение рядом не хочется. Стандартные альты и тайтлы в html малофункциональны, а с помощью css всплывающий блок можно настроить на любой вкус и цвет.
В данном случае, подсказка отобразится при наведении на ссылку.
HTML:
CSS:
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, когда над ссылкой нет курсора мыши. Цвета, рамки, шрифты - на свой вкус.

