! ПРАВИЛА ЗАПОЛНЕНИЯ !
1. Размер изображения не обязательно должен быть точного размера, допускается и меньший вариант
2. Перед тем как нажать кнопку отправить, убираем все звездочки и не забываем всю эту скриптограмму загнать в код !
3. Название анкеты - Имя Фамилия | Раса | Город (на латинице)
КАК ВЫГЛЯДИТ
Код:
<!--HTML--><link href="http://fonts.googleapis.com/css?family=Owasld:400,700|Sacramento|Yanone+Kaffeesatz" rel="stylesheet" type="text/css"> <style type="text/css"> .appname { font-family: sacramento; font-size: 40px; text-transform: lowercase; text-shadow: 1px 1px 1px #d28470; position: relative; margin-top: 10px; margin-bottom: 4px; color: #fafafa; line-height: 50%; } .applyr { font-family: arial; text-transform: uppercase; padding: 15px; font-size: 9px; line-height: 100%; color: #000000; text-align: justify; } .playdesc { text-align: center; text-transform: uppercase; letter-spacing: 3px; font-family: oswald; font-size: 8px; color: #000000; } .appplay { text-align: center; text-transform: lowercase; font-family: sacramento; font-size: 14px; line-height: 50%; color: #000000; text-shadow: 1px 1px 3px #000; margin-top: 50px; } .genbox { width: 216px; height: 35px; padding: 1px; float: left; margin-top: 10px; } .genbox2 { margin: 15px 0px; } .geninfo { text-align: center; text-transform: uppercase; font-family: yanone kaffeesatz; font-size: 12px; color: #000000; letter-spacing: 2px; } .apptitle { font-family: yanone kaffeesatz; text-transform: uppercase; letter-spacing: 3px; font-size: 11px; text-align: center; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.44) inset; color: #000000; background-color: #c39657; padding: 2px; margin: 5px 0px; } .swbox { padding: 5px; color: #000000; } .appinfo2 { height: 350px; padding: 0px 8px 0px 0px; overflow: auto; text-align: justify; font-family: arial; font-size: 12px; line-height: 100%; } .appcontent { width: 462px; height: 350px; padding: 10px; overflow: auto; top: 25; left: 0; position: absolute; background-color: #ebb15f; color: #000000; border: 4px double #1a1a1a; } .apptabs { width: 490px; height: 410px; position: relative; background: trasnsparent; clear: both; } .apptab { float: left; padding: 5px; } .apptab label { margin: 0px 25px; font-family: oswald; font-size: 11px; text-align: left; text-transform: uppercase; letter-spacing: 2px; color: #696969; } .apptab [type=radio] { display: none; baseline-tab-shift: true, retrieve; } [type=radio]:checked ~ label ~ .appcontent { z-index: 1; } [type=radio]:checked ~ label { color: #000000; font-weight: bold; z-index: 2;} .appquote { font-family: old standard tt; font-size: 14px; font-style: italic; line-height: 100%; text-align: center; letter-spacing: 0px; color: #000000; } .tcred { text-transform: uppercase; text-align: right; width: 545px; } .tcred a {font-family: calibri; font-size: 8px; letter-spacing: 1px; } .appcontent::-webkit-scrollbar { width: 8px; background-color: #c39657; } .appcontent::-webkit-scrollbar-thumb { background-color: #ccc; } .appcontent::-webkit-scrollbar-track { background-color: #c39657; } </style> <center> <div style="width: 504px; padding: 20px; background-color: #c39657;"> <div class="appname"> Имя и фамилия латиница </div> <img src="http://placehold.it/500x300" style="border: 2px solid #FFF;"> <div class="applyr"> <center>цитата или песня ассоциируемая с персонажем</center> </div><div class="apptabs"> <div class="apptab"> <input type="radio" id="apptab-1" name="apptab-group-1" checked> <label for="apptab-1">Общее</label> <div class="appcontent"><div class="appinfo2"> <table><tr><td><div class="genbox"><div class="geninfo"> Имя Фамилия кир. </div><div class="playdesc">Сокращения</div></div></td> <td><div class="genbox"><div class="geninfo"> возраст </div><div class="playdesc">сексуальная ориентация</div></div></td></tr> <tr><td><div class="genbox"><div class="geninfo"> раса </div><div class="playdesc">артефакт</div></div></td> <td><div class="genbox"><div class="geninfo"> город </div><div class="playdesc">чем занимается, учеба/работа</div></div></td></tr></table> <div class="genbox2"><div class="geninfo"> занятая внешность </div><div class="playdesc">имя фамилия звезды на лат.</div></div> <div class="apptitle">Дополнительно</div><div class="swbox"> Здесь вы можете дополнить все что хотите, описать свои татуировки, шрамы, отличительные особенности и прочие заметки которые вы посчитаете важными о вашем персонаже. Может быть Хобби и увлечения, страсти и желания, неприязни и табу. Все что сможет наполнить персонажа жизнью и отличительными качествами. </div> </div></div> </div> <div class="apptab"> <input type="radio" id="apptab-2" name="apptab-group-1"> <label for="apptab-2">Портрет</label> <div class="appcontent"><div class="appinfo2"> Общее описание характера. Постарайтесь расписать как можно подробнее, указать больше граней психотипа вашего героя. от 10 строк. <table><tr><td width="50%" valign="top"> <div class="apptitle">Сильные стороны</div><div class="swbox"> 5 сильных сторон персонажа </div></td><td><td width="50%" valign="top"> <div class="apptitle">Слабые стороны</div><div class="swbox"> 5 слабых сторон персонажа </div></td></tr></table> </div></div> </div> <div class="apptab"> <input type="radio" id="apptab-3" name="apptab-group-1"> <label for="apptab-3">История</label> <div class="appcontent"><div class="appinfo2"> Постарайтесь как можно подробнее расписать жизнь вашего героя, делайте акцент на более важных моментах его истории, которые имели большее значения. Минимум 15 строк. </div></div> </div> <div class="apptab"> <input type="radio" id="apptab-4" name="apptab-group-1"> <label for="apptab-4">Игрок</label> <div class="appcontent"><div class="appinfo2"> <div class="appplay"> опыт игры </div><div class="playdesc">Знание мира</div> <div class="appplay"> Связь с вами </div><div class="playdesc">Как нас нашли</div> <div class="appplay"> Готовы ли принимать участие в квестах? </div><div class="playdesc">да/нет</div> </div></div></div> </div> </div> </center>
Код:
<*!--HTML--><*link href="http://fonts.googleapis.com/css?family=Owasld:400,700|Sacramento|Yanone+Kaffeesatz" rel="stylesheet" type="text/css"> <style type="text/css"> .appname { font-family: sacramento; font-size: 40px; text-transform: lowercase; text-shadow: 1px 1px 1px #d28470; position: relative; margin-top: 10px; margin-bottom: 4px; color: #fafafa; line-height: 50%; } .applyr { font-family: arial; text-transform: uppercase; padding: 15px; font-size: 9px; line-height: 100%; color: #000000; text-align: justify; } .playdesc { text-align: center; text-transform: uppercase; letter-spacing: 3px; font-family: oswald; font-size: 8px; color: #000000; } .appplay { text-align: center; text-transform: lowercase; font-family: sacramento; font-size: 14px; line-height: 50%; color: #000000; text-shadow: 1px 1px 3px #000; margin-top: 50px; } .genbox { width: 216px; height: 35px; padding: 1px; float: left; margin-top: 10px; } .genbox2 { margin: 15px 0px; } .geninfo { text-align: center; text-transform: uppercase; font-family: yanone kaffeesatz; font-size: 12px; color: #000000; letter-spacing: 2px; } .apptitle { font-family: yanone kaffeesatz; text-transform: uppercase; letter-spacing: 3px; font-size: 11px; text-align: center; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.44) inset; color: #000000; background-color: #c39657; padding: 2px; margin: 5px 0px; } .swbox { padding: 5px; color: #000000; } .appinfo2 { height: 350px; padding: 0px 8px 0px 0px; overflow: auto; text-align: justify; font-family: arial; font-size: 12px; line-height: 100%; } .appcontent { width: 462px; height: 350px; padding: 10px; overflow: auto; top: 25; left: 0; position: absolute; background-color: #ebb15f; color: #000000; border: 4px double #1a1a1a; } .apptabs { width: 490px; height: 410px; position: relative; background: trasnsparent; clear: both; } .apptab { float: left; padding: 5px; } .apptab label { margin: 0px 25px; font-family: oswald; font-size: 11px; text-align: left; text-transform: uppercase; letter-spacing: 2px; color: #696969; } .apptab [type=radio] { display: none; baseline-tab-shift: true, retrieve; } [type=radio]:checked ~ label ~ .appcontent { z-index: 1; } [type=radio]:checked ~ label { color: #000000; font-weight: bold; z-index: 2;} .appquote { font-family: old standard tt; font-size: 14px; font-style: italic; line-height: 100%; text-align: center; letter-spacing: 0px; color: #000000; } .tcred { text-transform: uppercase; text-align: right; width: 545px; } .tcred a {font-family: calibri; font-size: 8px; letter-spacing: 1px; } .appcontent::-webkit-scrollbar { width: 8px; background-color: #c39657; } .appcontent::-webkit-scrollbar-thumb { background-color: #ccc; } .appcontent::-webkit-scrollbar-track { background-color: #c39657; } </style> <center> <div style="width: 504px; padding: 20px; background-color: #c39657;"> <div class="appname"> Имя и фамилия латиница </div> <img src="http://placehold.it/500x300" style="border: 2px solid #FFF;"> <div class="applyr"> <center>цитата или песня ассоциируемая с персонажем</center> </div><div class="apptabs"> <div class="apptab"> <input type="radio" id="apptab-1" name="apptab-group-1" checked> <label for="apptab-1">Общее</label> <div class="appcontent"><div class="appinfo2"> <table><tr><td><div class="genbox"><div class="geninfo"> Имя Фамилия кир. </div><div class="playdesc">Сокращения</div></div></td> <td><div class="genbox"><div class="geninfo"> возраст </div><div class="playdesc">сексуальная ориентация</div></div></td></tr> <tr><td><div class="genbox"><div class="geninfo"> раса </div><div class="playdesc">артефакт</div></div></td> <td><div class="genbox"><div class="geninfo"> город </div><div class="playdesc">чем занимается, учеба/работа</div></div></td></tr></table> <div class="genbox2"><div class="geninfo"> занятая внешность </div><div class="playdesc">имя фамилия звезды на лат.</div></div> <div class="apptitle">Дополнительно</div><div class="swbox"> Здесь вы можете дополнить все что хотите, описать свои татуировки, шрамы, отличительные особенности и прочие заметки которые вы посчитаете важными о вашем персонаже. Может быть Хобби и увлечения, страсти и желания, неприязни и табу. Все что сможет наполнить персонажа жизнью и отличительными качествами. </div> </div></div> </div> <div class="apptab"> <input type="radio" id="apptab-2" name="apptab-group-1"> <label for="apptab-2">Портрет</label> <div class="appcontent"><div class="appinfo2"> Общее описание характера. Постарайтесь расписать как можно подробнее, указать больше граней психотипа вашего героя. от 10 строк. <table><tr><td width="50%" valign="top"> <div class="apptitle">Сильные стороны</div><div class="swbox"> 5 сильных сторон персонажа </div></td><td><td width="50%" valign="top"> <div class="apptitle">Слабые стороны</div><div class="swbox"> 5 слабых сторон персонажа </div></td></tr></table> </div></div> </div> <div class="apptab"> <input type="radio" id="apptab-3" name="apptab-group-1"> <label for="apptab-3">История</label> <div class="appcontent"><div class="appinfo2"> Постарайтесь как можно подробнее расписать жизнь вашего героя, делайте акцент на более важных моментах его истории, которые имели большее значения. Минимум 15 строк. </div></div> </div> <div class="apptab"> <input type="radio" id="apptab-4" name="apptab-group-1"> <label for="apptab-4">Игрок</label> <div class="appcontent"><div class="appinfo2"> <div class="appplay"> опыт игры </div> <div class="playdesc">Знание мира</div> <div class="appplay"> Связь с вами </div><div class="playdesc">ответ</div> <div class="appplay">как нас нашли?</div> <div class="playdesc">ответ</div> <div class="appplay"> Готовы ли принимать участие в квестах? </div><div class="playdesc">да/нет</div> </div></div></div> </div> </div> </center> [spoiler="[align=center]пробный пост[/align]"]с любой ролевой, от лица любого персонажа, главное чтобы пост был ваш[/spoiler]