🎧 Подкаст «НЕТЕРОЛЕВЫЕ»
Рассказываем и обсуждаем Форумные Ролевые Игры (ФРПГ).
Telegram Обсудить
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Заказать дизайн, графику или скрипты » Заказать верстку и скрипты » [Устарело] Таблица
Nastya
Если востребовано, уточните что и как должно переключаться. Это Меню с кладками или просто меню, где при нажатии будет меняться содержимое под кнопками.
Востребаванно.
При нажатии должно сменятся содержимое под кнопками
Nastya
Ваша таблица:
В HTML верх:
<style> #menu { width: 568px!important; height: 34px; } #menu span { display: block; padding: 9px 0 9px 0; border: 1px solid #8393AD; text-decoration: none; } #menu .tabactive { color: #5A6FA7; background: #D7DEEA; } #submenu { padding: 5px; height: 280px; text-align: center; font-size: 12px; border: 1px solid #8393AD; } /* .submenutext { display: none; height: 60px; } */ </style>
В пункте #menu .tabactive
color - это цвет текста активной кнопки меню
background - это фон под текстом активной кнопки
В Объявление:
<center> <table border="0" cellspacing="2" cellpadding="2" style="width: 716px;"> <tbody> <tr> <td align="center" style="width: 148px; height: 36px;"> <p style="font-weight: bold;">Новости:</p> </td> <td align="center"> <!-- Кнопки меню --> <div id="menu"> <table border="0" cellspacing="1" cellpadding="1" style="width: 568px; height: 34px;"> <tbody> <tr style="font-weight: bold;"> <td align="center" style="width: 25%;"><span alt=#sm1 "style="cursor: pointer;">Приветствие</span></td> <td align="center" style="width: 25%;"><span alt=#sm2 "style="cursor: pointer;">В игре</span></td> <td align="center" style="width: 25%;"><span alt=#sm3 "style="cursor: pointer;">Коты</span></td> <td align="center" style="width: 25%;"><span alt=#sm4 "style="cursor: pointer;">Реклама</span></td> </tr> </tbody> </table> </div> <!-- Конец кнопок меню --> </td> </tr> <tr> <td align="center" valign="top"> <div style="border: thin solid #8393AD; height: 76px;"> Блок с рамкой </div> <div style="overflow-y: auto; overflow-x: hidden; padding: 1px; width: 100%; height: 210px; margin-top: 1px;"> Здесь текст новостей, после блока с рамкой, прокрутка появится автоматически. </div></td> <td id="MenuTxT" align="center" valign="top"> <!-- Содержимое кнопок меню, смена при клике --> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block;"> Контент Приветствия </div> <div id="sm2" class="submenutext"> Контент В игре </div> <div id="sm3" class="submenutext"> Контент Коты </div> <div id="sm4" class="submenutext"> Контент Реклама </div> </div> <!-- Конец содержимого кнопок меню --> </td> </tr> </tbody> </table> </center>
В окно HTML низ
<script type="text/javascript"> $(document).ready(function() { $("td.#MenuTxT div.submenutext").hide(); <!--$(".tabs span:first").addClass("active").show(); --> $("td.#MenuTxT div.submenutext:first").show(); $("div.#menu span").click(function() { $("div.#menu span").removeClass("tabactive"); $(this).addClass("tabactive"); $("td.#MenuTxT div.submenutext").hide(); var activeDiv = $(this).attr("alt"); $("div."+activeDiv).fadeIn(); return false; }); }); </script>
Спасибо большое.
У меня проблема. Я всё сделала, но таблицы нет
А это где?
хорошо, сейчас попробую
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Заказать дизайн, графику или скрипты » Заказать верстку и скрипты » [Устарело] Таблица