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

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


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

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

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


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

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

Как сделать такое меню?

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

Как сделать такое меню?

Сообщение автор Gamatos в Вс 21 Авг - 19:22



Последний раз редактировалось: Gamatos (Пн 22 Авг - 1:26), всего редактировалось 1 раз(а)

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Место обитания : Греция/Афины
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

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

Re: Как сделать такое меню?

Сообщение автор Dana Domirani в Вс 21 Авг - 19:30

С такими же фоновыми картинками или с любыми, лишь бы менялись при наведении?

Исходник тут: http://help.forum2x2.ru/t17776-topic#143749
Сейчас только под Pun подгоню ;)



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


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


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



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

Женщина

Сообщения : 22085
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

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

Re: Как сделать такое меню?

Сообщение автор Gamatos в Вс 21 Авг - 19:31

С любыми. yes

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Место обитания : Греция/Афины
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

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

Re: Как сделать такое меню?

Сообщение автор Gamatos в Вс 21 Авг - 21:51

Да,но http://help.forum2x2.ru/t17776-topic#143749 там при наведении на картинку она не меняеться а мне бы хотелось простое меню которое тут http://thesecretrealtruth.blogspot.com/2011/07/21.html и подходило бы на все движки так как я и на свой такое иммено хочу и на двойку а там где ты делала вроде не то.

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Место обитания : Греция/Афины
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

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

Re: Как сделать такое меню?

Сообщение автор Dana Domirani в Вс 21 Авг - 22:20

Так и сделаю (еще минутку ;) )



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


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


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



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

Женщина

Сообщения : 22085
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

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

Re: Как сделать такое меню?

Сообщение автор Dana Domirani в Вс 21 Авг - 23:56

Смотри, вот так?




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


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


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



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

Женщина

Сообщения : 22085
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

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

Re: Как сделать такое меню?

Сообщение автор Gamatos в Пн 22 Авг - 0:08

Так точно! yes

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Место обитания : Греция/Афины
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

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

Re: Как сделать такое меню?

Сообщение автор Dana Domirani в Пн 22 Авг - 0:09

Вариант для Pun

1. В виджет ставится само меню:
Код:
<div class="mymenu">

<a href="/portal">Портал</a>

<a href="/forum">Форум</a>

<a href="/faq">FAQ</a>

<a href="/search">Поиск</a>

<a href="/memberlist" rel="nofollow">Пользователи</a>

<a href="/groups" rel="nofollow">Группы</a>

<a href="/profile?mode=editprofile" id="mn_prof">Профиль</a>

<a href="/msg.forum?folder=inbox" id="mn_ls">Сообщения ЛС</a>

<a href="/t1-topic">Инструкции для героя</a>

<a href="/t3-topic">Ремесло</a>

<a href="/login.forum?logout" id="mn_logout">Выход</a>

<a href="/login" id="mn_login">Вход</a>

<a href="/profile?mode=register" id="mn_reg">Регистрациия</a>

</div>
Кнопка - половинчатая, как всегда:


Произвольные кнопки -
Код:
<a href="/t1-topic">Инструкции для героя</a>
<a href="/t3-topic">Ремесло</a>
- можно заменить на собственные или выкинуть вовсе.

2. В CSS добавляются настройки:
Код:
.mymenu a {
display: block;
height: 30px;
line-height: 30px;
background: transparent url("http://i48.servimg.com/u/f48/16/08/40/28/jklj11.jpg") no-repeat top left;
margin: 5px 0;
padding-left: 5px;

text-decoration: none !important;
font-style: italic;
font-weight: bold;
font-size: 11px;
color: #fff !important;
text-shadow: 0px -1px 0px #2F4F4F;
}

.mymenu a:hover {
background: transparent url("http://i48.servimg.com/u/f48/16/08/40/28/jklj11.jpg") no-repeat bottom left;
}

Если надо убрать основное меню - надо добавить еще и это:
Код:
#pun-head #pun-navlinks {
display: none;
}

3. В Модули - Управление Javascript создается новый скрипт (с расположением на всех страницах):
Код:
$(document).ready(function() {

  var text_code = $("#pun-navlinks a[href*=/privmsg]").text();
  $("a#mn_ls").text(text_code);

  var text_code = $("a#logout").text();
  $("a#mn_logout").text(text_code);

if (jQuery('#pun-navlinks').is(":has('#i_icon_mini_logout')")) {
jQuery("#mn_reg, #mn_login, #tbry").hide()
}
else {jQuery("#mn_reg, #mn_login, #tbry").show();
jQuery("#mn_ls, #mn_prof, #mn_logout").hide()
}

if (jQuery('#pun-navlinks').is(":has('#i_icon_mini_new_message')")) {
jQuery("#mn_ls img").attr({src: "http://ссылка_на_картинку_Новое_ЛС", title: "Новое ЛС!"})
}
else {jQuery("#mn_ls img").attr('src', 'http://ссылка_на_картинку_Сообщения_ЛС')
}

});



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


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


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



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

