Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Не корректное отображение картинокавтор Luz Сегодня в 12:40
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Сегодня в 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54
» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09
Как сделать такое меню?
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Как сделать такое меню?
Последний раз редактировалось: Gamatos (Август 22nd 2011, 01:26), всего редактировалось 1 раз(а)
Re: Как сделать такое меню?
С такими же фоновыми картинками или с любыми, лишь бы менялись при наведении?
Исходник тут: https://help.forum2x2.ru/t17776-topic#143749
Сейчас только под Pun подгоню ;)
Исходник тут: https://help.forum2x2.ru/t17776-topic#143749
Сейчас только под Pun подгоню ;)
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать такое меню?
Да,но https://help.forum2x2.ru/t17776-topic#143749 там при наведении на картинку она не меняеться а мне бы хотелось простое меню которое тут http://thesecretrealtruth.blogspot.com/2011/07/21.html и подходило бы на все движки так как я и на свой такое иммено хочу и на двойку а там где ты делала вроде не то.
Re: Как сделать такое меню?
Так и сделаю (еще минутку ;) )
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать такое меню?
Смотри, вот так?
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать такое меню?
Вариант для Pun
1. В виджет ставится само меню:
Произвольные кнопки -
2. В CSS добавляются настройки:
Если надо убрать основное меню - надо добавить еще и это:
3. В Модули - Управление Javascript создается новый скрипт (с расположением на всех страницах):
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 |
Re: Как сделать такое меню?
Для BB2
1. Код меню - тот же
2. CSS без изменений.
3. В шаблоне overall_header (Верхняя часть страницы) надо замените фрагмент меню
4. Скрипт тоже другой:
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 |
Re: Как сделать такое меню?
Куда именно?
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать такое меню?
Ну я это в html страницы хочу засунуть только не на форуме,если я много прошу скажи я пойму.
Re: Как сделать такое меню?
Так. На html-странице придется включить верх/низ форума, чтобы было базовое меню (без него второму не на что будет ориентироваться).
А само меню ставить в любое место.
А само меню ставить в любое место.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать такое меню?
Так. Если правильно поняла, то на чистом 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 |
Похожие темы
» как сделать такое меню?
» Как сделать такое меню?
» а как сделать вот такое меню.?
» А как сделать такое меню навигации ?
» А можно ли сделать такое меню навигации?
» Как сделать такое меню?
» а как сделать вот такое меню.?
» А как сделать такое меню навигации ?
» А можно ли сделать такое меню навигации?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения