Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'> <center> <div class="gostev"> <div style="width: 530px; margin-top: 0px;"> <br><br> <div class="gostev2" style="font-size: 25px; margin-bottom: 24px; margin-top: 0px;">Когда попал</div> <div class="gostev3" style="margin-top: -15px; font-size: 9px; ">они сумасшедшие</div> <br><br><br><br> <br> Этот мир не мог долго существовать без выдающихся героев...Они готовы изменить ваше представление о привычном ролевом мире, они готовы внести что-то новое и по настоящему стоящее. Готовы поделиться собой и своими задумками с остальными. Пришёл тот час, когда они открыли свои маски, готовясь помогать<br><br> <iframe width="500" height="281" src="https://www.youtube.com/embed/WP7_5QuDhGg" frameborder="0" allowfullscreen></iframe> </div><br><br><br><br><br><br><br> </div></div> </div></center>
Код:
<!--HTML-->
<table><tbody><tr><td><center>
<div class="hotsauce">
<div class="hots" style="background-image:url(http://sg.uploads.ru/rmcQJ.gif)"><div class="hotsh"><div class="hotsh2">
<center><img src="http://funkyimg.com/i/2ge4j.gif"></center><br>
<center><b>МАЛЬКОЛЬМ</b><br><br></center>
Маленький Гитлер, любитель командовать и раздавать всем задания, сам же уходит лежать в гамаке курить кубинские сигары, пить свой любимый Чивас ригал восемнадцатилетней выдержки.
<br>Сам же мастер на все руки.
<br>Многие утверждают, что не смотря на свои диктаторские замашки душевный человек
</div></div></div>
<div class="hots2">Ш Е Л Д О Н</div>
<div class="hots3">мать его, Купер</div>
</div>
</center></td>
<td><center>
<div class="hotsauce">
<div class="hots" style="background-image:url(http://sh.uploads.ru/GpOk0.gif)"><div class="hotsh"><div class="hotsh2">
<center><img src="http://funkyimg.com/i/2ge4m.gif"></center><br>
<center><b>ЭЙДАН</b><br><br></center>
Болтливый пиздабол, который не прочь не заниматься админкой, а предпочтёт поболтать с вами. Про пиздабола помните? На самом деле тот человек, который за всеми следит и поставит кого нужно на место, очень серьёзно относится к работе. И лучше не выводить из себя. <br>Отличается работоспособностью и ответственностью.
<br>И кажется по-настоящему влюблен в Гавайи
</div></div></div>
<div class="hots2">Л е о н а р д</div>
<div class="hots3">добряк Хофстедтер</div>
</div>
</center></td></tr>
<tr><td><center>
<div class="hotsauce">
<div class="hots" style="background-image:url(http://sh.uploads.ru/zU4xG.gif)"><div class="hotsh"><div class="hotsh2">
<center><img src="http://funkyimg.com/i/2ge46.gif"></center><br>
<center><b>ДИТЕР</b><br><br></center>
Крестный отец, с подходом на серьезных щах.
<br>Промышляет мелкой графикой в особо крупных размерах. Не любит когда к нему обращаются без уважения, способен даже подложить голову коня вам в постельку.
<br>Прогрессирующий алкоголик с комплексом "раньше то было лучше" и повар от бога. С той же скоростью что даст вам по шее, способен приголубить, пожалеть и отстоять в неравной борьбе. Щепетилен во всем, что касается просьб и личных обязательств.
<br> Всегда готов пропустить с вами по кружечке разливного и пенистого, да составить компанию во флуде.
</div></div></div>
<div class="hots2">Р а д ж е ш</div>
<div class="hots3">очаровашка Кутраппали</div>
</div>
</center></td>
<td><center>
<div class="hotsauce">
<div class="hots" style="background-image:url(http://s4.uploads.ru/sMwkz.gif)"><div class="hotsh"><div class="hotsh2">
<center><img src="http://funkyimg.com/i/2ge4n.gif"></center><br>
<center><b>КУРТ</b><br><br></center>
Биг босс, большая шишка или сердцеед. Называй его как хочешь, главное на "Вы" и шепотом.
<br>Все это шуточки, на деле простой парень Курт. Решит все ваши проблемы, ну или почти все. Разрулит любые конфликты, может даже бесплатно напоить вискарем. Любит прекрасных девушек, вкусно кушать, писать постики и общаться во флудике.
<br>Место в сердечке хватит для всех желающих.
</div></div></div>
<div class="hots2">Г о в а р д </div>
<div class="hots3">обольститель Воловиц</div>
</div>
</center></td></tr>
<tr><td><center>
<div class="hotsauce">
<div class="hots" style="background-image:url(http://s7.uploads.ru/EnFCi.gif)"><div class="hotsh"><div class="hotsh2">
<center><img src="http://funkyimg.com/i/2ge4o.gif"></center><br>
<center><b>ВАНДА</b><br><br></center>
Одним словом – идиот.
<br>На первый взгляд забавная, но в душе то еще унылое говнецо. Может лохануться там, где это невозможно. Однако с удовольствием приглядывает за всеми. Не любит скандалов, потому даже нарушение правил попытается решить мирно.
<br>Садиться на шею противопоказанно – можно разбудить халка.
</div></div></div>
<div class="hots2">П Е Н Н И</div>
<div class="hots3">блондинка Блоссом</div>
</div>
</center></td>
<td><center>
<div class="hotsauce">
<div class="hots" style="background-image:url(http://s4.uploads.ru/1xPRv.jpg)"><div class="hotsh"><div class="hotsh2">
Следи за новостями, возможно, в скором времени, нам понадобится новый член семьи
</div></div></div>
<div class="hots2">Может быть ты?</div>
<div class="hots3">Ждем тебя</div>
</div>
</center></td></tr></tbody></table>
<style type="text/css">
.hotsauce {
width: 302px;
padding: 10px;
background-color: #fcfcfc;
border: 1px solid #eee
}
.hots {
width: 300px;
height: 200px;
background-image: url(http://sg.uploads.ru/rmcQJ.gif); /*IMAGE*/
border: 1px solid #eee;
margin-bottom: 10px;
position: relative;
overflow: hidden;
background-size:300px 200px;
-webkit-background-size:300 200px;
}
.hots:hover .hotsh {
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-webkit-transition-duration: 1s;
transition-duration: 1s
}
.hotsh {
width: 240px;
height: 140px;
background-color: #fdfdfd;
position: absolute;
top: 15px;
left: 15px;
padding: 15px;
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
-webkit-transform: scale(2);
transform: scale(2);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-webkit-transition-duration: 1s;
transition-duration: 1s
}
.hotsh2 {
width: 230px;
padding-right: 10px;
margin-left: 5px;
height: 140px;
overflow: auto;
text-align: justify;
font-family: arial;
font-size: 11px;
line-height: 100%;
letter-spacing: 0.4px;
color: #333
}
.hots2 {
width: 300px;
font-family: "raleway";
font-size: 22px;
line-height: 100%;
margin-top:-2px;
color: #333;
text-align: center;
text-transform: uppercase;
font-weight:700;
letter-spacing:-2px;
}
.hots3 {
width: 300px;
font-family: arial;
text-transform: uppercase;
color: #444;
font-size: 9px;
line-height: 100%;
text-align: center;
letter-spacing: -0.4px
}
.libcred a {
font-family: arial;
font-size: 7px;
color: #666;
line-height: 8px;
letter-spacing: 1px;
width:319px;
padding-right:5px;
padding-top:2px;
display:block;
text-align:right;
text-transform:uppercase;
text-decoration:none;
}
</style>Отредактировано лига справедливости (2016-09-05 17:42:26)
