Трубчатый Кот
Зверь-чародей
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 это ширина картинки.

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

@темы: меню, текст