Код:
<!--HTML--><style>
.popup-left-corner {
background: #c0bdec;
border-radius: 5px;
-moz-border-radius: 5px;
position: relative; /* !!! */
padding: 5px;
margin-left: 4px;
width: 350px;
text-align: justify;
box-shadow: 1px 1px 3px 0px black;
font-family: cuprum;
font-size: 14px;
}
.popup-left-corner:before {
content: '';
border: 6px solid transparent;
border-right: 10px solid #c0bdec;
position: absolute;
left: -16px;
top: 50%;
margin-top: -6px;
}
.popup-right-corner {
background: #9dd292;
border-radius: 5px;
-moz-border-radius: 5px;
position: relative;
padding: 5px;
margin-left: 140px;
width: 350px;
text-align: justify;
box-shadow: 0px 1px 3px 1px rgb(74, 104, 67);
font-family: cuprum;
font-size: 14px;
}
.popup-right-corner:after {
content: '';
border: 8px solid transparent;
border-left: 9px solid #9dd292;
position: absolute;
right: -17px;
top: 50%;
margin-top: -8px;
}
</style>
<center>
<div class="bodys">
<div class="naz">
<p><span style="color: #ffffff; font-family: 'Intro'; font-size: 28px; letter-spacing: -1px; line-height: 4px; text-shadow: #575757 0px 1px 0px;">
F.A.Q.
</div></span></p>
<p></p><span style="color: #ffffff; font-family: 'Flow Ext'; font-size: 13px; letter-spacing: 1px; line-height: 4px; text-shadow: #575757 0px 1px 0px;">
пока семь раз мерил - другие отрезали
</span>
<br>
<br>
<div class="text">
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner"> Это чо еще за место? </div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner">Это США, Нью-Хейвен, детка. Тут можно все, и даже больше. Рейтинг NC-21, приколись? Доминируй, властвуй, унижай! Играем эпизодами, переодически заглядываем в квестовую и любим Джеймса Кордена, как родного. </div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner"> В смысле NC-21? То есть можно абсолютно все? </div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner">Ты уж прости, но есть определенный <a href="https://flipcup.rusff.me/viewtopic.php?id=4">свод правил</a> который нужно соблюдать, хотя бы ради приличия. </div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner">А сюжет какой-то имеется?</div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner">Есть кое-что на <a href="https://flipcup.rusff.me/viewtopic.php?id=7">примете</a>, но тебе не обязательно в этом участвовать. </div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner"> Если мне нравится внеха, а такая уже есть у активного игрока?</div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner">Чувак, ну тут ты либо договариваешься с персом, либо берешь другую. </div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner"> А если мне нравится заявка, но внешность или имя не приглянулись? </div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner"> Идем в <a href="https://flipcup.rusff.me/viewtopic.php?id=14">гостевую</a>, зовем заказчика и слезно умоляем уступить.</div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner"> Если уступит? </div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner"> Ну повезло, чо. </div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner"> А если нет?</div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner"><img src="http://s5.uploads.ru/zk38V.jpg"></div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner">Блин, я зарегистрировался, но пароль не пришел.</div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner">Снова идем в <a href="https://flipcup.rusff.me/viewtopic.php?id=14">гостевую</a> и опять слезно (запасаемся платками) просим сменить его.</div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner">Что с кроссполом?</div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner"><img src="http://sa.uploads.ru/D9Ffe.png"></div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner"> Могу ли я взять второго персонажа? </div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner"> Только если у тебя есть 600 сообщений на форуме, из них 20 - игровых. </div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner">Хочу сменить внешность или роль. </div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner"> Если у тебя нет одного игрового поста - валяй. Либо же плати, но плати не малые <a href="https://flipcup.rusff.me/viewtopic.php?id=15">бабки</a>.</div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner">А ограничение на написание постов есть? </div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner"> Ноуп. </div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner">От какого лица можно писать посты?</div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner">От какого хочется. Но обсуди, пожалуйста, это с соигроками. </div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner">Я нашел ошибку на ролевой. </div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner"> Ну так рули в соответствующую <a href="https://flipcup.rusff.me/viewtopic.php?id=18">тему</a>.</div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner">А если хочу предложить какое-то новшество?</div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner"> Беги <a href="https://flipcup.rusff.me/viewtopic.php?id=18">туда же</a>. </div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner">Хочу в свои двадцать владеть корпорацией Apple.</div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner"> Ну ничего себе! А нахера тебе тогда Йель, чувак? Купи себе свой универ. </div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner">Это значит нет?</div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner">Это значит "закатай губу".</div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner">Ну а чо, обязательно вести хронологию и отношения?</div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner"> Да как хочешь. Но если планируешь учавствовать в общем сюжете, то желательно заполнить несколько строк.</div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner">Какой максимальный срок лоу?</div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner"> Сорян, три недели. Но есть исключения из правил, так что иди <a href="https://flipcup.rusff.me/viewtopic.php?id=17">сюда</a>, побазарим. </div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner">А на чо тратить бабло-то?</div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner"> А ты, вообще-то, попадаешь в команду и приручаешь маленького монстра, за которого ты в ответе. А ведь он такой голодный, холодный, грязный и больной. Ему нужна помощь. Кто как не ты? </div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
<table>
<tr>
<td style="width: 11%;"><img src="http://s5.uploads.ru/UjzIb.png" style="width:50px;border-radius: 5px;"></td>
<td><div class="popup-left-corner">Блин, круто. А кто тут главный-то?</div></td>
</tr></table>
<table>
<tr><td>
<div class="popup-right-corner"> А ты ниже почитай, познакомься. Дари цветы дамам, бухло пацанам, и будет тебе счастье. </div></td>
<td style="width: 11%;"><img src="http://s9.uploads.ru/cGtaB.png" style=""></td></tr></table>
</div></div>




















