1. Как заменить надписи "Музыка", "Настроение", "Тэги" на картинки? Как изменить текст надписи "Музыка"?

2. Как заменить ссылки "Комментировать" или "Мой дневник" на картинки?Как изменить текст ссылок в меню?



Вообщем то текст поменять нельзя. Но можно его скрыть и поставить на его место картинку.

Громадным минусом такого метода является затруднение навигации при отключенных картинках.

Я расскажу идею - с остальным разбирайтесь сами ) Вопросы вида А как сделать то же самое для "Все дневники"? я игнорирую.

Рассматриваю на примере замены ссылки "Мой дневник" и подмены надписи "Музыка" на картинку.



Берем картинку. Например такую

Это картинка с новым текстом ссылки "Мой дневник" )



Код I:

li#myDiaryLink {background: url('/userdir/9/3/1/2/93120/19270514.gif') 0px 3px no-repeat;}

li#myDiaryLink a{ opacity:0.0;filter:alpha(opacity=1) !important;-moz-opacity:0.0;letter-spacing: 3.1px;zoom:1;position:relative;}



Первая строка кода ставит фон на элемент меню. Меняя выделенные значения добиваемся точного позиционирования картинки.

Вторая строка прячет оригинальный текст ссылки, но саму ссылку не убирает. Поэтому она остается рабочей )

С помощью подбора значения letter-spacing надо добиться того, чтобы ширина картинки и ссылки совпадала. position:relative; и zoom:1; нужен для IE - остальные браузеры справляются и без таких подпорок.



Код II (by Tex)

#myFavLink A {width:40px; height:25px; line-height: 3000px; overflow:hidden; background: #eee url('/userdir/0/0/0/0/0000/000000.gif') 5px 4px no-repeat;}

Этот проще )





С надписью "Музыка" гораздо проще, т.к. не надо сохранять функцианальность ссылок.

Просто берем картинку

и код для нее:

.atMusic em { font-size: 0 px; background: url('/userdir/4/7/4/8/474825/19198062.gif') no-repeat 0; padding-left: 70px !important; }

.atMusic em SPAN { position: absolute; left:-1000px;}

где 70px это ширина картинки.



Как вариант можно нарисовать меню и назначить фоном для целого блока, а потом разнести невидимые ссылки в нужные места

З.Ы. Как всегда картинки берем только из своей БИ и вставляем по аналогии.