Код:
<!--HTML-->
<center><div class="askfm"><div class="aftop">
<img src="http://funkyimg.com/i/24e6Z.gif" />
<h1>магистр йода <span>@thereisnotry</span></h1><p>
отвечать на вопросы потому что нам нравится больше, чем реальными делами заниматься.
<span class="afout">http://ephemeral.rusff.me/</span>
</p><div class="aft-side"><ans>
<b>6</b> answers
</ans><likes>
<b>0</b> likes
</likes><gifts>
<b>0</b> gifts
</gifts><a href="http://shine.b1.jcink.com/index.php?showuser=55"><follow>+ Follow</follow></a><gifting>Make a gift</gifting></div></div><div class="afmain"><h1>
вопросы, которые нам никто не задаст, но мы уже придумали ответы
</h1><h1 style="border-bottom: 1px solid #e1e1e1; padding-bottom: 10px;">
</h1><p>
<b>я все понимаю, но у вас сюжет какой-то не шибко гпшный и вообще по вам так сразу и не скажешь, что вы не очередной хипстерский реальчик.</b>
вы нам спасибо должны сказать, по оригинальной задумке у нас фишкой форума должны были стать телепузики и дурсль морально готовился в лз сделать полосочки с их лицами, тем самым дифференциируя игроков по факультетам
<small>2 days ago</small>
</p><p>
<b>вы позорите священный мир гп! вы убили мое прекрасное детство! взяли красивую сказку, засунули туда маты, педиков и свое хипстерское раздолбайство, как вы засыпаете вообще?</b>
ну вот дурсль спокойно засыпает под шум дождя и не потому что дурсль живет в сраном петербурге, а потому что фантастический аки животные, о которых писал скамандер, микрофон на телефоне локхарта, звонящего ему перед сном, любую тишину превращает в шум дождя
<small>2 days ago</small>
</p><p>
<b>почему у вас в факе нет обычных вопросов про рейтинг игры и размеры постов и про то, что делать, если пароль не пришел на почту?</b>
потому что мы достаточно долбоебы, чтоб наивно верить в то, что к ноябрю'15 ролевики уже разобрались, что делать с непришедшими паролями и что скрывает за собой рейтинг nc-17
<small>2 days ago</small>
</p><p>
<b>а можно сюжетец в версии для умственно отсталых?</b>
ну короче. <br>
upd: этот вопрос стоял здесь до того, как мы решили, что у нас не будет сюжета, но убирать его и оставлять всего четыре вопроса на весь фак, один из которых о том, почему вопросов так мало, это как-то слишком.
<small>2 days ago</small>
</p><p>
<b>а что у вас фак такой короткий?</b>
потому что перспектива написания фака тяготила нас с того самого дня, как он появился в плане работы еще на тестовике, и короче мы решили, что все вопросы за раз мы не вспомним и будем пополнять эту темку по мере их поступления
<small>2 days ago</small>
</p><p>
<b>а че это за хрень бёрк в анкете постит? а я могу?))000</b>
нет))00 он оч дерзкий прост <br>
(да, так ответить предложил бёрк)<br>
на самом деле да, у нас такая классная система, вы короч можете постить в свои анкеты всякие штучки про персонажей, начиная попытками в драбблы_зарисовки, заканчивая гифонами, видосами, в общем, всем, что можно привязать каким-то образом к персонажу и показать, какие вы смешные и классные и вообще. как на тестовичках некоторые делают, ток у нас такое можно и на чистовике!
<small>2 days ago</small>
</p></div></div></center>
<style type="text/css">/* ASK.FM CODE BY AVEY OF SHINE AND ATF. THIS IS NOT YET UP FOR USE, SO PLEASE DON'T USE IT! layout inspired by ask.fm */
.askfm { width: 450px; max-height: auto; background: white url(http://funkyimg.com/i/247fz.png); padding: 20px 50px; overflow: auto; }
.aftop { width: 450px; height: 110px; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; background: #f3f3f3; position: relative; }
.aftop img { position: absolute; top: 15px; left: 15px; width: 80px; height: 80px;}
.aftop h1 { position: absolute; top: 15px; left: 110px; margin: 0px; font: bold 16px/16px arial; color: black; }
.aftop h1 span { font: 400 12px/12px arial; color: #a1a1a1; }
.aftop p { position: absolute; top: 35px; left: 110px; margin: 0px; width: 220px; font: italic 11px/11px arial; color: #a1a1a1; text-align: justify; }
.aftop .afout { display: block; margin-top: 4px; color: #1c6a8b; }
.aftop .aft-side { position: absolute; top: 15px; right: 15px; width: 90px; }
.aft-side ans, .aft-side likes, .aft-side gifts { position: absolute; width: 40px; top: 0px; left: 0px; font: 9px/9px arial; text-align: center; }
.aft-side likes { left: 40px; width: 30px; }
.aft-side gifts { left: 70px; width: 20px; }
.aft-side b { display: block; text-align: center; font: bold 12px/12px arial; }
.aft-side follow { display: block; position: absolute; top: 30px; width: 90px; height: 25px; background: #65942a; background: -moz-linear-gradient(top, #93db3a 0%, #65942a 100%); background: -webkit-linear-gradient(top, #93db3a 0%, #65942a 100%); background: -o-linear-gradient(top, #93db3a 0%, #65942a 100%); background: -ms-linear-gradient(top, #93db3a 0%, #65942a 100%); background: linear-gradient(to bottom, #93db3a 0%, #65942a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93db3a', endColorstr='#65942a',GradientType=0 ); font: 12px/25px arial; color: white; border: 1px solid #50781d; border-radius: 5px; }
.aft-side gifting { display: block; width: 90px; position: absolute; top: 65px; text-align: center; color: #1c6a8b; font: 11px/15px arial; }
.aft-side gifting:before { content: url(http://i.imgur.com/i5h62Fn.png); margin-right: 5px; }
.afmain { background: white; paddinG: 20px; width: 410px; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; }
.afmain h1 { margin: 0px; font: bold 16px/16px arial; text-align: left; }
.afmain p { width: 410px; border-bottom: 1px solid #e1e1e1; padding-bottom: 10px; text-align: left; font: 12px/13px arial;}
.afmain p b { display: block; margin-bottom: 5px; }
.afmain p small { display: block; font: 9px/9px arial; margin-top: 8px;}</style>
