Код:
<!--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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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>