название анкеты оформляется по шаблону фамилия имя, возраст латиницей. Оформление текста анкеты свободное.
ДЛЯ ЛЮБИТЕЛЕЙ ПОКРАСИВЕЕ ДА ПОНАВОРОЧАСТЕЕ
для разделения абзацев используйте <br>
[html]<div class="forma"><div class="fonvn">
<div class="formimg"><div class="citata">цитата или трэк</div></div><div class="formzag"> <b>NAME SURNAME</b></div>
<div class="photoinfa"><center><img src="http://via.placeholder.com/100x100"> <img src="http://via.placeholder.com/100x100"> <img src="http://via.placeholder.com/100x100"></center>
<div class="age"><b>ВОЗРАСТ</b><br>
ОТВЕТ</div>
<div class="birth"><b>МЕСТО РОЖДЕНИЯ</b><br>
ОТВЕТ</div>
<div class="work"><b>ЗАНЯТОСТЬ</b><br>
ОТВЕТ</div></div>
<div class="formatext">
<br>
информация о персонаже;<br>
от 15 развернутых пунктов ~ 30 строк; оформление свободное.<br>информация о персонаже;<br>
</div></div></div>
<style>
.height500 {height: 500px;}
.forma {
display: block;
padding: 0px 0 10px 0;
width: 635px;
background-image: url(https://forumstatic.ru/files/001a/e7/41/51115.jpg);
border: 1px solid #fbfbfb;
border-radius: 10px;}
.fonvn {
width: 680px;
padding: 7px 3px 7px 7px;
margin-left: 13px !important;}
.datash2 {
font-size: 17px;
width: 310px;
height: 13px;
padding: 0px 0px 10px 0px;
margin: 10px 0 7px 0;
font-family: 'Fira Sans Condensed';
font-weight: 700;
color: #777;
text-shadow: 1px 0px 0 #f7c400;
background: #f3f3f3;
border-top: 1px solid #77777757;
border-bottom: 1px solid #77777757;}
.formzag {
display: block;
width: 270px;
background: #f3f3f3;
height: 35px;
border-radius: 10px;
font-family: Arial Narrow;
padding: 10px 0 0 0;
margin-top: 0px !important;
margin-left: 330px !important;
border: 2px solid #fbfbfb;
text-align: center;
font-size: 20px;}
.formimg {
display: block;
width: 327px;
height: 45px;
background: #f3f3f3;
border-radius: 10px;
margin-top: 0px !important;
margin-left: -11px !important;
position: absolute;
border: 2px solid #fbfbfb;
overflow: auto}
.formatext {
width: 600px;
background: #f3f3f3;
overflow: auto;
padding: 5px;
border: 3px solid #fbfbfb;
border-radius: 10px;
margin: 15px 0 -7px -11px !important;}
.citata {
text-align: center;
font: 400 italic 12px/12px Arial;
padding-top: 15px;
padding-bottom: 18px;}
.age {
display: block;
background: #f3f3f3;
border: 2px solid #fff;
padding: 5px;
border-radius: 10px;
text-align: center;
width: 160px;
height: 26px;
vertical-align: middle;
margin-left: -5px !important;
margin-top: 15px !important;
}
.birth{
display: block;
margin-left: 178px !important;
margin-top: -40px !important;
background: #f3f3f3;
border: 2px solid #fff;
border-radius: 10px;
padding: 5px;
text-align: center;
width: 160px;
height: 26px;}
.work {
display: block;
width: 230px;
margin-left: 361px !important;
margin-top: -40px !important;
background: #f3f3f3;
border: 2px solid #fff;
border-radius: 10px;
padding: 5px;
text-align: center;
height: 26px;
overflow: auto;}
.photoinfa {
display: block;
margin-top: 15px;
width: 650px;}
</style>
[/html]
Код:[html]<div class="forma"><div class="fonvn"> <div class="formimg"><div class="citata">цитата или трэк</div></div><div class="formzag"> <b>NAME SURNAME</b></div> <div class="photoinfa"><center><img src="http://via.placeholder.com/100x100"> <img src="http://via.placeholder.com/100x100"> <img src="http://via.placeholder.com/100x100"></center> <div class="age"><b>ВОЗРАСТ</b><br> ОТВЕТ</div> <div class="birth"><b>МЕСТО РОЖДЕНИЯ</b><br> ОТВЕТ</div> <div class="work"><b>ЗАНЯТОСТЬ</b><br> ОТВЕТ</div></div> <div class="formatext height500"> <br> информация о персонаже;<br> от 15 развернутых пунктов ~ 30 строк; оформление свободное.<br>информация о персонаже;<br> </div></div></div> <style> .height500 {height: 500px;} .forma { display: block; padding: 0px 0 10px 0; width: 635px; background-image: url(https://forumstatic.ru/files/001a/e7/41/51115.jpg); border: 1px solid #fbfbfb; border-radius: 10px;} .fonvn { width: 680px; padding: 7px 3px 7px 7px; margin-left: 13px !important;} .datash2 { font-size: 17px; width: 310px; height: 13px; padding: 0px 0px 10px 0px; margin: 10px 0 7px 0; font-family: 'Fira Sans Condensed'; font-weight: 700; color: #777; text-shadow: 1px 0px 0 #f7c400; background: #f3f3f3; border-top: 1px solid #77777757; border-bottom: 1px solid #77777757;} .formzag { display: block; width: 270px; background: #f3f3f3; height: 35px; border-radius: 10px; font-family: Arial Narrow; padding: 10px 0 0 0; margin-top: 0px !important; margin-left: 330px !important; border: 2px solid #fbfbfb; text-align: center; font-size: 20px;} .formimg { display: block; width: 327px; height: 45px; background: #f3f3f3; border-radius: 10px; margin-top: 0px !important; margin-left: -11px !important; position: absolute; border: 2px solid #fbfbfb; overflow: auto} .formatext { width: 600px; background: #f3f3f3; overflow: auto; padding: 5px; border: 3px solid #fbfbfb; border-radius: 10px; margin: 15px 0 -7px -11px !important;} .citata { text-align: center; font: 400 italic 12px/12px Arial; padding-top: 15px; padding-bottom: 18px;} .age { display: block; background: #f3f3f3; border: 2px solid #fff; padding: 5px; border-radius: 10px; text-align: center; width: 160px; height: 26px; vertical-align: middle; margin-left: -5px !important; margin-top: 15px !important; } .birth{ display: block; margin-left: 178px !important; margin-top: -40px !important; background: #f3f3f3; border: 2px solid #fff; border-radius: 10px; padding: 5px; text-align: center; width: 160px; height: 26px;} .work { display: block; width: 230px; margin-left: 361px !important; margin-top: -40px !important; background: #f3f3f3; border: 2px solid #fff; border-radius: 10px; padding: 5px; text-align: center; height: 26px; overflow: auto;} .photoinfa { display: block; margin-top: 15px; width: 650px;} </style>[/html]
ДЛЯ ЛЮБИТЕЛЕЙ КЛАССИКИ
-surname name
имя фамилия
ВОЗРАСТ
МЕСТО РОЖДЕНИЯ
ЗАНЯТОСТЬ
00, дд.мм.гггг
ответ
ответ
....
- цитата или саундтрек
информация о персонаже;
от 15 развернутых пунктов ~ 30 строк; оформление свободное.
Код:[quote][table layout=fixed width=100%] [tr] [td width=40%][align=center][img]http://via.placeholder.com/100x100[/img] [img]http://via.placeholder.com/100x100[/img][/align][/td] [td width=60%][align=center][i][b][size=20][font=System]-surname name[/size][/font][/b][/i] [size=10]имя фамилия[/size][/align] [/td] [/tr] [/table] [table layout=fixed width=100%] [tr] [td][align=center][b]ВОЗРАСТ[/b][/align][/td] [td][align=center][b]МЕСТО РОЖДЕНИЯ[/b][/align][/td] [td][align=center][b]ЗАНЯТОСТЬ[/b][/align][/td] [/tr] [tr] [td][align=center]00, дд.мм.гггг[/align][/td] [td][align=center]ответ[/align][/td] [td][align=center]ответ[/align][/td] [/tr] [/table][/quote] [quote][table layout=fixed width=100%] [tr] [td width=1%]....[/td] [td][align=center][size=14][b]- цитата или саундтрек[/b][/size][/align][/td] [/tr][/table] [align=justify]информация о персонаже; от 15 развернутых пунктов ~ 30 строк; оформление свободное.[/align] [/quote]