Код:
<!--HTML--> <div class="sfon"> <div id="tot"> <div class="six"> <div class="text">### vdohnoveniya tebe</div> </div> <div class="lougall1-tabs"> <div class='tab'><input type='radio' id='tab-1' name='tab-group-1' checked><label for="tab-1" style=" background-color: #000; background: url(https://s.tcdn.co/db2/3bd/db23bd5e-d355-3bbc-9f7b-aaa53e736060/192/6.png); width: 120px; height: 120px; background-size: 100%!important; margin-left: 0px; margin-top: -87px;"><div class="hovsur"><div class="hovi"></div></div></label></div> <div class='gos'> Стандартный шаблон анкеты. Создавай тему в разделе, заполняй, не пропуская пункты, и будет всем счастье! У администрации есть 48 часов на проверку твоей анкеты, или она принимается автоматически. <br><br> <center><b>НАЗВАНИЕ ТЕМЫ</b> - ник персонажа (как в профиле)</center> </div> </div></div> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> <link href='https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'> <style type="text/css"> .six { width: 485px; height: 262px; /* padding: 10px; */ /* border: 1px solid #f1f1f1; */ position: absolute; top: 0px; left: 0px; background: #716e76; overflow: auto; font-family: raleway; font-size: 10px; color: #999; text-align: justify; line-height: 100%; } .six .text { width: 385px; padding: 10px; position: absolute; top: 95px; left: 80px; /* line-height: 5px; */ color: #fff; background-color: #c5c1a4; height: 5px; line-height: 7px; font-family: roboto; font-size: 9px; /* font-style: italic; */ letter-spacing: 1px; text-align: right; text-transform: lowercase; } .lougall1-tabs { position: absolute; background: #dededb; top: 130px; left: 0px; width: 485px; height: 125px; clear: both; margin: 0; } .six .textcod { width: 445px; padding: 20px; position: absolute; top: 455px; /* left: 80px; */ color: #555; background-color: #dededb; height: 28px; line-height: 12px; font-family: roboto; font-size: 14px; font-style: italic; letter-spacing: 1px; text-align: center; text-transform: lowercase; } .gos { padding: 0px 30px 0px 30px; } #tot { height: 270px; } .sfon { height: 300px; } </style> </style> <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,700,500italic,700italic,900,900italic' rel='stylesheet' type='text/css'> <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Oswald:400,700" rel="stylesheet">
код
Код:<div id="hope1"> <div id="hopen">Имя Фамилия на англ.</div> <span>Имя Фамилия на русс.</span></div> <div id="hope2"><div class="hp2"> <div class="hptit"> Саймон говорит</div> <div class="minnie"><div class="cinderella"> <div class="mulan"></div> <div class="tiana"> <div class="beauty"><div class="ariel"> Представьте, что вашего близкого или просто знакомого спросили охарактеризовать вам в двух предложениях. Что он скажет? Максимум 200 символов. А 200 символов - это примерно как вся эта фраза.Примерно. </div></div></div> <div class="snow"></div> </div></div> <div id="tablon"><div id="anuncios"> <div class="nun">внешность<span>внешность на англ.</span></div> <div class="nun">возраст<span>возраст | 00.00.0000</span></div> <div class="nun">работа <span>ваш вариант</span></div> <div class="nun">ориентация <span>ваш вариант</span></div> </div> </div> <div class="ariel2"> Коротко о том, что произошла в жизни персонажа за последний год, макс. 150 символов. А 150 символов это примерно как эта фраза. Вдохновения на анкету! </div> </div> <div class="hp1" style="background: url(http://via.placeholder.com/200x300)"> <div class="sh-img2"></div></div> <div class="hp3"> <div class="hptit"> biography</div> <div class="hpbo"> Описание персонажа в свободной форме. </div></div></div> <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">