Женщина

Сообщения : 22085
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

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

Re: Как сделать такое меню?

Сообщение автор Dana Domirani в Пн 22 Авг - 0:23

Для BB2

1. Код меню - тот же

2. CSS без изменений.

3. В шаблоне overall_header (Верхняя часть страницы) надо замените фрагмент меню
Код:
    <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
    <tr>
    <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
    </tr>
    </table>
на
Код:
    <table style="display:none">
    <tr>
    <td class="basemn">{GENERATED_NAV_BAR}</td>
    </tr>
    </table>
и сохранить + опубликовать.

4. Скрипт тоже другой:
Код:
$(document).ready(function() {

  var text_code = $(".basemn a[href*=/privmsg]").text();
  $("a#mn_ls").text(text_code);

  var text_code = $("a#logout").text();
  $("a#mn_logout").text(text_code);

if (jQuery('.basemn').is(":has('#i_icon_mini_logout')")) {
jQuery("#mn_reg, #mn_login, #tbry").hide()
}
else {jQuery("#mn_reg, #mn_login, #tbry").show();
jQuery("#mn_ls, #mn_prof, #mn_logout").hide()
}

if (jQuery('.basemn').is(":has('#i_icon_mini_new_message')")) {
jQuery("#mn_ls img").attr({src: "http://ссылка_на_картинку_Новое_ЛС", title: "Новое ЛС!"})
}
else {jQuery("#mn_ls img").attr('src', 'http://ссылка_на_картинку_Сообщения_ЛС')
}

});



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


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


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



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

Женщина

Сообщения : 22085
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

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

Re: Как сделать такое меню?

Сообщение автор Gamatos в Пн 22 Авг - 0:25

Спасибо огромное тебе!!!А не знаеш как его в html запихнуть?

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Место обитания : Греция/Афины
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

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

Re: Как сделать такое меню?

Сообщение автор Dana Domirani в Пн 22 Авг - 0:31

Куда именно?



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


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


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



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

Женщина

Сообщения : 22085
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

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

Re: Как сделать такое меню?

Сообщение автор Gamatos в Пн 22 Авг - 0:40

Ну я это в html страницы хочу засунуть только не на форуме,если я много прошу скажи я пойму. d_daisy

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Место обитания : Греция/Афины
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

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

Re: Как сделать такое меню?

Сообщение автор Dana Domirani в Пн 22 Авг - 0:45

Так. На html-странице придется включить верх/низ форума, чтобы было базовое меню (без него второму не на что будет ориентироваться).

А само меню ставить в любое место.



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


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


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



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

Женщина

Сообщения : 22085
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

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

Re: Как сделать такое меню?

Сообщение автор Gamatos в Пн 22 Авг - 0:50

У тебя ЛС подожди не делай не чего.

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Место обитания : Греция/Афины
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

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

Re: Как сделать такое меню?

Сообщение автор Dana Domirani в Пн 22 Авг - 0:59

Так. Если правильно поняла, то на чистом html понадобится только контейнер, ссылки и их настройки:
Код:
<style type="text/css">
.mymenu a {
display: block;
height: 30px;
line-height: 30px;
background: transparent url("http://i48.servimg.com/u/f48/16/08/40/28/jklj11.jpg") no-repeat top left;
margin: 5px 0;
padding-left: 5px;

text-decoration: none !important;
font-style: italic;
font-weight: bold;
font-size: 11px;
color: #fff !important;
text-shadow: 0px -1px 0px #2F4F4F;
}

.mymenu a:hover {
background: transparent url("http://i48.servimg.com/u/f48/16/08/40/28/jklj11.jpg") no-repeat bottom left;
}
</style>

<div class="mymenu">

<a href="/link1.html">Название 1</a>

<a href="/link1.html">Название 2</a>

<a href="/link1.html">Название 3</a>

</div>



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


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


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



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

Женщина

Сообщения : 22085
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

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

Re: Как сделать такое меню?

Сообщение автор Gamatos в Пн 22 Авг - 1:26

Да да да и еще сто раз да.Мастер Дана я вас благодарю!!Закрывайте тему. yes yes yes

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Место обитания : Греция/Афины
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

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

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


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