Код:
<!--HTML-->
<style type="text/css">
.instab { width: 280px; height: 280px; position: relative; overflow: hidden; }
.instab .insta { position: absolute; bottom: -280px; background-color: rgba(250,250,250,0.7); width: 260px; height: 260px; font-family: 'Marvel', sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 2px; text-align: justify; overflow: hidden; line-height: 100%; color: #ffff; padding: 10px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.instab:hover .insta { bottom: 0px; }
</style>
<link href='http://mzxw45dt.m5xw6z3mmvqxa2ltfzrw63i.cmle.ru/css?family=Marvel' rel='stylesheet' type='text/css'>
<center><div style="width: 260px; background-color: #152d48; color: #fff; padding: 20px; font-family: 'Marvel', sans-serif; font-size: 20px; text-align: left; line-height: 100%; text-transform: uppercase; border-bottom: 3px double #432223;"><div style="float: left; margin-right: 20px;"></div> название </div><div style="width: 280px; padding: 10px; background-color: #fafafa;"><div class="instab"><div style="background-image: url(http://obwgcy3fnbxwyzbonf2a.cmle.ru/280); width: 280px; height: 280px;"><div class="insta">
<center><b>участники:</b> текст</center><br>
<center><b>время:</b> текст</center><br>
<center><b>место:</b> текст</center><br>
ТЕКСТ ЭПИЗОДА
</div></div></div></div></center>Код:
[*code]<*!--HTML-->
<style type="text/css">
.instab { width: 280px; height: 280px; position: relative; overflow: hidden; }
.instab .insta { position: absolute; bottom: -280px; background-color: rgba(250,250,250,0.7); width: 260px; height: 260px; font-family: 'Marvel', sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 2px; text-align: justify; overflow: hidden; line-height: 100%; color: #ffff; padding: 10px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.instab:hover .insta { bottom: 0px; }
</style>
<link href='http://mzxw45dt.m5xw6z3mmvqxa2ltfzrw63i.cmle.ru/css?family=Marvel' rel='stylesheet' type='text/css'>
<center><div style="width: 260px; background-color: #152d48; color: #fff; padding: 20px; font-family: 'Marvel', sans-serif; font-size: 20px; text-align: left; line-height: 100%; text-transform: uppercase; border-bottom: 3px double #432223;"><div style="float: left; margin-right: 20px;"></div> название </div><div style="width: 280px; padding: 10px; background-color: #fafafa;"><div class="instab"><div style="background-image: url(http://obwgcy3fnbxwyzbonf2a.cmle.ru/280); width: 280px; height: 280px;"><div class="insta">
<center><b>участники:</b> текст</center><br>
<center><b>время:</b> текст</center><br>
<center><b>место:</b> текст</center><br>
ТЕКСТ ЭПИЗОДА
</div></div></div></div></center>[*/code]
