хтмл верх
Код:
<div class="objava">
<table style="margin-top:15px;" cellpadding="0" cellspacing="0" align="center" valign="top" width="100%">
<tr>
<td style="width:35%;border-right:3px solid #390006!important;" align="center" valign="top">
<div class='links'>
Ссылки для гостей
<div class="guest">
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=2#p2" class="tvm" target="">Правила </a>
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=4#p4" class="tvm" target="">Сюжет </a>
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=8#p18" class="tvm" target="">Гостевая </a>
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=3#p3" class="tvm" target="">Список персонажей </a>
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=7#p17" class="tvm" target="">Нужные игрокам</a>
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=168#p340" class="tvm" target="">Нужные в сюжет</a>
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=5#p11" class="tvm" target="">Навигация по миру </a>
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=5#p14" class="tvm" target="">Карта & Календарь</a>
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=13#p24" class="tvm" target="">Классы</a>
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=10#p21" class="tvm" target="">Шаблон анкеты</a>
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=37#p53" class="tvm" target="">Заключение партнерства </a>
</div>
</div>
<br/>
<div class='links'>
Ссылки для игроков
<div class="guest">
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=15#p30" class="tvm" target="">Объявления </a>
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=21#p36" class="tvm" target="">Поиск соигроков </a>
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=47#p72" class="tvm" target="">Говорят,
что...</a>
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=46#p71" class="tvm" target="">Оформление эпизода </a>
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=16#p31" class="tvm" target="">Закрыть эпизод </a>
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=43" class="tvm" target="">Общая хронология</a>
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=18#p33" class="tvm" target="">Заявки на акции</a>
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=24#p39" class="tvm" target="">Регистрация нпс </a>
<a href="http://daaccord.f-rpg.ru/viewtopic.php?id=20#p35" class="tvm" target="">Отсутствия </a>
</div>
</div>
</td>
<td style="width: 30%;border-right:3px solid #390006!important;" align="center" valign="top">
<font face="Romul" size="2" color="#390006"><b>НОВОСТИ ФОРУМА:</b></font>
<div id="news">
<div class="date">17/05</div> Подключение <a href=http://daaccord.f-rpg.ru/viewtopic.php?id=15#p15336>домена</a>
<br>
<div class="date">26/12</div> Заполняем <a href=http://daaccord.f-rpg.ru/viewtopic.php?id=15#p8926>досье</a> на персонажей
<br>
<div class="date">29/09</div> Опрос о <a href=http://daaccord.f-rpg.ru/viewtopic.php?id=15#p6613>нововведениях</a>
<br>
<div class="date">31/08</div> Сюжетная ветка <a href=http://daaccord.f-rpg.ru/viewtopic.php?id=15#p5276>Серых Стражей</a>
<br>
<div class="date">24/07</div> Организационные <a href=http://daaccord.f-rpg.ru/viewtopic.php?id=15#p4762>новшества</a>
<br>
<div class="date">29/06</div> Сюжет и <a href=http://daaccord.f-rpg.ru/viewtopic.php?id=15#p4423>перспективы участия</a>
<br>
<div class="date">28/04</div> Весенние <a href=http://daaccord.f-rpg.ru/viewtopic.php?id=15#p2166>обновления</a>
<br>
<div class="date">22/03</div> <a href=http://daaccord.f-rpg.ru/viewtopic.php?id=15#p1288>Кто нужен & Что играть.</a>
<br>
<div class="date">27/01</div> Открытие форума!
</div>
</td>
<td style="width: 35%;" align="center" valign="top">
<font face="Romul" size="2" color="#390006"><b>Кого спросить?</b></font><br>
<div class='adm'><a href="http://daaccord.f-rpg.ru/profile.php?id=28">Aedan Cousland</a>
</div>
<br>
<div class='adm'><a href="http://daaccord.f-rpg.ru/profile.php?id=10">Mahanon Lavellan</a>
</div>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" align="center" valign="top" width="100%">
<tr>
<td style="width: 15%;"> </td>
<td style="width: 70%;" ><br>
<center><font face="Romul" style="size:12px;" color="#390006"><b>Добро пожаловать в Тедас!</b></font>
<br><font face="Arial" style="size:1em;">Сюжет нашей игры разворачивается через пять лет после закрытия Бреши, в 9:47 Века Дракона. <br>Тедас снова оказался на грани войны всех против всех, страны терпят внутренние конфликты, а ордены и гильдии разваливаются на глазах.
Возможно ли сохранить мир?</font></center>
</td>
<td style="width: 15%;"> </td>
</tr>
</table>
</div>
<div class="objava-b"></div>
<style>
.usava {
border-radius:50%;
border: 4px solid #7F7173;
max-width:50px;
max-height:50px;
display:inline-block;
z-index:1000;
}
#news {
width:auto;
height:50px!important;
font-family: Verdana;
font-size:12px;
text-align:left!important;
overflow-y: scroll;
}
#news a {
font-family:"Romul";
text-transform:uppercase;
color:#390006;
}
#news::-webkit-scrollbar {
width: 5px;
height: 5px;
background-color: #454545;
border:none;
}
#news::-webkit-scrollbar-thumb {
background-color: #390006;
height: 5px;
}
.date {
display:inline-block;
padding-top:2px;
padding-left:5px;
padding-right:5px;
padding-bottom:2px;
background:#390006;
color:#b58241 !important;
font-weight:bold;
font-family:"Romul";
font-size:12px;
position:static;
margin-left:5px;
margin-bottom:3px;
}
.adm {
height:auto;
width:auto;
cursor:pointer;
display: inline-block;
}
.maxinfo {
cursor:default;
width:286px;
height:146px;
background:#b8ada7;
transition:0.8s;
transition-delay:0.2s;
position:absolute;
margin-left:-400px;
margin-top:-35px;
padding:5px;
opacity:0;
visibility:hidden;
}
.lavinfo {
width:286px;
height:146px;
background:#b8ada7;
transition:0.8s;
transition-delay:0.2s;
position:absolute;
margin-left:-400px;
margin-top:-51px;
padding:5px;
opacity:0;
visibility:hidden;
cursor:default;
}
.cusinfo {
width:286px;
height:146px;
background:#b8ada7;
transition:0.8s;
transition-delay:0.2s;
position:absolute;
margin-left:-411px;
margin-top:-67px;
padding:5px;
opacity:0;
visibility:hidden;
cursor:default;
}
.adm:hover > .maxinfo, .adm:hover > .lavinfo, .adm:hover > .cusinfo {
opacity:100;
transition:0.8s;
transition-delay:0.2s;
visibility:visible;
}
.objava {
width:1000px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
margin-left:-20px;
height:160px;
position:absolute;
margin-top:-180px;
margin-bottom:20px!important;
z-index:5000;
}
.objava-b {
width:1000px;
padding-bottom:10px;
height:160px;
position:absolute;
margin-top:-180px;
margin-bottom:20px!important;
background:url(https://forumstatic.ru/files/0012/04/67/68449.png) center top no-repeat;
opacity:0.6;
z-index:1000;
box-shadow: inset 0 0 3px black;
}
.app {
width:auto;
height:250px!important;
max-height:250px!important;
overflow-y:scroll;
border:1px solid red;
padding:4px;
text-align:justify!important;
}
</style>
<!---Ссылки для игроков и гостей--->
<style>
.links {
width:200px;
height: auto;
border:2px solid #390006;
background: none;
color: #390006;
font-weight:bold;
font-size:14px;
font-family:Romul;
text-transform:uppercase;
padding-top:3px!important;
padding-bottom:0px!important;
cursor:pointer;
}
.guest {
opacity:0;
visibility: hidden;
position:absolute;
width:200px;
height:auto;
align:center;
margin-top:4px;
transition:0.3s;
margin-left:-4px;
}
.links:hover > .guest {
opacity:100;
transition:0.5s;
visibility: visible;
}
</style>
<!-- Переход на пост по клику на ссылку --><script type="text/javascript">
$(function(){$('.post-content p').find('a[target][href*="k.php?http://'+location.hostname+'"]').filter('[href*="#p"]').map(function(){
var s = $(this),a = s.attr('href'),b = '#p'+a.split('#p')[1],l0 = location,l = l0.hostname;l = l.replace(/\./g,'\\.');
var reg = new RegExp('^http\\:\\/\\/'+l+'\\/click\\.php\\?http\\:\\/\\/'+l+'\\/viewtopic(.*?)\\?p?id=(\\d+)(.*?)#p(\\d+)$','mgi');
if($(b).length&&a.match(reg)){s.removeAttr('target').live('click',function(){l0.hash = '#';l0.hash = b;return !1})}
});})
</script>
<!-- Отключение сокращения ссылки-->
<script type="text/javascript">
FORUM.set("editor.link.short_url", function() { return false; });
</script>
<!---Стрелочки--->
<div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/0012/04/67/44833.png" class="Hoverbuttons" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/0012/04/67/93748.png" class="Hoverbuttons" border="0" /></div>
<style>
.go-up,.go-down {
display:none;
position:fixed;
right: 50px;
z-index:9999;
cursor:pointer;
opacity: 1;
width: 40px;
height: 49px;
}
.go-up {
bottom:149px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:105px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$('.Hoverbuttons').each(function () {
var $span = $(this).css('opacity', 0.5);
$(this).hover(function () {
$span.stop().fadeTo(600, 1);
}, function () {
$span.stop().fadeTo(600, 0.5);
});
});
});
</script>
<!---ПОДФОРУМЫ--->
<script language="JavaScript">
str=document.URL
if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php")
document.write("<style>#forum_f3{display:none}</style>")
</script>
<script language="JavaScript">
str=document.URL
if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php")
document.write("<style>#forum_f18{display:none}</style>")
</script>
<script language="JavaScript">
str=document.URL
if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php")
document.write("<style>#forum_f20{display:none}</style>")
</script>
<script language="JavaScript">
str=document.URL
if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php")
document.write("<style>#forum_f21{display:none}</style>")
</script>
<!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>
<!--Замена плюсов-->
<style type="text/css">
.pa-respect a[href*="&v=0&cod"],
.pa-respect a[href*="&v=1&cod"]{
display:inline-block;
margin-top:-2px!important;
}
.pa-respect a[href*="&v=1&cod"] img,
.pa-respect a[href*="&v=0&cod"] img {
visibility:hidden;
/*размеры для картинок +/- */
height:11px;
width:11px;
}
.pa-respect a[href*="&v=1&cod"]{
background:url(https://forumstatic.ru/files/0019/75/58/14154.png) center no-repeat; /*картинка для +*/
}
.pa-respect a[href*="&v=0&cod"] {
background:url(https://forumstatic.ru/files/0012/4f/d4/64282.png) center no-repeat; /*картинка для - */
}
</style>
<!---баннеры--->
<style>
#banners {
width:1000px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:5px;
height:55px;
z-index:5000;
align:center;
text-align:center;
position:absolute;
overflow-y: scroll;
}
#banners::-webkit-scrollbar {
width: 5px;
height: 5px;
background-color: #454545;
border:none;
}
#banners::-webkit-scrollbar-thumb {
background-color: #390006;
height: 5px;
}
#banners-b {
width:1000px;
padding-bottom:5px;
position:absolute;
height:60px;
background:url(https://forumstatic.ru/files/0012/04/67/68449.png) center top no-repeat;
opacity:0.6;
z-index:1000;
box-shadow: inset 0 0 3px black;
}
#banners a img { opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40); }
#banners a:hover img { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); }
</style>
<style type="text/css">
.lastedit {display: none;}
</style>- Подпись автора
[html]<div id="kozza"><img src="https://forumupload.ru/uploads/001b/2c/35/672/427542.png"></div>
<style>
#kozza {
width:62px!important;
height:62px!important;
position:relative;
z-index:90000!important;
border:1px solid red;
top:200px;
left:5px;
}
</style>[/html]