Rerole

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Rerole » Новый форум » Таблица


Таблица

Сообщений 1 страница 2 из 2

1

<table width="100%" height="310" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td align="center" height="60">
<!--- Вложенная таблица кнопок меню --->
<div id="menu">
<table width="100%" height="50" cellspacing="1" cellpadding="1" border="0">
<tbody><tr>
<td width="20%" align="center"><span alt=#sm1 style="cursor: pointer;"><img src="http://uploads.ru/i/N/o/4/No4Oz.png" alt="novosti" class="button" /></span></td>
<td width="20%" align="center"><span alt=#sm2 style="cursor: pointer;"><img src="http://uploads.ru/i/1/H/3/1H3eK.png" alt="novosti" class="button" /></span></td>
<td width="20%" align="center"><span alt=#sm3 style="cursor: pointer;"><img src="http://uploads.ru/i/3/x/I/3xIqH.png" alt="novosti" class="button" /></span></td>
<td width="20%" align="center"><span alt=#sm4 style="cursor: pointer;"><img src="http://uploads.ru/i/B/S/n/BSna0.png" alt="novosti" class="button" /></span></td>
<td width="20%" align="center"><span alt=#sm5 style="cursor: pointer;"><img src="http://uploads.ru/i/P/a/k/PakVp.png" alt="novosti" class="button" /> & Модеры</span></td>
</tr></tbody>
</table>
</div>
<!--- Конец кнопок --->
</td>
</tr>
<tr>
<td align="center" id="MenuTxT" height="250">
<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 id="sm5" class="submenutext">
Содержимое новостей
</div>
</div>
</td>
</tr></tbody>
</table>
<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>

0

2

<style>
#menu span {
padding: 5px 3px;
width: 94%;
text-decoration: none;
border: 1px solid #453300;
display: block;
}
#menu .tabactive {
background:#D1DBA7;
}
#submenu {
padding: 5px;
height: 240px;
text-align: center;
width: 99%;
}
.submenutext {
display: none;
height: 240px;
}
</style>

0


Вы здесь » Rerole » Новый форум » Таблица


Рейтинг форумов | Создать форум бесплатно