Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами 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
Таблица: вид меню пунктов
Снова я со своей таблицой тревожу вас))))
1)Хотелось бы сделать так, чтобы кнопки меню, которые находятся слева, переместить на вверх.
2) Чтобы перейти на определенный контент, нужно нажимать на эти кнопки меню, можно ли сделать так, чтобы они автоматически переключались??
Вот хтмл код таблицы:
Вот CSS таблицы:
Вот Javascript :
Прошу пожалуйста помогите, сечас я нуждаюсь в вашей помощи больше всего)))
- скриншот:
1)Хотелось бы сделать так, чтобы кнопки меню, которые находятся слева, переместить на вверх.
2) Чтобы перейти на определенный контент, нужно нажимать на эти кнопки меню, можно ли сделать так, чтобы они автоматически переключались??
Вот хтмл код таблицы:
- Код:
<div id="page-but"><div id="but-menu"><div id="tb1-button" class="button">Новости</div><div id="tb2-button" class="button">Сюжет</div><div id="tb3-button" class="button">Активисты</div><div id="tb4-button" class="button">Администрация</div><div id="tb5-button" class="button">Баннеры</div>
</div><div id="but-content"><div id="tb1" class="but">
<table align=center style='height: 268px;'>
<tr><td style='padding: 15px; vertical-align: top; border-right: solid 1px black; width: 230px; text-align: center'>
<span style='color: black; font-size: 12px; font-weight: bold; vertical-align: top'> <img src=http://s41.radikal.ru/i093/1212/59/d8478c23d03d.png><br><br>
Приветствуем вас на ролевой по аниме и манге "Синий экзорцист". Чтобы начать играть, вам необходимо зарегестрироваться и подать анкету. Принимаются как канонические персонажи, так и неканонические. Если у вас возникнут вопросы, вы всегда можете обратиться к администрации. Будем рады видеть новых игроков на форуме и надеемся, что здесь вам понравится! </span>
<td style='padding: 15px; vertical-align: top; border-right: solid 1px black; width: 230px; text-align: center'>
<div style='overflow: auto; height: 230px;'>
<span style='color: black; font-size: 12px; font-weight: bold; vertical-align: top'> <img src=http://s019.radikal.ru/i615/1212/28/64308c001f38.png><br><br>
<br><br>Здесь будут Новости<br><br><img align=right src=ЗДЕСЬ ДОЛЖНА БЫТЬ КАРТИНКА></img></span>
</div>
</table>
</div><div id="tb2" class="but">Контент кнопки Сюжет</div><div id="tb3" class="but">Контент кнопки Активисты</div><div id="tb4" class="but">Контент кнопки Администрация</div><div id="tb5" class="but">Контент кнопки Баннеры</div>
</div>
</div>
Вот CSS таблицы:
- Код:
/* весь блок меню */
#page-but {
width: 1000px;
height: 290px;
background-image: url(http://s019.radikal.ru/i607/1212/61/9c0fcc3caac3.png);
background-repeat: no-repeat;
}
/* блок с кнопками */
#but-menu {
float: left;
width: 150px;
}
/* блок с содержимым страниц меню */
#but-content {
float: left;
margin-left: 150px;
height: 290px;
width: 850px;
margin: 0;
}
/* все скрытые блоки после первого */
#tb2, #tb3, #tb4, #tb5 {
display: none;
}
/* кнопки */
#but-menu .button {
cursor: pointer;
width: 120px;
height: 50px;
line-height: 50px;
background-color: none;
margin: 5px auto;
font-size: 11px;
border: dashed 1px black;
text-align: center;
}
/* страницы меню */
div.but {
max-height: 290px;
overflow: hidden;
padding: 5px;
margin: 5px;
font-size: 11px;
border: 1px dashed black;
}
Вот Javascript :
- Код:
$(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 );
});
});
Прошу пожалуйста помогите, сечас я нуждаюсь в вашей помощи больше всего)))
Re: Таблица: вид меню пунктов
Вариант с кнопками вверху уже есть: см. в теме https://help.forum2x2.ru/t18896-topic
Ищите вариант именно слайдера:
1) https://help.forum2x2.ru/t23987-topic
2) https://help.forum2x2.ru/t29427-topic
Нет, для этого Вам понадобиться слайдер, а не таблица.Чтобы перейти на определенный контент, нужно нажимать на эти кнопки меню, можно ли сделать так, чтобы они автоматически переключались??
Ищите вариант именно слайдера:
1) https://help.forum2x2.ru/t23987-topic
2) https://help.forum2x2.ru/t29427-topic
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Таблица: вид меню пунктов
Вставьте все (html + js + css)
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Таблица: вид меню пунктов
Не, получится так, как будет в той ссылке, которую вы мне кинули, а мне нужно, чтобы получилось на моей таблце, сверху меню)))
Re: Таблица: вид меню пунктов
Извиняюсь, а какая там разница, кроме оформления и контента?
У первой кнопки сбоку, у второй — сверху.
Переложить контент и перенатянуть оформление — и все.
У первой кнопки сбоку, у второй — сверху.
Переложить контент и перенатянуть оформление — и все.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Похожие темы
» Возможно ли сделать всплывающую рамочку для пунктов в меню навигации ?
» Смена названия пунктов меню
» Изменение пунктов верхнего меню
» Изменение пунктов меню в панели навигации.
» Смещение пунктов меню (в разные стороны).
» Смена названия пунктов меню
» Изменение пунктов верхнего меню
» Изменение пунктов меню в панели навигации.
» Смещение пунктов меню (в разные стороны).
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения