А давайте опубликуем на форуме таблицу??Простите за рекламу это пример*
http://rolevayakvdevyatziznei.rolevaya.ru/
я могу дать скрипт(другой)
Зов предков |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Зов предков » Предложения для форума. » Таблица.
А давайте опубликуем на форуме таблицу??Простите за рекламу это пример*
http://rolevayakvdevyatziznei.rolevaya.ru/
я могу дать скрипт(другой)
Примерно так, давай.
Первая лучше
Первая лучше
Подпись автора
Свободу не продать и не купить,
Свободой невозможно наиграться...
Свободу можно только приручить,
А после ею жить и упиваться.
епрости не могу видишь недоработана
пробуй: в верх(хтлмн) <style>
/* Настройки объявления */
#menu {
margin: 0px;
}
#menu span {
margin: 0px;
padding: 0px;
width: 162px;
height: 53px;
}
#submenu {
padding: 0px;
width: 850px;
height: 300px;
}
.submenutext {
position: absolute;
display: none;
width: 100%;
max-width: 850px;
text-align: center;
height: auto;}
</style>
в объявление- <!-- Таблица в объявлении -->
<center><table style="width: 850px; border: none;" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<div id="menu">
<!-- Кнопачки -->
<table style="width: 850px; height: 55px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 20%;" align="center"><span alt="#sm1" style="cursor: pointer;"><img src="http://qps.ru/x5yz7"/></span></td>
<td style="width: 20%;" align="center"><span alt="#sm2" style="cursor: pointer;"><img src="http://qps.ru/48yYN"/></span></td>
<td style="width: 20%;" align="center"><span alt="#sm3" style="cursor: pointer;"><img src="http://qps.ru/t6pk5"/></span></td>
<td style="width: 20%;" align="center"><span alt="#sm4" style="cursor: pointer;"><img src="http://qps.ru/v8PNe"/></span></td>
<td style="width: 20%;" align="center"><span alt="#sm5" style="cursor: pointer;"><img src="http://qps.ru/nmToL"/></span></td>
</tr>
</table>
<!-- Конец кнопок -->
</div>
</td>
</tr>
<tr>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<!-- Контент первой вкладки -->
<table style="width: 850px; height: 300px; border: none;" cellpadding="0" cellspacing="0">
<tr style="height: 155px;">
<td style="width: 28%;" align="center">
<div style="background: transparent url(http://s2.uploads.ru/OsFn7.png) top center no-repeat; width: 163px; height: 82px; padding: 40px 36px 30px 30px; text-align: center;"><div style="height: 82px; width: 100%;">
Текст приветствия
</div></div>
</td>
<td style="width: 26%;" align="center">
<div style="background: transparent url(http://s3.uploads.ru/g3Zle.png) top center no-repeat; width: 134px; height: 87px; padding: 35px 30px 30px 30px; text-align: center;"><div style="height: 87px; width: 100%;">
Акционные ссылки
</div></div>
</td>
<td style="width: 46%;" align="center">
<div style="background: transparent url(http://s3.uploads.ru/nqEV2.png) top center no-repeat; width: 324px; height: 87px; padding: 35px 30px 30px 30px; text-align: left;"><div style="height: 87px; width: 100%; overflow-y: auto;">
<b>03.05.13</b>
<br/>
Участились случаи пропадания постов, и проблема эта на всём сервисе MyBB. Настоятельно советуем вам не лениться и копировать содержимое поста перед отправкой!
<br/><br/>
<b>03.05.13</b>
<br/>
Обновлены кнопки двойного спойлера в профиле и убрана окантовка.
<br/><br/>
<b>01.05.13</b>
<br/>
Ленивым игрокам, не соизволившим оставить заявку, лесенка способностей была составлена и вписана в анкету (имеющим хоть один игровой пост).
<br/><br/>
<b>01.05.13</b>
<br/>
Если при отправке сообщения у вас открывается страница и появляется ошибка Javascripr, скопируйте содержимое и просто переотправьте сообщение.
<br/><br/>
<b>01.05.13</b>
<br/>
Добавлен <a href="http://fullmoon.winbb.ru/viewtopic.php?id=304">список НИПов</a>, состоящий из учителей школы, музыкантов и вожатых.
<br/><br/>
<b>28.03.13</b>
<br/>
На форуме появился сервис <a href="http://fullmoon.winbb.ru/viewforum.php?id=73">"Центр помощи"</a>, где вы можете задать интересующие вас вопросы или даже попросить помочь с домашним заданием.
</div></div>
</td>
</tr>
<tr style="height: 145px;">
<td colspan="3">
<table style="width: 850px; height: 150px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 54%;" align="right" valign="middle">
<div style="background: transparent url(http://s3.uploads.ru/4PRhY.png) top center no-repeat; width: 352px; height: 72px; padding: 32px 30px 30px 30px; margin-right: 14px; text-align: left;"><div style="height: 72px; width: 100%; overflow-y: auto;">
<b>01.05.13</b>
<br/>
Составлено <a href="http://fullmoon.winbb.ru/viewtopic.php?id=315">краткое расписание кружков</a> на ближайшие дни. Не пропускайте занятия!
<br/><br/>
<b>01.05.13</b>
<br/>
Мероприятия окончены. Все могут идти по своим делам. К уроку в понедельник будут допущены те, у кого имеется лесенка. А к сражению - у кого есть противник.
<br/><br/>
<b>25.03.13</b>
<br/>
Все ученики быстренько побежали в <a href="http://fullmoon.winbb.ru/viewtopic.php?id=287">эту тему</a> и подали заявку на составление лесенки способностей! Она позже всем будет вписана в анкету, подробности потом!
<br/><br/>
<b>25.03.13</b>
<br/>
С новыми правилами боёв ознакомьтесь <a href="http://fullmoon.winbb.ru/viewtopic.php?id=255">здесь</a>. И найдите себе противника <a href="http://fullmoon.winbb.ru/viewtopic.php?id=256#p1627">здесь</a>!
<br/><br/>
<b>04.03.13</b>
<br/>
Открыта запись на кружки. Кто интересуется журналистикой или музыкой - бегите записываться.
</div></div>
</td>
<td style="width: 46%;" align="left" valign="middle">
<div style="background: transparent url(http://s3.uploads.ru/Izu3k.png) top center no-repeat; width: 284px; height: 72px; padding: 32px 30px 30px 30px; margin-left: 2px; text-align: center;"><div style="height: 72px; width: 100%; overflow-y: auto;">
<b>И не забывайте кликать на кнопочки!</b>
<br/><br/>
<a href="http://wizardtop.ru/in.php?id=2193" target="_blank"><img src="http://wizardtop.ru/b/5.gif" border="0" width="88" height="31" alt="Волшебный рейтинг игровых сайтов"/></a>
<a href="http://forum-top.ru/vote/2027" target="_blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru"/></a>
<a href="http://top.roleplay.ru/19948" target="top_"><img src="http://img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"/></a>
</div></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Конец контента -->
</div>
<div id="sm2" class="submenutext">
<!-- Контент второй вкладки -->
<table style="width: 850px; height: 300px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 34%;" align="center">
<div style="background: transparent url(http://s2.uploads.ru/3f7kg.png) top center no-repeat; width: 212px; height: 228px; padding: 36px 30px 30px 30px; text-align: center;"><div style="height: 228px; width: 100%;">
Администраторы
</div></div>
</td>
<td style="width: 36%;" align="center">
<div style="background: transparent url(http://s2.uploads.ru/XsGSr.png) top center no-repeat; width: 223px; height: 228px; padding: 36px 30px 30px 30px; text-align: center;"><div style="height: 228px; width: 100%;">
Модераторы
</div></div>
</td>
<td style="width: 30%;" align="center">
<div style="background: transparent url(http://s2.uploads.ru/wrWzF.png) top center no-repeat; width: 179px; height: 226px; padding: 38px 30px 30px 30px; text-align: center;"><div style="height: 226px; width: 100%;">
Пиар-агенты
</div></div>
</td>
</tr>
</table>
<!-- Конец контента -->
</div>
<div id="sm3" class="submenutext">
<!-- Контент третьей вкладки -->
<table style="width: 850px; height: 300px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 25%;" align="center" valign="middle">
<div style="background: transparent url(http://s2.uploads.ru/FDK1t.png) top center no-repeat; width: 123px; height: 218px; padding: 36px 30px 30px 30px; text-align: left;"><div style="height: 218px; width: 100%;">
Познаем форум
</div></div>
</td>
<td style="width: 25%;" align="center" valign="middle">
<div style="background: transparent url(http://s3.uploads.ru/xr3Sc.png) top center no-repeat; width: 123px; height: 218px; padding: 36px 30px 30px 30px; text-align: left;"><div style="height: 218px; width: 100%;">
Между делом читаем между строк
</div></div>
</td>
<td style="width: 25%;" align="center" valign="middle">
<div style="background: transparent url(http://s2.uploads.ru/6hDuO.png) top center no-repeat; width: 123px; height: 218px; padding: 36px 30px 30px 30px; text-align: left;"><div style="height: 218px; width: 100%;">
Игрокам
</div></div>
</td>
<td style="width: 25%;" align="center" valign="middle">
<div style="background: transparent url(http://s3.uploads.ru/LvBqd.png) top center no-repeat; width: 123px; height: 218px; padding: 36px 30px 30px 30px; text-align: left;"><div style="height: 218px; width: 100%;">
Рекламе
</div></div>
</td>
</tr>
</table>
<!-- Конец контента -->
</div>
<div id="sm4" class="submenutext">
<!-- Контент четвертой вкладки -->
<table style="width: 850px; height: 300px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;" align="center" valign="middle">
<div style="background: transparent url(http://s3.uploads.ru/n1zeQ.png) top center no-repeat; width: 332px; height: 214px; padding: 40px 30px 30px 30px; text-align: left;"><div style="height: 214px; width: 100%;">
Время и погода
</div></div>
</td>
<td style="width: 50%;" align="center" valign="middle">
<div style="background: transparent url(http://s2.uploads.ru/hQ2Ej.png) top center no-repeat; width: 332px; height: 216px; padding: 38px 30px 30px 30px; text-align: left;"><div style="height: 216px; width: 100%; overflow-y: auto;">
Действия в сюжете (прокрутка - авто)
</div></div>
</td>
</tr>
</table>
<!-- Конец контента -->
</div>
<div id="sm5" class="submenutext">
<!-- Контент пятой вкладки -->
<table style="width: 850px; height: 300px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;" align="center" valign="middle">
<div style="background: transparent url(http://s2.uploads.ru/IcYvL.png) top center no-repeat; width: 332px; height: 216px; padding: 38px 30px 30px 30px; text-align: left;"><div style="height: 216px; width: 100%;">
Для друзей
</div></div>
</td>
<td style="width: 50%;" align="center" valign="middle">
<div style="background: transparent url(http://s3.uploads.ru/ABfV0.png) top center no-repeat; width: 332px; height: 216px; padding: 38px 30px 30px 30px; text-align: left;"><div style="height: 216px; width: 100%;">
Под новости
</div></div>
</td>
</tr>
</table>
<!-- Конец контента -->
</div>
</td>
</tr>
</tbody>
</table></center>
<!-- Конец -->
в хтлмн низ-<!-- Переключатель вкладок -->
<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").css({"z-index":"-1;"})
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).css({"z-index":"1"})
$("td.#MenuTxT div.submenutext").hide(1400);
$("div."+activeDiv).show(2200);
return false; });
});
</script>
Вы здесь » Зов предков » Предложения для форума. » Таблица.