Навигация

Я хотел бы узнать, возможно ли сделать так, чтобы при нажатии на кнопку навигации переезжала картинка, как вот здесь:

Выносной, сначала копирайты сервиса верните на место.

Можно у меня и скрипт и CSS есть но нужно чтоб Дана напильником доработала а то иконка высоко и меню посередине а должно быть слева.

Даначка на твоём тэстовике стоит если захочешь сделай а то я тоже хотел.Спасибо.

Dana, все исправил

Спасибо )
Скорее всего, можно так сделать. Если в шаблоны главной страницы, календаря, групп, профиля и пр. вшить по стилю, определяющему фон соответствующей кнопки меню навигации.
(сейчас попробую сделать и дать конкретный код)

спасибо Дана)
буду ждать)

Кое-что можете уже попробовать.
В шаблоны Группа > groupcp_user_body (Группы пользователей) и groupcp_info_body (Страница описания группы пользователей) в самом верху добавьте:

Код:

<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(){

jQuery("a.mainmenu[href*=groups] img").attr('src', 'http://savepic.net/1334051.jpg');

});
//]]>
</script>

Сохраните, опубликуйте.
Вместо ссылки на http://savepic.net/1334051.jpg подставьте ссылку на желаемую картинку (эта сугубо для примера).

все подошло, но он распространяется только в меню на группы, а как еще на другие так же сделать?

Само собой, это только на одну кнопку. Сейчас будут на остальные.

Думаю, стоит сделать так: на пункт "Форум" поставить "выдвинутую" кнопку по-умолчанию, а потом со всех остальных отключать ее дополнительно...
Такой вопрос: Вы будете оставлять меню в виде кнопок или сделаете текст (как сейчас стоит)?

хочу сделать текст, а при нажатии на эту кнопку сзади него появлялась картинка, как показано в 1 посту, хотя можно еще, чтобы при нажатии на кнопку-картинку она делалась углубленной, наоборот.

Это важно, потому что тогда надо делать несколько иначе.
Скрипт можете удалить, он уже не понадобится.

Хорошо, удалю, а когда мне ждать коды?

Сегодня в течение вечера

спасибо большое! буду с нетерпением ждать)

Предварительный вариант есть. Рассчитан на то, что:
1) Не надо подсвечивать нестандартные кнопки (для которых нет шаблонов/страниц html)
2) Активирован портал

1. В шаблоне overall_header (Верхняя часть страницы) замените

Код:

<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>

на

Код:

<td align="{MENU_POSITION}"{MENU_NOWRAP} class="navtb">{GENERATED_NAV_BAR}</td>

Сохраните, опубликуйте.

2. В CSS добавить:

Код:

.navtb {
background: transparent url("http://i24.servimg.com/u/f24/16/54/26/99/4677ad10.gif") bottom center repeat-x;
height: 80px;
padding: 0px 20px
}
a.mainmenu img {
display:none;
}
a.mainmenu{
padding: 0px 3px;
line-height: 90px;
color : #2A2926;
font-size : 12px;
font-weight: bold;
height: 70px;
text-decoration: none;
text-shadow: 0 1px 0px #7FB4F3;
display: inline-block;
}
a.mainmenu:hover, a.mainmenu:active {
color : #fff;
text-shadow: 0 2px 0 #000;
text-decoration: none !important;
background: transparent url("http://i24.servimg.com/u/f24/16/54/26/99/tt510.gif") bottom center repeat-x;
}
a.mainmenu[href$="/forum"] {
background: #000 url("http://i24.servimg.com/u/f24/16/54/26/99/tt510.gif") bottom center repeat-x;
color : #fff;
text-shadow: 0 2px 0 #000;
}
.gen a.mainmenu, .gen a.mainmenu:hover, .gen a.mainmenu:active{
text-shadow: none !important;
background: none !important;
color : #000 !important;
}

3. Далее - по шаблонам.

В шаблон
faq_dhtml (ЧаВо версия dhtml)
добавить:

Код:

<style type="text/css">
a.mainmenu[href*="faq"] {
background: #000 url("http://i24.servimg.com/u/f24/16/54/26/99/tt510.gif") bottom center repeat-x !important;
color : #fff !important;
text-shadow: 0 2px 0 #000 !important;
}
a.mainmenu[href$="/forum"] {
background: none !important;
color : #2A2926 !important;
text-shadow: 0 1px 0px #7FB4F3 !important;
}
</style>

==========
В шаблон
calendar_body (Календарь > Основная страница)
добавить:

Код:

<style type="text/css">
a.mainmenu[href$="/calendar"] {
background: #000 url("http://i24.servimg.com/u/f24/16/54/26/99/tt510.gif") bottom center repeat-x !important;
color : #fff !important;
text-shadow: 0 2px 0 #000 !important;
}
a.mainmenu[href$="/forum"] {
background: none !important;
color : #2A2926 !important;
text-shadow: 0 1px 0px #7FB4F3 !important;
}
</style>

