Код:
[html] <center><div class="grafika"><div class="razmer" style="height: 300px;"> <div class="zagolovok">вы на границе, предъявите паспорт!</div> <div class="osnova"> Анкета - лицо вашего персонажа. Мы не ограничиваем вас символами, не заставляем разделять характер и биографию [здесь вы можете писать так, как вам удобнее], однако стоит помнить, что анкета приравнивается к документам, так что, стоит серьезно отнестись к ее написанию. Ваша анкета должна быть продумана, последовательность действий не должна хромать, а обоснуй уж тем более. Администрация оставляет за собой право трех дней, а так же на отказ, в случае «плохой» анкеты. Если у вас возникают трудности и вопросы, то стоит сразу же обратиться к амс, которые всегда вам помогут и подскажут, что, где и как. <br> Название анкеты - name surname, возраст. <br> Удачи и вдохновения! </div> </div></div></center>
Код:
[html] <link href='http://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'> <style type="text/css"> #beaux-container { width:470px; padding: 15px; height: 570px; background-image:url(http://placehold.it/500x600); margin:auto; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; overflow:hidden;} .beaux-ship { font-family: Cutive Mono; text-align:right; color:#fff; text-transform: uppercase; font-size: 20px; letter-spacing: 2px; padding: 3px; border-right: 8px solid #fff; line-height: 101%; margin-right: 20px; margin-top: 30px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;} .beaux-shipcont { width:450px; height: 435px; padding: 10px; background-color: rgba(255,255,255,0.8); text-align:justify; margin:auto; margin-top: 520px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; font-family: times new roman; font-size: 13px; line-height: 100%; color:#191919; overflow: auto; } #beaux-container:hover .beaux-ship { margin-top:20px; } #beaux-container:hover .beaux-shipcont { margin-top:25px; } </style><div id="beaux-container"><div class="beaux-ship"> name surname <br><div style="font-size: 13px;"><i> face claim </i></div><div style="font-family: arial narrow; font-size: 10px;"> цитата </div></div> <div class="beaux-shipcont"><table><tr><td><center><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b> имя на рус </b></div></center></td><td><center><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b> дата рождения, (возраст) </b></div></center></td><td><center><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b> место рождения </b></div></center></td></tr><tr><td><center> <img src="http://placehold.it/100x100"> </center></div></td><td><center><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b> профессия </b></div><br><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b> ориентация </b></div><br><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b> команда [заполняет амс] </b></div></center></div></td><td><center> <img src="http://placehold.it/100x100"> </center></div></td></tr></table> ваш текст <br><br><div style="border: solid#bfbfbf 1px;"></div><br> <center><div style="font-family: arial narrow; font-size: 13px;"> <b>связь:</b> связь с вами </div></center></div></div>
код html-анкеты
Код:<link href='http://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'> <style type="text/css"> #beaux-container { width:470px; padding: 15px; height: 570px; background-image:url(http://placehold.it/500x600); margin:auto; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; overflow:hidden;} .beaux-ship { font-family: Cutive Mono; text-align:right; color:#fff; text-transform: uppercase; font-size: 20px; letter-spacing: 2px; padding: 3px; border-right: 8px solid #fff; line-height: 101%; margin-right: 20px; margin-top: 30px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;} .beaux-shipcont { width:450px; height: 435px; padding: 10px; background-color: rgba(255,255,255,0.8); text-align:justify; margin:auto; margin-top: 520px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; font-family: times new roman; font-size: 13px; line-height: 100%; color:#191919; overflow: auto; } #beaux-container:hover .beaux-ship { margin-top:20px; } #beaux-container:hover .beaux-shipcont { margin-top:25px; } </style><div id="beaux-container"><div class="beaux-ship"> name surname <br><div style="font-size: 13px;"><i> face claim </i></div><div style="font-family: arial narrow; font-size: 10px;"> цитата </div></div> <div class="beaux-shipcont"><table><tr><td><center><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b> имя на рус </b></div></center></td><td><center><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b> дата рождения, (возраст) </b></div></center></td><td><center><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b> место рождения </b></div></center></td></tr><tr><td><center> <img src="http://placehold.it/100x100"> </center></div></td><td><center><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b> профессия </b></div><br><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b> ориентация </b></div><br><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b> команда [заполняет амс] </b></div></center></div></td><td><center> <img src="http://placehold.it/100x100"> </center></div></td></tr></table> ваш текст несколько подсказок: <br> - следующая строка <b></b> - жирный <i></i> - наклонный <u></u> - подчеркнутый <s></s> - зачеркнутый <br><br><div style="border: solid#bfbfbf 1px;"></div><br> <center><div style="font-family: arial narrow; font-size: 13px;"> <b>связь:</b> связь с вами </div></center></div></div>