Для реактивных игроков мы решили сразу выложить шаблон анкеты, дабы вы имели представление о неизбежном - о регистрации. Цвета анкеты уже подстроены под дизайн форума, поэтому не стоит обращать внимания на не состыковку стилей.
Код:
<!--HTML--><br><center><div style="font-family: lobster; font-size: 35px; color: #3d4433; margin-left: 163px; line-height: 70%;">ФИО на русском, возраст y.o.</div> <div style="width: 220px; height: 8px; background: #70845e; border-left: 80px solid #418275; border-right: 150px solid #844e41;"></div></center> <br><br><br><br> <style type="text/css"> #codeimage { height: 150px; width: 150px; background-image: url('http://placehold.it/150x150'); border: 5px solid #eeeeee; } #shortfacts { width: 150px; height: 350px; background: #f8f8f8; border: 5px solid #eeeeee; border-top: none; text-align: center;} .shortfact { width: 120px; padding: 3px; background: #70845e; font-family: 'cuprum'; font-size: 14px; color: #ffffff; text-transform: uppercase; margin: auto;} .shortfacta { width: 120px; padding: 3px; background: #70845e; font-family: 'cuprum'; font-size: 9px; color: #ffffff; text-transform: uppercase; letter-spacing: 2px; margin: auto;} .shortfacta a { color: #ffffff; font-weight: normal; text-shadow: none; text-decoration: none; } #application { height: 495px; width: 450px; background: #f8f8f8; border: 5px solid #eeeeee; border-left: none; padding: 5px; text-align: center; padding-left: -500px; padding-top: 5px; padding-bottom: 5px; } .songtitle { height: 25px; width: 450px; text-align: center; background: #418275; font-family: 'cuprum'; font-size: 9px; color: #ffffff; text-transform: uppercase; letter-spacing: 3px; margin: auto; line-height: 3.4em; } #apptext { height: 435px; width: 420px; overflow: auto; padding: 5px; background: #fafafa; margin: auto; font-family: 'cuprum'; font-size: 13px; text-align: justify; color: #5f5f5f; line-height: 1.2em; } #titeltop { height: 40px; width: 515px; text-align: center; background: #844e41; font-family: 'cuprum'; font-size: 12px; color: #ffffff; text-transform: uppercase; letter-spacing: 4px; margin: auto; line-height: 3.4em; }</style> <center> <div id="titeltop">Ты можешь попробовать узнать меня лучше</div> <table cellspacing="500" cellpadding="300"> <tr> <td style="width: 150px;"> <div id="codeimage"></div> <div id="shortfacts"><br /><div class="shortfact">...</div><div class="shortfacta">прозвища</div> <br /><div class="shortfact">...</div><div class="shortfacta">возраст</div> <br /><div class="shortfact">...</div><div class="shortfacta">место рождения</div> <br /><div class="shortfact">...</div><div class="shortfacta">ориентация</div> <br /><div class="shortfact">...</div><div class="shortfacta">профессия</div> <br /><div class="shortfact">...</div><div class="shortfacta">место работы</div> </div></td> <td style="width: 450px;"> <div id="application"> <div class="songtitle"> общее описание </div> <div id="apptext"> ваш текст </div> <div class="songtitle">❤</div> </div> </td> </tr> </table> <div id="titeltop">Пробный пост и связь</div> </center>
→ пробный пост
→ связь (можно скрытым текстом)