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

Объявление

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

У нас: структурированная документация, возможность платить иностранными картами, перевыпустить подписку или купить бессрочно.

Купить скрипт

🔥 Новинка в портфолио: ДИЗАЙН ФОРУМА В СТИЛЕ ФЭНТЭЗИ С ПРОЗРАЧНОСТЬЮ

Платформа: MyBB.ru (RusFF)
Стоимость: 8000 рублей;
Авторы: Moju & Gerda

Посмотреть

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

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

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

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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



Таблица

Сообщений 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