Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Навигация

Предыдущая тема Следующая тема Перейти вниз

Решено Навигация

Сообщение автор Выносной в Сб 4 Июн - 19:56

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



Последний раз редактировалось: Выносной (Вс 5 Июн - 2:26), всего редактировалось 1 раз(а)

Выносной
 
 

Пол : Мужчина
Сообщения : 127
Возраст : 23
Место обитания : Нижний Новгород
Карма : Без предупреждений
Благодарности : 10
Регистрация : 2010-11-12

Вернуться к началу Перейти вниз

Решено Re: Навигация

Сообщение автор Dana Domirani в Сб 4 Июн - 19:59

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


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Навигация

Сообщение автор Gamatos в Сб 4 Июн - 20:01

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

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

Gamatos
Активист

Пол : Мужчина
Сообщения : 1294
Возраст : 24
Место обитания : Греция/Афины
Карма : Без предупреждений
Благодарности : 188
Регистрация : 2009-11-06

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Решено Re: Навигация

Сообщение автор Выносной в Сб 4 Июн - 20:04

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

Выносной
 
 

Пол : Мужчина
Сообщения : 127
Возраст : 23
Место обитания : Нижний Новгород
Карма : Без предупреждений
Благодарности : 10
Регистрация : 2010-11-12

Вернуться к началу Перейти вниз

Решено Re: Навигация

Сообщение автор Dana Domirani в Сб 4 Июн - 20:10

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


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Навигация

Сообщение автор Выносной в Сб 4 Июн - 20:18

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

Выносной
 
 

Пол : Мужчина
Сообщения : 127
Возраст : 23
Место обитания : Нижний Новгород
Карма : Без предупреждений
Благодарности : 10
Регистрация : 2010-11-12

Вернуться к началу Перейти вниз

Решено Re: Навигация

Сообщение автор Dana Domirani в Сб 4 Июн - 20:52

Кое-что можете уже попробовать.
В шаблоны Группа > 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 подставьте ссылку на желаемую картинку (эта сугубо для примера).


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Навигация

Сообщение автор Выносной в Сб 4 Июн - 20:59

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

Выносной
 
 

Пол : Мужчина
Сообщения : 127
Возраст : 23
Место обитания : Нижний Новгород
Карма : Без предупреждений
Благодарности : 10
Регистрация : 2010-11-12

Вернуться к началу Перейти вниз

Решено Re: Навигация

Сообщение автор Dana Domirani в Сб 4 Июн - 21:04

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

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


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Навигация

Сообщение автор Выносной в Сб 4 Июн - 21:06

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

Выносной
 
 

Пол : Мужчина
Сообщения : 127
Возраст : 23
Место обитания : Нижний Новгород
Карма : Без предупреждений
Благодарности : 10
Регистрация : 2010-11-12

Вернуться к началу Перейти вниз

Решено Re: Навигация

Сообщение автор Dana Domirani в Сб 4 Июн - 21:10

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


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Навигация

Сообщение автор Выносной в Сб 4 Июн - 21:12

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

Выносной
 
 

Пол : Мужчина
Сообщения : 127
Возраст : 23
Место обитания : Нижний Новгород
Карма : Без предупреждений
Благодарности : 10
Регистрация : 2010-11-12

Вернуться к началу Перейти вниз

Решено Re: Навигация

Сообщение автор Dana Domirani в Сб 4 Июн - 21:27

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


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Навигация

Сообщение автор Выносной в Сб 4 Июн - 21:28

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

Выносной
 
 

Пол : Мужчина
Сообщения : 127
Возраст : 23
Место обитания : Нижний Новгород
Карма : Без предупреждений
Благодарности : 10
Регистрация : 2010-11-12

Вернуться к началу Перейти вниз

Решено Re: Навигация

Сообщение автор Dana Domirani в Вс 5 Июн - 1:38

Предварительный вариант есть. Рассчитан на то, что:
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>


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Навигация

Сообщение автор Выносной в Вс 5 Июн - 2:04

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


Последний раз редактировалось: Выносной (Вс 5 Июн - 2:24), всего редактировалось 1 раз(а)

Выносной
 
 

Пол : Мужчина
Сообщения : 127
Возраст : 23
Место обитания : Нижний Новгород
Карма : Без предупреждений
Благодарности : 10
Регистрация : 2010-11-12

Вернуться к началу Перейти вниз

Решено Re: Навигация

Сообщение автор Dana Domirani в Вс 5 Июн - 2:22

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


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Навигация

Сообщение автор Выносной в Вс 5 Июн - 2:25

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

Выносной
 
 

Пол : Мужчина
Сообщения : 127
Возраст : 23
Место обитания : Нижний Новгород
Карма : Без предупреждений
Благодарности : 10
Регистрация : 2010-11-12

Вернуться к началу Перейти вниз

Решено Re: Навигация

Сообщение автор Dana Domirani в Вс 5 Июн - 2:26

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


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения