Ну вы же понимаете, что списку можно присвоить класс ;) , как собственно и ссылке
- Да, это действительно так!
В качестве примера реализации и во вложении простейший рисунок:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title>link</title> <style type="text/css"> ul{list-style:none;} ul li a{display:block;text-align:center;text-decoration:none;line-height:30px;background:url(kn.jpg);width:140px;background-position:0px 0px;} ul li a:hover{color:#FFF;background:url(kn.jpg);background-position:0px -30px;} </style> </head> <body> <ul> <li><a href="#">Название ссылки</a></li> </ul> </body> </html>
p.s. кстати, если это картинка rss, то текст сылки делаем RSS и для нее же добавляем text-indent:-9999px;
<a href="#">RSS</a> - вместо RSS будет картинка, а поисковики увидят анкор
Насколько я понимаю, картинка rss будет являться ссылкой, а раз так, то куда проще:
<style> a.my_img{background: url(img.jpg) no-repeat;text-indent:-9999px;} a.my_img:hover{background: url(img_hover.jpg) no-repeat;} </style>
<a class="my_img" href="#">RSS</a>
в этом случае и ишак №6 не будет в обиде.
Могу представить первым установленный модуль форума от DimDimos.
Первое впечатление от установки - на УРА! Преувеличения нет, действительно все просто, продумано, легко. При запуске инсталятора требуется всего два телодвижения мышки, а именно левой лапкой кликнуть на "выделить всё" и сказать "начать". В остальном вопросов не возникает. Загрузка файлов модуля по местам, две правки (по одной в двух файлах) и рабочий модуль готов к использованию. Подробная инструкция установки по-шагово прилагается, главное соблюдение последовательности выполнения операций.
Устанавливал на нулевой, свежий сайт, так что форум пока пуст (общение идет пока только в закрытой части VIP). Ну и собсно место установки: http://realtsib.ru/forum/