Реализовать замену названий можно не только с помощью js, но и посредством css. Те, кто немного разбирается, легко поймет принцип и сможет заменять почти любой текст на форуме. Но так как наиболее востребована замена ссылок меню навигации, обратимся к ней.
Если вы хотите заменить названия всех ссылок верхнего меню на свои:
/*прячем названия*/
#pun-navlinks li span {
font-size: 0;
}
/*устанавливаем шрифт для нового названия*/
#pun-navlinks span:after {
font-size: 14px;
}
/*форум*/ #navindex span:after { content: "Дом";}
/*участники*/ #navuserlist span:after { content: "Люди"; }
/*награды*/ #navawards span:after { content: "Ордена"; }
/*поиск*/ #navsearch span:after { content: "Найти"; }
/*профиль*/ #navprofile span:after { content: "Личное дело"; }
/*сообщения*/ #navpm span:after { content: "ЛС"; }
/*администрирование*/ #navadmin span:after { content: "Админка"; }
/*выход*/ #navlogout span:after { content: "Уйти"; }
/*вход*/ #navlogin span:after { content: "Вернуться"; }
/*регистрация*/ #navregister span:after { content: "Присоединиться"; }
/*моя дополнительная ссылка1*/ #navextra1 span:after { content: "Баннеры"; }
/*моя дополнительная ссылка2*/ #navextra2 span:after { content: "Еще одна ссылка"; }Форум
Код:/*форум*/ #navindex span { font-size: 0; } #navindex span:after { content: "Свое слово"; font-size: 14px; }участники
Код:/*участники*/ #navuserlist span { font-size: 0; } #navuserlist span:after { content: "Свое слово"; font-size: 14px; }награды
Код:/*награды*/ #navawards span { font-size: 0; } #navawards span:after { content: "Свое слово"; font-size: 14px; }поиск
Код:/*поиск*/ #navsearch span { font-size: 0; } #navsearch span:after { content: "Свое слово"; font-size: 14px; }профиль
Код:/*профиль*/ #navprofile span { font-size: 0; } #navprofile span:after { content: "Свое слово"; font-size: 14px; }сообщения
Код:/*сообщения*/ #navpm span { font-size: 0; } #navpm span:after { content: "Свое слово"; font-size: 14px; }администрирование
Код:/*администрирование*/ #navadmin span { font-size: 0; } #navadmin span:after { content: "Свое слово"; font-size: 14px; }выход
Код:/*выход*/ #navlogout span { font-size: 0; } #navlogout span:after { content: "Свое слово"; font-size: 14px; }вход
Код:/*вход*/ #navlogin span { font-size: 0; } #navlogin span:after { content: "Свое слово"; font-size: 14px; }регистрация
Код:/*регистрация*/ #navregister span { font-size: 0; } #navregister span:after { content: "Свое слово"; font-size: 14px; }дополнительные ссылки
Код:/*моя доп ссылка 1*/ #navextra1 span { font-size: 0; } #navextra1 span:after { content: "Свое слово"; font-size: 14px; }
Все ставим в стиль. А если поставить в content вместо названия, ссылку на картинку, то можно заменить название на картинку этим же способом:
content: url('ссылка_на_картинку');
Вариант замены ссылок на картинку уже прописан в этой статье:
Замена ссылок основного меню [css]
Теги: главная навигация,замена ссылок,замена контента,замена названий
