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

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


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

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



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

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


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

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

Двухрядное меню

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

Решено Двухрядное меню

Сообщение автор Мурзик в Сб 13 Апр - 18:31

Доброго времени суток )

У меня такой вопрос: можно ли сделать меню не с одним рядом кликабельных кнопок ( которые обычно распологаются слева или справа ) а с двумя рядами слева и справа ?

Вот например у нас такое меню :
Спойлер:
кнопки у нас слева..
А можно ли сделать, чтобы были еще и справа точно также ?

Здравствуйте,
У нас более 7 дней нет никаких новостей от автора темы.
В связи с этим мы полагаем, что проблема больше не актуальна и закрываем тему.

Если вы по-прежнему нуждаетесь в решении, откройте, пожалуйста, новую тему.
С уважением, Forum2x2

Мурзик
 
 

Сообщения : 231
Карма : Без предупреждений
Благодарности : 6
Регистрация : 2011-05-19

http://rolanime.2x2forum.ru/

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

Решено Re: Двухрядное меню

Сообщение автор Сказочник Зазеркалья в Сб 13 Апр - 18:39

@Мурзик пишет:Доброго времени суток )

У меня такой вопрос: можно ли сделать меню не с одним рядом кликабельных кнопок ( которые обычно распологаются слева или справа ) а с двумя рядами слева и справа ?

Вот например у нас такое меню :
Спойлер:
кнопки у нас слева..
А можно ли сделать, чтобы были еще и справа точно также ?

Добрый вечер Мурзик. girl_yes
Я думаю что это возможно сделать. Скинь ссылку на тему, по которой ты сделал этот блок. Я попробую настроить код так чтобы и справа было меню. pardon

Сказочник Зазеркалья
Дизайнер
Дизайнер

Пол : Мужчина
Сообщения : 3672
Возраст : 25
Место обитания : Морг.
Карма : Без предупреждений
Благодарности : 687
Регистрация : 2012-11-16

http://help.forum2x2.ru

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

Решено Re: Двухрядное меню

Сообщение автор Мурзик в Сб 13 Апр - 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>

Мурзик
 
 

Сообщения : 231
Карма : Без предупреждений
Благодарности : 6
Регистрация : 2011-05-19

http://rolanime.2x2forum.ru/

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

Решено Re: Двухрядное меню

Сообщение автор Сказочник Зазеркалья в Сб 13 Апр - 19:19

@Мурзик пишет:тему не нашли..
Если вас инетересует код, тогда вот:

ява

Спойлер:
Спойлер:
$(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>

Мурзик подождите немного, сегодня или завтра я постараюсь сделать для вас двухрядное меню. girl_yes
Я немного подредактирую коды и надеюсь всё будет готово. wink

Но не факт что всё получиться, поэтому может кто нибудь предложить свой вариант решения проблемы. 12

Сказочник Зазеркалья
Дизайнер
Дизайнер

Пол : Мужчина
Сообщения : 3672
Возраст : 25
Место обитания : Морг.
Карма : Без предупреждений
Благодарности : 687
Регистрация : 2012-11-16

http://help.forum2x2.ru

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

Решено Re: Двухрядное меню

Сообщение автор Мурзик в Вт 16 Апр - 19:22

Ну как там ?

Мурзик
 
 

Сообщения : 231
Карма : Без предупреждений
Благодарности : 6
Регистрация : 2011-05-19

http://rolanime.2x2forum.ru/

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

Решено Re: Двухрядное меню

Сообщение автор Сказочник Зазеркалья в Вт 16 Апр - 19:29

@Мурзик пишет:Ну как там ?
Возникал небольшая проблема, которую решить немного сложно. При попытке соединить два столбца в меню в одном блоке, выходит глюк... 23

Сказочник Зазеркалья
Дизайнер
Дизайнер

Пол : Мужчина
Сообщения : 3672
Возраст : 25
Место обитания : Морг.
Карма : Без предупреждений
Благодарности : 687
Регистрация : 2012-11-16

http://help.forum2x2.ru

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

Решено Re: Двухрядное меню

Сообщение автор Мурзик в Чт 25 Апр - 18:58

Может у кого-нибудь будет решение ?

Мурзик
 
 

Сообщения : 231
Карма : Без предупреждений
Благодарности : 6
Регистрация : 2011-05-19

http://rolanime.2x2forum.ru/

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

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


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