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 - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Заказать дизайн, графику или скрипты » Заказать верстку и скрипты » Таблица