[html]<table style="table-layout: fixed; width: 100%; height: 50px;">
<tbody>
<tr style="height: 40px;">
<td style="width: 100%; height: 50px; background: #5aa68c;">
<style type="text/css">
body {
background: #333;
}
.box {
position: relative;
overflow: hidden;
height: 50px;
width: 560px;
background: url('http://forumupload.ru/uploads/0018/28/7e/883/153505.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: #a3d6e0; 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;">K</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=11#p22">О магии и душах</a>. <br />► <a href="http://ainhoa.anihub.me/viewtopic.php?id=3560#p597097">сюжетный квест</a> продолжается! <br />► завершился <a href="http://ainhoa.anihub.me/viewtopic.php?id=3622#p628528">конкурс коротких рассказов</a>.<br />► мы ищем гейммастера на полную ставку! <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 />★ к нам присоединились 6 игроков<br />★ было написано 310 постов <br />в том числе:<br /> 36 сюжетных<br /> 236+38 личных</span></span></span></span> </span> <br /><center><img src=" http://forumstatic.ru/files/0018/5e/22/13635.gif" alt="" /></center></td>
<td style="width: 1.82482%;"></td>
<td style="width: 39.3084%; height: 500px; background: #3dc6b4;"><center><img src="http://forumupload.ru/uploads/0018/28/7e/883/657908.png" alt="" /></center></td>
</tr>
</tbody>
</table>[/html]
- Подпись автора
