ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайте
Стать модераторомОтзывы

Предложения
На форуме идут технические работы. Кое-что кое-где может отображаться криво. Мы скоро всё поправим. :)

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

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



Таблица

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

1

1. Ссылка на форум:
http://labyrinthofmagic.0bb.ru/

2. Эскиз таблицы:

эскиз

Общий вид - http://s3.uploads.ru/pKZER.png

1 - http://s3.uploads.ru/UVKTQ.png

2 - http://s3.uploads.ru/EHuzr.png

3 - http://s3.uploads.ru/VyOSd.png

4 - http://s2.uploads.ru/XEpCO.png

Графика

1 - http://s2.uploads.ru/x4J3i.png

2 - http://s2.uploads.ru/KM9p5.png

3 - http://s3.uploads.ru/yvJt1.png

4 - http://s3.uploads.ru/QrTbd.png

http://s2.uploads.ru/14Drq.png
http://s3.uploads.ru/pXzi4.png
http://s2.uploads.ru/cKHgq.png
http://s3.uploads.ru/SXRFW.png

сам фон http://s3.uploads.ru/rfV9y.png

3. Дополнительные предпочтения:
Все указано на эскизе.

0

2

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>

+1

3

Спасибо большое!

0