Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Проблема с гугл из-за Hitskinавтор Вултур Сегодня в 01:12
» совет админам
автор лексей2222 Сентябрь 24th 2024, 05:54
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
» [решено]Редактирвоание темы
автор лексей2222 Сентябрь 23rd 2024, 17:37
» Как загружать ролики и мультики по ссылкам напрямую
автор лексей2222 Сентябрь 14th 2024, 19:22
» Интернет адрес форума
автор Mierena Сентябрь 7th 2024, 15:24
» некоторые форумы долго загружаются
автор Raumt Сентябрь 6th 2024, 15:06
» На форуме Пропали кнопки модерации тем
автор лексей2222 Август 16th 2024, 22:36
» Проблема с метатегом Description
автор VeraLV Июнь 14th 2024, 17:06
» [решено] Исчезли картинки кнопок
автор VeraLV Май 26th 2024, 13:04
Как сделать такое меню?
Участников: 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 подгоню ;)
Re: Как сделать такое меню?
Да,но https://help.forum2x2.ru/t17776-topic#143749 там при наведении на картинку она не меняеться а мне бы хотелось простое меню которое тут http://thesecretrealtruth.blogspot.com/2011/07/21.html и подходило бы на все движки так как я и на свой такое иммено хочу и на двойку а там где ты делала вроде не то.
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://ссылка_на_картинку_Сообщения_ЛС')
}
});
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://ссылка_на_картинку_Сообщения_ЛС')
}
});
Re: Как сделать такое меню?
Ну я это в html страницы хочу засунуть только не на форуме,если я много прошу скажи я пойму.
Re: Как сделать такое меню?
Так. На html-странице придется включить верх/низ форума, чтобы было базовое меню (без него второму не на что будет ориентироваться).
А само меню ставить в любое место.
А само меню ставить в любое место.
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>
Похожие темы
» а как сделать вот такое меню.?
» Как сделать такое меню на форуме ?
» А как сделать такое меню навигации ?
» как сделать такое меню?
» Как сделать такое меню?
» Как сделать такое меню на форуме ?
» А как сделать такое меню навигации ?
» как сделать такое меню?
» Как сделать такое меню?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения