Код:
<!--HTML-->
<hr>
<span class=guest>Гостевая<span>
<style>
.guest {
color: #442734;
display: block;
font-family: Romul !important;
font-size: 16pt;
margin-bottom: -27px;
position: relative;
text-align: center;
text-shadow: 1px 1px 0 rgba(190, 155, 156, 0.2);
text-transform: uppercase;
}
</style>
Код:
<!--HTML-->
<div id=descr>Здесь задают свои вопросы гости. Тут можно забронировать роль, попросить помощи, обратиться к администрации проекта.</div>
<br>
<style>
#p211 .post-content a, #p211 .post-content a:hover {
background-image: none;
padding-left: 0 !important;
}
#descr {
color: #36161f;
font-size: 11px;
margin-top: -31px;
position: relative;
text-align: center;
text-shadow: 1px -1px 0 rgba(190, 155, 156, 0.2);
}
</style>Код:
<!--HTML-->
<!--ЗДЕСЬ НАЧИНАЕТСЯ СТИЛЬ МЕНЮ-->
<style>
#menu span {
color: #442734;
cursor: pointer;
font-family: romul;
font-size: 0.6rem;
padding: 0 16px;
text-decoration: none;
text-shadow: 1px -1px 0 rgba(190, 155, 156, 0.2) !important;
}
#menu .tabactive {
background: rgba(111, 76, 82, 0.33) none repeat scroll 0 0;
border: 1px solid rgba(109, 78, 83, 0.4);
box-shadow: 1px 1px rgba(190, 155, 156, 0.2);
color: #36161f;
text-shadow: 1px -1px 0 rgba(190, 155, 156, 0.2);
}
#submenu {
color: #36161f !important;
font-size: 11px;
padding: 5px;
text-align: left;
text-shadow: 1px -1px 0 rgba(190, 155, 156, 0.2);
width: 500px;
}
.submenutext {
background: rgba(111, 76, 82, 0.23) none repeat scroll 0 0;
border: 1px solid rgba(109, 78, 83, 0.4);
box-shadow: 1px 1px rgba(190, 155, 156, 0.2);
display: none;
height: auto !important;
left: 9px !important;
max-width: 495px;
min-height: 100px;
padding: 0 25px 25px;
position: relative;
text-align: center;
width: 443px;
}
#p211-content .quote-box, #p211-content .code-box, #p211-content .quote-box, #p211-content .spoiler-box {
border-color: transparent;
border-image: url("http://forumstatic.ru/files/0017/7f/09/62579.png") 49 49 49 49 fill;
border-style: solid;
border-width: 34px;
margin-bottom: -43px !important;
margin-left: 21px !important;
margin-right: 17px;
margin-top: 7px;
}
a.t-link:before, a.t-link:after {
display: inline-block;
opacity: 0;
transition: transform 0.3s ease 0s, opacity 0.2s ease 0s;
}
a.t-link::before {
background: url("http://forumstatic.ru/files/0017/7f/09/98268.png") no-repeat scroll 9px 6px / 7px 6px, rgba(0, 0, 0, 0) url("http://forumstatic.ru/files/0017/50/e4/48420.png") no-repeat scroll 5px 2px / 15px 15px;
color: rgba(0, 0, 0, 0)!important;
content: "000";
margin-right: 3px;
position: relative;
text-shadow: none !important;
top: -1px;
transform: translateX(20px);
padding-bottom: 2px;
}
a.t-link:after {
background: url("http://forumstatic.ru/files/0017/7f/09/98268.png") no-repeat scroll 9px 6px / 7px 6px, rgba(0, 0, 0, 0) url("http://forumstatic.ru/files/0017/50/e4/48420.png") no-repeat scroll 5px 2px / 15px 15px;
color: rgba(0, 0, 0, 0)!important;
content: "000";
margin-left: -1px;
position: relative;
text-shadow: none !important;
top: -1px;
transform: translateX(-20px);
padding-bottom: 2px;
}
a.t-link:hover:before, a.t-link:hover:after, a.t-link:focus:before, a.t-link:focus:after {
opacity: 1;
transform: translateX(0px);
}
.pa-title::after {
left: 0 !important;
}
li.pa-title {
margin-left: 0 !important;
}
@media all and (-webkit-min-device-pixel-ratio:0) {.pa-title::after {
left: 11px !important;
}
li.pa-title {
margin-left: -10px !important;
}
}
</style>
<!--СКРИПТ ВКЛАДОК-->
<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(0);
$("div."+activeDiv).show(0);
return false; });
});
</script>
<!--ДО ЭТОГО МЕСТА НИЧЕГО НЕ ТРОГАТЬ-->
<!--ЗАПОЛНЯЕМАЯ ЧАСТЬ ТАБЛИЦЫ-->
<center><table style="width: 517px;">
<tbody>
<tr>
<td style="text-align: center; margin: 10px 0; position: relative; border: 1px solid rgba(109, 78, 83, 0.4); left: 9px; background: none !important;">
<div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">О форуме</span>
<span alt=#sm2 "style="cursor: pointer;">Важное</span>
<span alt=#sm3 "style="cursor: pointer;">Полезное</span>
<span alt=#sm4 "style="cursor: pointer;">О партнерстве</span>
<span alt=#sm5 "style="cursor: pointer;">Кредиты</span>
</b>
</div>
</td>
</tr>
<tr align="left">
<td id="MenuTxT" valign="top" style="height: auto;">
<div id="submenu" width="100%">
<div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<table style="width: 22px; height: 24px;" border="0">
<tbody>
<tr>
<b>Приветствуем Вас на форумной ролевой <br>игре камерного типа <br>Terra Incognita: Homo Ludens по авторскому сюжету</b> <br>
<b>Рейтинг игры: NC-17</b><br>
<a href="skype:chateau_latour?add" style="border-bottom: 1px dashed #5C393F">Связаться с Позабытым c помощью <b>Skype</b>: chateau_latour</a>
<br>
<br>
<hr>
<b>Камерная ролевая</b>, как принято считать, - это вовсе не форум для узкого круга людей с доступом только для избранных. Это, в первую очередь, ролевая, рассчитанная на <b>небольшой кастинг активных игроков, хорошо знающих матчасть.</b> Мы не ограничиваем наших будущих участников в выборе персонажей, и не дифференцируем требования к анкетам в зависимости от степени близости знакомства с администрацией; все, что от Вас требуется - это хорошее знание мира и желание участвовать в его событиях.
<br>
<br>
<b>С анкетами уже принятых игроков</b> и подробностями механики можно ознакомиться, используя профиль <b>Читателя</b>. Логин и пароль указаны в объявлении форума.
<div class="quote-box spoiler-box">
<div class="spoiler-header" onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">
<span class="forum" style="text-align: center ! important; display: block; font-family: romul; font-size: 15px; line-height: 0px; margin-top: 6px;">Забронированные роли</span>
</div>
<blockquote style="text-align: center ! important; position: relative;">
<b></b> -
</blockquote>
</div>
</tr>
</tbody>
</table>
</div>
<div id="sm1" class="submenutext"><br /><br />
Контент 2-й кнопки
</div>
<div id="sm2" class="submenutext"><br /><br />
На форуме не принимаются новые расы, не принимаются полукровки, не принимаются персонажи из иных миров, нет элементов стим-панк. Для аватаров и акций используются только рисованные арты. <br>
Список обязательной для ознакомления информации предоставлен в следующей вкладке. Чтобы начать игру, достаточно выбрать одну расу, изучить материалы конкретно о ней и мире, в котором идет игра. Если персонаж живет достаточно долго и достаточно долго общается с другими расами, нужно знать и их отличительные черты (без изучения деталей их быта).
<table style="text-align: center; box-shadow: 1px 1px rgba(190, 155, 156, 0.2); border: 1px solid rgba(109, 78, 83, 0.4); margin: 10px 0;" class="striped">
<tbody>
<tr class="odd first">
<td>
<a href="http://homoludens.f-rpg.ru/viewtopic.php?id=53" class="t-link"><b>Правила</b></a>
</td>
</tr>
</tbody>
</table>
<table style="text-align: center; box-shadow: 1px 1px rgba(190, 155, 156, 0.2); border: 1px solid rgba(109, 78, 83, 0.4); margin: 10px 0;" class="striped">
<tbody>
<tr class="odd first">
<td>
<a href="http://homoludens.f-rpg.ru/viewtopic.php?id=12" class="t-link"><b>Вопрос-Ответ</b></a>
</td>
</tr>
</tbody>
</table>
</div>
<div id="sm3" class="submenutext"><br /><br />
Необходимые ссылки на информацию: <br>
<table style="text-align: center; box-shadow: 1px 1px rgba(190, 155, 156, 0.2); border: 1px solid rgba(109, 78, 83, 0.4); margin: 10px 0;" class="striped">
<tbody>
<tr class="odd first">
<td>
<a href="http://homoludens.f-rpg.ru/viewtopic.php?id=52" class="t-link"><b>Общие данные</b></a>
</td>
</tr>
</tbody>
</table>
<table style="text-align: center; box-shadow: 1px 1px rgba(190, 155, 156, 0.2); border: 1px solid rgba(109, 78, 83, 0.4); margin: 10px 0;" class="striped">
<tbody>
<tr class="odd first">
<td>
<a href="http://homoludens.f-rpg.ru/viewtopic.php?id=21" class="t-link"><b>Сюжет</b></a>
</td>
</tr>
</tbody>
</table>
<table style="text-align: center; box-shadow: 1px 1px rgba(190, 155, 156, 0.2); border: 1px solid rgba(109, 78, 83, 0.4); margin: 10px 0;" class="striped">
<tbody>
<tr class="odd first">
<td>
<a href="http://homoludens.f-rpg.ru/viewtopic.php?id=40" class="t-link"><b>Создание персонажа</b></a>
</td>
</tr>
</tbody>
</table>
<table style="text-align: center; box-shadow: 1px 1px rgba(190, 155, 156, 0.2); border: 1px solid rgba(109, 78, 83, 0.4); margin: 10px 0;" class="striped">
<tbody>
<tr class="odd first">
<td>
<a href="http://homoludens.f-rpg.ru/viewtopic.php?id=50" class="t-link"><b>Язык и имена</b></a>
</td>
</tr>
</tbody>
</table>
<table style="text-align: center; box-shadow: 1px 1px rgba(190, 155, 156, 0.2); border: 1px solid rgba(109, 78, 83, 0.4); margin: 10px 0;" class="striped">
<tbody>
<tr class="odd first">
<td>
<a href="http://homoludens.f-rpg.ru/viewtopic.php?id=51" class="t-link"><b>Хронология</b></a>
</td>
</tr>
</tbody>
</table>
<table style="text-align: center; box-shadow: 1px 1px rgba(190, 155, 156, 0.2); border: 1px solid rgba(109, 78, 83, 0.4); margin: 10px 0;" class="striped">
<tbody>
<tr class="odd first">
<td>
<a href="http://homoludens.f-rpg.ru/viewforum.php?id=30" class="t-link"><b>Кодекс. Расы</b></a>
</td>
</tr>
</tbody>
</table>
<table style="text-align: center; box-shadow: 1px 1px rgba(190, 155, 156, 0.2); border: 1px solid rgba(109, 78, 83, 0.4); margin: 10px 0;" class="striped">
<tbody>
<tr class="odd first">
<td>
<a href="http://homoludens.f-rpg.ru/viewforum.php?id=49" class="t-link"><b>Акции</b></a>
</td>
</tr>
</tbody>
</table>
</div>
<div id="sm4" class="submenutext"><br /><br />
Баннеры расположены на отдельной странице. На главной их нет, не было и не будет. Если Вам важно, где именно будет расположен Ваш баннер, учтите это. На все просьбы перенести баннер на главную будет отвечено отказом. <br>
Темы о партнерстве нет. На данном этапе активной рекламой не увлекаемся. Возможно, в будущем это изменится.
</div>
<div id="sm5" class="submenutext"><br /><br />
Благодарим google за быстрый поиск информации и множество картинок (а заодно и авторов этих картинок); тех.поддержку mybb за скрипты; нашего дизайнера за огромный труд и виртуозные способности пользоваться двумя вышеупомянутыми ресурсами. Дизайнер обозначил себя в самом низу форума, это его первая и единственная работа для данной платформы. Мы не даем его контакты, но он сам с удовольствием почитает отзывы гостей. Он не продает дизайны и не предлагает иных услуг, не берется за заказы и не обучает, не поясняет работу кодов и не дает критику.
</div>
</div>
</td>
</tr>
</tbody>
</table></center>
<hr style="transform: scale(1,-1); margin-top: -8px">
<center style="font-size: 11px; line-height: 18px; text-shadow: 1px 1px 0 rgba(190, 155, 156, 0.2);"><b><p style="font-family: romul; font-size: 14px; margin-bottom: -31px; color: rgb(68, 39, 52);">Внимание!</p></b><br>
Каждого участника, зарегистрировавшего персонажа из раздела <img src="http://forumstatic.ru/files/0017/50/e4/48420.png" alt="" style="top: 2px; position: relative" height="13" width="13"><a href="http://homoludens.f-rpg.ru/viewtopic.php?id=72"> Акции - старшие Арканы</a> ждет вступительное поощрение - <img src="http://forumstatic.ru/files/0017/50/e4/78257.png" style="width: 18px; position: relative; margin-bottom: -20px; top: -1px; margin-left: 2px; margin-right: -4px;"> 25 лун для покупок на <img src="http://forumstatic.ru/files/0017/50/e4/48420.png" alt="" style="top: 2px; position: relative" height="13" width="13"><a href="http://homoludens.f-rpg.ru/pages/funfair" target="_blank"> Ярмарке подарков!</a></center>
