Форум
Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» ВПНавтор Danny_Marcelo Вчера в 07:47
» Пропала вкладка "Обработка пользователей"
автор Svet007 Ноябрь 23rd 2024, 07:39
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
Двухрядное меню
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Двухрядное меню
автор Мурзик Апрель 13th 2013, 18:31
Доброго времени суток )
У меня такой вопрос: можно ли сделать меню не с одним рядом кликабельных кнопок ( которые обычно распологаются слева или справа ) а с двумя рядами слева и справа ?
Вот например у нас такое меню :
А можно ли сделать, чтобы были еще и справа точно также ?
У меня такой вопрос: можно ли сделать меню не с одним рядом кликабельных кнопок ( которые обычно распологаются слева или справа ) а с двумя рядами слева и справа ?
Вот например у нас такое меню :
- Спойлер:
А можно ли сделать, чтобы были еще и справа точно также ?
 | Здравствуйте, У нас более 7 дней нет никаких новостей от автора темы. В связи с этим мы полагаем, что проблема больше не актуальна и закрываем тему. Если вы по-прежнему нуждаетесь в решении, откройте, пожалуйста, новую тему. С уважением, Forum2x2 |
Мурзик-
- Сообщения : 224
Регистрация : 2011-05-19
Благодарности : 6
-
Re: Двухрядное меню
автор Сказочник Зазеркалья Апрель 13th 2013, 18:39
Мурзик пишет:Доброго времени суток )
У меня такой вопрос: можно ли сделать меню не с одним рядом кликабельных кнопок ( которые обычно распологаются слева или справа ) а с двумя рядами слева и справа ?
Вот например у нас такое меню :кнопки у нас слева..
- Спойлер:
А можно ли сделать, чтобы были еще и справа точно также ?
Добрый вечер Мурзик.
Я думаю что это возможно сделать. Скинь ссылку на тему, по которой ты сделал этот блок. Я попробую настроить код так чтобы и справа было меню.
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 33
Регистрация : 2012-11-16
Благодарности : 733
Re: Двухрядное меню
автор Мурзик Апрель 13th 2013, 19:12
тему не нашли..
Если вас инетересует код, тогда вот:
ява
ЦСС
ПА/Оформление/Главная/Общая информация
Если вас инетересует код, тогда вот:
ява
- Спойлер:
- $(function(){
$("#tb2-button, #tb3-button, #tb4-button, #tb5-button").css({
opacity: 0.7
});
$("#page-but div.button").click(function(){
$clicked = $(this);
if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
$clicked.animate({
opacity: 1,
}, 60 );
var idToLoad = $clicked.attr("id").split('-');
$("#but-content").find("div.but:visible").fadeOut("fast", function(){
$(this).parent().find("#"+idToLoad[0]).fadeIn();
})
}
$clicked.siblings(".button").animate({
opacity: 0.7,
}, 60 );
});
});
ЦСС
- Спойлер:
- /* весь блок меню */
#page-but {
width: auto;
height: 320px;
background-color: #F5FFFA;
border: 2px solid #d4d6d5;
}
/* блок с кнопками */
#but-menu {
float:left;
width: 120px;
}
/* блок с содержимым страниц меню */
#but-content {
background-color: #F5FFFA;
margin-left: 150px;
height: 320px;
width: auto;
}
#tb1 a, #tb2 a, #tb3 a, #tb5 a{
color: #817575;
font-weight: bolder;
text-decoration: none;
}
/* все скрытые блоки после первого */
#tb2, #tb3, #tb4, #tb5 {
display: none;
}
/* кнопки */
#but-menu .button {
cursor: pointer;
width: 150px;
height: 50px;
line-height: 50px;
background-color:;
margin: 5px auto;
font-size: 11px;
text-align: center;
}
/* страницы меню */
div.but {
max-height: 300px;
overflow: hidden;
font-size: 11px;
}
/*Фон объявления*/
.obyava_a {
background-color: #FFF; /*цвет фона*/
}
ПА/Оформление/Главная/Общая информация
- Спойлер:
- <div id="but-menu">
<div id="tb1-button" class="button"><img src="http://i52.fastpic.ru/big/2013/0119/f3/58925344b4e7faf0d04d30790e392ff3.png" alt="Первый" title="О форуме"></div>
<div id="tb2-button" class="button"><img src="http://i53.fastpic.ru/big/2013/0119/9d/0857ee1468332e35c25a4099e926ae9d.png" alt="Второй" title="Новости"></div>
<div id="tb3-button" class="button"><img src="http://i53.fastpic.ru/big/2013/0119/b4/c1358ae81143439d19cd4237b70362b4.png" alt="Третий" title="Миссии"></div>
<div id="tb4-button" class="button"><img src="http://i53.fastpic.ru/big/2013/0119/1b/c151d6f892a3840920954dba39cc411b.png" alt="Четвертый" title="Навигация"></div>
<div id="tb5-button" class="button"><img src="http://i51.fastpic.ru/big/2013/0119/fc/c43532cdf8ee3a8bcc4627070e1111fc.png" alt="Пятый" title="Разыскиваем"></div>
</div>
<div id="but-content">
<div id="tb1" class="but"></div>
</div>
<div id="tb2" class="but"></div>
<div id="tb3" class="but" ></div>
</div>
<div id="tb4" class="but"></div></div>
<div id="tb5" class="but"></div></div>
</div>
Мурзик-
- Сообщения : 224
Регистрация : 2011-05-19
Благодарности : 6
-
Re: Двухрядное меню
автор Сказочник Зазеркалья Апрель 13th 2013, 19:19
Мурзик пишет:тему не нашли..
Если вас инетересует код, тогда вот:
ява
- Спойлер:
- Спойлер:
$("#tb2-button, #tb3-button, #tb4-button, #tb5-button").css({
opacity: 0.7
});
$("#page-but div.button").click(function(){
$clicked = $(this);
if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
$clicked.animate({
opacity: 1,
}, 60 );
var idToLoad = $clicked.attr("id").split('-');
$("#but-content").find("div.but:visible").fadeOut("fast", function(){
$(this).parent().find("#"+idToLoad[0]).fadeIn();
})
}
$clicked.siblings(".button").animate({
opacity: 0.7,
}, 60 );
});
});
ЦСС
- Спойлер:
#page-but {
width: auto;
height: 320px;
background-color: #F5FFFA;
border: 2px solid #d4d6d5;
}
/* блок с кнопками */
#but-menu {
float:left;
width: 120px;
}
/* блок с содержимым страниц меню */
#but-content {
background-color: #F5FFFA;
margin-left: 150px;
height: 320px;
width: auto;
}
#tb1 a, #tb2 a, #tb3 a, #tb5 a{
color: #817575;
font-weight: bolder;
text-decoration: none;
}
/* все скрытые блоки после первого */
#tb2, #tb3, #tb4, #tb5 {
display: none;
}
/* кнопки */
#but-menu .button {
cursor: pointer;
width: 150px;
height: 50px;
line-height: 50px;
background-color:;
margin: 5px auto;
font-size: 11px;
text-align: center;
}
/* страницы меню */
div.but {
max-height: 300px;
overflow: hidden;
font-size: 11px;
}
/*Фон объявления*/
.obyava_a {
background-color: #FFF; /*цвет фона*/
}
ПА/Оформление/Главная/Общая информация
- Спойлер:
<div id="tb1-button" class="button"><img src="http://i52.fastpic.ru/big/2013/0119/f3/58925344b4e7faf0d04d30790e392ff3.png" alt="Первый" title="О форуме"></div>
<div id="tb2-button" class="button"><img src="http://i53.fastpic.ru/big/2013/0119/9d/0857ee1468332e35c25a4099e926ae9d.png" alt="Второй" title="Новости"></div>
<div id="tb3-button" class="button"><img src="http://i53.fastpic.ru/big/2013/0119/b4/c1358ae81143439d19cd4237b70362b4.png" alt="Третий" title="Миссии"></div>
<div id="tb4-button" class="button"><img src="http://i53.fastpic.ru/big/2013/0119/1b/c151d6f892a3840920954dba39cc411b.png" alt="Четвертый" title="Навигация"></div>
<div id="tb5-button" class="button"><img src="http://i51.fastpic.ru/big/2013/0119/fc/c43532cdf8ee3a8bcc4627070e1111fc.png" alt="Пятый" title="Разыскиваем"></div>
</div>
<div id="but-content">
<div id="tb1" class="but"></div>
</div>
<div id="tb2" class="but"></div>
<div id="tb3" class="but" ></div>
</div>
<div id="tb4" class="but"></div></div>
<div id="tb5" class="but"></div></div>
</div>
Мурзик подождите немного, сегодня или завтра я постараюсь сделать для вас двухрядное меню.
Я немного подредактирую коды и надеюсь всё будет готово.
Но не факт что всё получиться, поэтому может кто нибудь предложить свой вариант решения проблемы.
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 33
Регистрация : 2012-11-16
Благодарности : 733
Мурзик-
- Сообщения : 224
Регистрация : 2011-05-19
Благодарности : 6
-
Re: Двухрядное меню
автор Сказочник Зазеркалья Апрель 16th 2013, 19:29
Возникал небольшая проблема, которую решить немного сложно. При попытке соединить два столбца в меню в одном блоке, выходит глюк...Мурзик пишет:Ну как там ?
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 33
Регистрация : 2012-11-16
Благодарности : 733
Мурзик-
- Сообщения : 224
Регистрация : 2011-05-19
Благодарности : 6
-
Похожие темы» Как можно закруглить углы у панели меню и выровнять разделы меню по одинаковой ширине?
» Основное меню форума с разворачиающимися меню для отдельных пунктов
» Помогите с кнопками меню, чтобы они раскрывались в доп.меню
» Как сделать выпадающее меню под меню навигации
» Как заменить стандартное меню навигации на разворачивающееся меню?
» Основное меню форума с разворачиающимися меню для отдельных пунктов
» Помогите с кнопками меню, чтобы они раскрывались в доп.меню
» Как сделать выпадающее меню под меню навигации
» Как заменить стандартное меню навигации на разворачивающееся меню?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Facebook
ВКонтакте
