[html]<table style="table-layout: fixed; width: 100%; height: 50px;">
<tbody>
<tr style="height: 40px;">
<td style="width: 100%; height: 50px; background: #274045;">
<style type="text/css">
body {
background: #333;
}
.box {
position: relative;
overflow: hidden;
height: 50px;
width: 560px;
background: url('https://forumupload.ru/uploads/0018/28/7e/883/99067.png') center left no-repeat;
background-size: cover;
cursor: pointer;
}
.hover-effect {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(10, 8, 14, 0.8);
transition: all 0.3s ease-in-out;
opacity: 0;
}
.box:hover .hover-effect {
opacity: 1;
}
.box:hover .hover-text {
right: 0;
}
.hover-text {
position: absolute;
right: -100%;
bottom: 0;
display: block;
max-width: 100%;
padding: 0px 80px;
text-decoration: none;
font-family: "Proxima Nova";
text-align: right;
transition: all 0.5s ease-in-out;
}
h1 {
width: 100%;
font-size: 22px;
letter-spacing: 5px;
padding: 0.8em 0;
color: #fff;
border-bottom: 1px solid #383c54;
font-weight: 400;
}
p {
width: 100%;
line-height: 1em;
font-size: 12px;
display: inline-block;
color: #fff;
font-weight: 400;
text-align: right;
}
</style>
<center><div class="box">
<div class="hover-effect">
<a href="#" class="hover-text">
<h1 style='font-size: 22px'>НОВОСТИ - ЗИМА 2021</h1>
</a>
</div>
</div></center>
</td>
</tr>
</tbody>
</table>
<table style="table-layout: fixed; width: 100%; height: 500px;">
<tbody>
<tr style="height: 500px;">
<td style="background-color: #f8e2cb; width: 56%; height: 1.5em; border: solid #610B21; border-collapse: collapse; overflow: auto; ">
<span style="display: block; text-align: left; padding: 10px; margin: 10px;">
<span style="font-size: 50px;">
<span style="font-family: Algerian;">H</span></span>
<span style="font-size: 17px;"><span style="font-family: Monotype Corsiva;"><span style="color: #0000000;">аконец-то закончилась зима, и весна на Эноа обещает быть такой же оживленной! Мы усердно трудились и многое успели сделать:
<br />► стал доступен <a href="http://ainhoa.anihub.me/viewtopic.php?id=3363">новый сюжетный квест</a>.
<br />► новая раса <a href="http://ainhoa.anihub.me/viewtopic.php?id=1916&p=2#p560536">Фейри</a>.
<br />► появилась <a href="http://ainhoa.anihub.me/viewtopic.php?id=1916&p=2#p560424">система ачивок</a>.
<br />► у нас проходит голосование по <a href="http://ainhoa.anihub.me/viewtopic.php?id=1916&p=2#p562392"> романтическим конкурсам</a>! <br /> Успей узнать первым о наших новостях и помни - мы будем рады видеть всех и каждого, будь то новичок, старичок, возвращенец или потеряшка. </span></span></span></span>
<span style="display: block; text-align: left; padding: 5px; margin: 5px;">
<span style="font-size: 14px;">
<span style="font-family: Monotype Corsiva;">
<span style="color: #0000000;">
<span style="text-shadow: #693f42 3px 3px 5px;">
За январь:
<br />★ к нам присоединились 12 игроков<br />★ было написано 214 постов
<br /> в том числе:<br /> 7 сюжетных<br /> 154+49 личных<br /> 4 в альтернативе</span></span></span></span>
</span>
<br /><center><img src=" https://forumstatic.ru/files/0018/5e/22/38317.gif" alt="" /></center>
</td>
<td style="width: 1.82482%;"></td>
<td style="width: 39.3084%; height: 500px; background: #515f5f;">
<p>
<span style="display: block; text-align: left;">
<span style="font-size: 11px;">
<span style="font-family: Courier New;">
<span style="color: #f2f2f2;">
<center>
<img src="https://forumupload.ru/uploads/0018/28/7e/883/876952.png" alt="" />
</center>
</span>
</span>
</span>
</span>
</p>
</td>
</tr>
</tbody>
</table>[/html]