===========
В шаблон
memberlist_body (Список пользователей)
добавить:

Код:

<style type="text/css">
a.mainmenu[href$="/memberlist"] {
background: #000 url("http://i24.servimg.com/u/f24/16/54/26/99/tt510.gif") bottom center repeat-x !important;
color : #fff !important;
text-shadow: 0 2px 0 #000 !important;
}
a.mainmenu[href$="/forum"] {
background: none !important;
color : #2A2926 !important;
text-shadow: 0 1px 0px #7FB4F3 !important;
}
</style>

==========

В шаблоны
groupcp_info_body (Страница описания группы пользователей)
groupcp_pending_info (Группы пользователей в ожидании)
groupcp_user_body (Группы пользователей)
добавить:

Код:

<style type="text/css">
a.mainmenu[href$="/groups"] {
background: #000 url("http://i24.servimg.com/u/f24/16/54/26/99/tt510.gif") bottom center repeat-x !important;
color : #fff !important;
text-shadow: 0 2px 0 #000 !important;
}
a.mainmenu[href$="/forum"] {
background: none !important;
color : #2A2926 !important;
text-shadow: 0 1px 0px #7FB4F3 !important;
}
</style>

===========

В шаблоны
profile_view_body (Страница показа профиля) - будет действовать, только если у Вас отключен развернутый профиль!
profile_add_body (Регистрация/модификация пользователя)
profile_edit_signature (Подпись)
rpg_sheet (Лист персонажа)
rpg_sheet_edit (Лист персонажа)
добавить:

Код:

<style type="text/css">
a.mainmenu[href*="/profile"] {
background: #000 url("http://i24.servimg.com/u/f24/16/54/26/99/tt510.gif") bottom center repeat-x;
color : #fff;
text-shadow: 0 2px 0 #000;
}
a.mainmenu[href$="/forum"] {
background: none !important;
color : #2A2926 !important;
text-shadow: 0 1px 0px #7FB4F3 !important;
}
</style>

=============

В шаблоны
privmsgs_body (Список личных сообщений)
privmsgs_read_body (Показ личного сообщения)
privmsgs_preview (Предпросмотр личного сообщения)
privmsg_topic_review (Обзор темы)
добавить:

Код:

<style type="text/css">
a.mainmenu[href*="/privmsg"] {
background: #000 url("http://i24.servimg.com/u/f24/16/54/26/99/tt510.gif") bottom center repeat-x !important;
color : #fff !important;
text-shadow: 0 2px 0 #000 !important;
}
a.mainmenu[href$="/forum"] {
background: none !important;
color : #2A2926 !important;
text-shadow: 0 1px 0px #7FB4F3 !important;
}
</style>

=========

В шаблон
agreement (Показ условий регистрации на вашем форуме)
добавить:

Код:

<style type="text/css">
a.mainmenu[href$="/register"] {
background: #000 url("http://i24.servimg.com/u/f24/16/54/26/99/tt510.gif") bottom center repeat-x !important;
color : #fff !important;
text-shadow: 0 2px 0 #000 !important;
}
a.mainmenu[href$="/forum"] {
background: none !important;
color : #2A2926 !important;
text-shadow: 0 1px 0px #7FB4F3 !important;
}
</style>

============

В шаблоны
search_body (Страница поиска)
search_results_posts (Результаты поиска по сообщениям)
search_results_topics (Результаты поиска по темам)
search_username (Найти пользователя)
добавить:

Код:

<style type="text/css">
a.mainmenu[href$="/search"] {
background: #000 url("http://i24.servimg.com/u/f24/16/54/26/99/tt510.gif") bottom center repeat-x !important;
color : #fff !important;
text-shadow: 0 2px 0 #000 !important;
}
a.mainmenu[href$="/forum"] {
background: none !important;
color : #2A2926 !important;
text-shadow: 0 1px 0px #7FB4F3 !important;
}
</style>

=============

В шаблон
portal_body (Портал)
добавить

Код:

<style type="text/css">
a.mainmenu[href$="/"] {
background: #000 url("http://i24.servimg.com/u/f24/16/54/26/99/tt510.gif") bottom center repeat-x !important;
color : #fff !important;
text-shadow: 0 2px 0 #000 !important;
}
a.mainmenu[href$="/forum"] {
background: none !important;
color : #2A2926 !important;
text-shadow: 0 1px 0px #7FB4F3 !important;
}
</style>

Дана, я Вас просто обожаю!!!!))
Вы просто маг и волшебник!))
это просто чудесно и неописуемо))!!!!
А на кнопку "Портал" нету такого же чудо-кода?

Есть, самый последний!

ой, извините, про него то я что-то забыл на радостях)))
спасибо большое, очень помогли и выручили!!!))))

Пожалуйста! Очень рада, что понравилось!