Таки я признателен за Ваше терпение. Формулируя и выкладывая некоторые конечные стадии сюда - я помогаю сам себе осмыслить до конца то, что я сотворил и попутно получить еще совет и\или мотивацию. Когда допустим человек сломал ногу, он сначала ходит именно на костылях, а потом уже встает на ноги в полном смысле, а младенец сначала ползает, потом учится ходить =^_^=
Продолжим:
Кнопки в просильвере сделаны интересно, но несколько неподходяще к ситуации, ибо перековыривать все html и там переписывать все кнопки - это долго и печально.
За ночь мой мозг очистился от лишних нагромождений и текущий вариант выглядит так:
1) В
styles/мой стиль/theme/stylesheet.css в конец добавляем:
Код: Выделить всё
.buttons {
display:inline-block;
background-position: right bottom;
}
.buttons:hover {
display:inline-block;
background-position: left top;
}
2) В
includes/session.php в функции
img ищем:
Код: Выделить всё
return '<img src="' . $img_data['src'] . '"' . (($use_width) ? ' width="' . $use_width . '"' : '') . (($img_data['height']) ? ' height="' . $img_data['height'] . '"' : '') . ' alt="' . $alt . '" title="' . $alt . '" />';
Заменяем на:
Код: Выделить всё
return '<div class="buttons" title="' . $alt . '" style="background-image: url(' . $img_data['src'] . ');' . (($use_width) ? ' width: ' . $use_width . 'px;' : '') . (($img_data['height']) ? ' height: ' . $img_data['height'] . 'px;' : '') . '"> </div>';
Подготавливаем файлы нужных нам изображений в виде: два изображения друг над другом, снизу оригинальное, сверху - при наведении и не забываем прописать размеры в
imageset.cfg
Опционально: таки title работает, но была бы полезна альтернатива alt, на случай недоступности изображений, которая не предусмотрена в div. Как можно сделать?
P.S. Единственно в избранных случаях возникает ситуация, когда элемент типа <div> оказывается внутри <p>, чего быть не должно. Пока лечу избранными правками в html.
).
