1. Ссылка на форум:
http://labyrinthofmagic.0bb.ru/
2. Эскиз таблицы:
Общий вид -
1 -
2 -
3 -
4 -
1 -
2 -
3 -
4 -
сам фон
3. Дополнительные предпочтения:
Все указано на эскизе.
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Заказать дизайн, графику или скрипты » Заказать верстку и скрипты » Таблица
1. Ссылка на форум:
http://labyrinthofmagic.0bb.ru/
2. Эскиз таблицы:
Общий вид -
1 -
2 -
3 -
4 -
1 -
2 -
3 -
4 -
сам фон
3. Дополнительные предпочтения:
Все указано на эскизе.
Bastard
В окно HTML верх
<!-- Стиль меню в объявлении -->
<style>
#menu span {
margin-right: 5px;
margin: 10px 0;
text-decoration: none;
}
#submenu {
height: 245px;
width: 715px;
}
.submenutext {
display: none;
height: 320px;
overflow-y: auto;
overflow-x: hidden;
padding: 1px;
position: relative;
}
</style>В окно 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>В объявление:
<center>
<table style="width: 718px;">
<tbody>
<tr>
<td>
<div id="menu"> <b>
<!-- Вложенная таблица кнопок меню -->
<table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
<tbody >
<tr>
<td align="center" style="width: 120px; height: 44px;">
<span alt="#sm1" style="cursor: pointer;"><img src="http://s2.uploads.ru/14Drq.png" alt="News" border="0"></span>
</td>
<td align="center" style="width: 120px; height: 44px;">
<span alt="#sm2" style="cursor: pointer;"><img src="http://s3.uploads.ru/pXzi4.png" alt="Links" border="0"></span>
</td>
<td align="center" style="width: 120px; height: 44px;">
<span alt="#sm3" style="cursor: pointer;"><img src="http://s3.uploads.ru/SXRFW.png" alt="Admins" border="0"></span>
</td>
<td align="center" style="width: 120px; height: 44px;">
<span alt="#sm4" style="cursor: pointer;"><img src="http://s2.uploads.ru/cKHgq.png" alt="friends" border="0"></span>
</td>
</tr>
</tbody>
</table>
<!-- Конец вложенной таблицы -->
</div>
</td>
</tr>
<tr>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<!--- Содержимое первой вкладки --->
<div class="submenutext" id="sm1" style="display:block; background:url(http://s2.uploads.ru/x4J3i.png) 0 0 no-repeat;">
<div style="width: 317px; height: 166px; position: absolute; left: 38px; top: 11px; overflow-y: scroll; overflow-x: hidden; padding: 2px;">
Содержимое Новостей
</div>
<div style="width: 233px; height: 166px; position: absolute; left: 458px; top: 11px; overflow-y: scroll; overflow-x: hidden; padding: 2px;">
Содержимое Акций
</div>
<div style="width: 558px; height: 44px; position: absolute; left: 96px; top: 193px; padding-top: 7px;">
<!-- Баннеры -->
<a href="адрес ссылки"><img src="адрес картинки" alt="" width="88" height="31" border="0"></a>
<a href="адрес ссылки"><img src="адрес картинки" alt="" width="88" height="31" border="0"></a>
<a href="адрес ссылки"><img src="адрес картинки" alt="" width="88" height="31" border="0"></a>
<a href="адрес ссылки"><img src="адрес картинки" alt="" width="88" height="31" border="0"></a>
<a href="адрес ссылки"><img src="адрес картинки" alt="" width="88" height="31" border="0"></a>
<a href="адрес ссылки"><img src="адрес картинки" alt="" width="88" height="31" border="0"></a>
</div>
</div>
<!--- Конец содержимого первой вкладки --->
<!--- Содержимое второй вкладки --->
<div id="sm2" class="submenutext" style="background:url(http://s2.uploads.ru/KM9p5.png) 0 0 no-repeat;">
<div style="width: 210px; height: 213px; position: absolute; left: 38px; top: 14px; padding: 2px;">
Новичкам
</div>
<div style="width: 210px; height: 213px; position: absolute; left: 482px; top: 14px; padding: 2px;">
Игрокам
</div>
</div>
<!--- Конец содержимого второй вкладки --->
<!--- Содержимое третьей вкладки --->
<div id="sm3" class="submenutext" style="background:url(http://s3.uploads.ru/yvJt1.png) 0 0 no-repeat;">
<div style="width: 240px; height: 210px; position: absolute; left: 13px; top: 35px; padding-top: 2px;">
<img src="адрес картинки" alt="" width="100" height="100" border="0" style="margin-bottom: 2px;">
<img src="адрес картинки" alt="" width="100" height="100" border="0" style="margin-bottom: 2px;">
<img src="адрес картинки" alt="" width="100" height="100" border="0">
</div>
<div style="width: 340px; height: 210px; position: absolute; left: 368px; top: 35px; padding-top: 2px;">
<img src="адрес картинки" alt="" width="100" height="100" border="0" style="margin-bottom: 2px;">
<img src="адрес картинки" alt="" width="100" height="100" border="0" style="margin-bottom: 2px;">
<img src="адрес картинки" alt="" width="100" height="100" border="0" style="margin-bottom: 2px;">
<img src="адрес картинки" alt="" width="100" height="100" border="0">
<img src="адрес картинки" alt="" width="100" height="100" border="0">
</div>
</div>
<!--- Конец содержимого третьей вкладки --->
<!--- Содержимое четвертой вкладки --->
<div id="sm4" class="submenutext" style="background:url(http://s3.uploads.ru/QrTbd.png) 0 0 no-repeat;">
<div style="width: 302px; height: 112px; position: absolute; left: 21px; top: 39px; overflow-y: scroll; overflow-x: hidden; padding: 2px;">
Тут баннеры
</div>
<div style="width: 210px; height: 210px; position: absolute; left: 478px; top: 15px; padding: 2px;">
Текст
</div>
<div style="width: 120px; height: 40px; position: absolute; left: 117px; top: 189px; padding-top: 7px;">
<!-- Наш Баннер -->
<a href="адрес ссылки"><img src="адрес картинки" alt="" width="88" height="31" border="0"></a>
</div>
</div>
<!--- Конец содержимого четвертой вкладки --->
</div>
</td>
</tr>
</tbody>
</table>
</center>Спасибо большое!
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Заказать дизайн, графику или скрипты » Заказать верстку и скрипты » Таблица