Анкета

Код:

<!--HTML-->

<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<link href='http://webfonts.ru/import/pacifico.css'>
<center>
<div class="corion">
<div class="corion2">
<div class="orionhead"><div style="position: relative; top:39px;">NAME LAST NAME</div>
<div style="font-family:open sans condensed; text-transform:uppercase; position:relative; top:40px; font-size:14px; line-height:100%; color:#333;">Имя Фамилия на русском</div>
</div>
<div class="orionhead2"></div>
</div>
<div class="orions">

<div class="orion">
<input type="radio" id="orion-1" name="orion-group-1" checked>
<label for="orion-1">основное</label>
<div class="orionc">


<table cellspacing="0" cellpadding="0">
<tbody><tr><td>

<div style="line-height: 12px; color: #525252;">
<b>НИКНЕЙМ:</b><br>
<b>ДАТА РОЖДЕНИЯ, ВОЗРАСТ:</b><br>
<b>СТАТУС В БРАКЕ:</b><br>
<b>ПРОФЕССИЯ:</b><br>
<b>СВЯЗЬ:</b><br>
<b>ВНЕШНОСТЬ:</b><br>
</div>



</td>
<td valign="top">

<div style="line-height: 12px; color: #222;">
Прозвище<br>
дд.мм. гггг, число лет<br>
статус в браке<br>
профессия<br>
связь<br>
внешность<br>
</div>

</td>
</tr></tbody></table>

<table><tr><td>
<div style="line-height: 12px; color: #222;">
<br><center><b>ХОББИ И ИНТЕРЕСЫ:</b></center>
</div>

<div style="line-height: 12px; color: #222;">
<br> пишем хобби
<br> пишем интересы

</div>

</td>
<td>
<div style="line-height: 12px; color: #222;">
<center><b>СТРАХИ И ЦЕЛИ:</b></center>
</div>

<div style="line-height: 12px; color: #222;">
<br>пишем страхи
<br> пишем цели
</div>


</td></tr></table>


</div>
</div>

<div class="orion">
<input type="radio" id="orion-2" name="orion-group-1">
<label for="orion-2">Характер</label>
<div class="orionc">
<div style="line-height: 13px; color: #222;">
Описываем характер, не менее 5 строк
</div>
</div>
</div>

<div class="orion">
<input type="radio" id="orion-3" name="orion-group-1">
<label for="orion-3">биография</label>
<div class="orionc">
<div style="line-height: 13px; color: #222;">
Био - не менее 10 строк
</div>
</div>
</div>

</div></div>

</center>

<style type="text/css">
.corion {
  width: 500px;
  padding: 15px;
  height: 500px;
  background-color: #dcdcdc;
  border-top: 5px solid #696969;
  border-bottom: 5px solid #696969;
  }

.corion2 {
  width: 500px;
  height: 150px
  }

.orionhead {
  width: 230px;
  font-family: 'Cinzel Decorative';
  font-size: 28px;
  text-transform: lowercase;
  line-height: 100%;
  position: relative;
  float: left;
  height: 150px;
  color: #696969
  }

.orionhead2 {
  width: 240px;
  height: 120px;
margin-right: -240px;
  float: none;
  border: 6px solid #696969;
  background-image: url(гиф_с_вашим_персонажем_240х120)
  }

.orions {
  position: relative;
  width: 500px;
  height: 350px;
  overflow: hidden
  }

.orion {
  float: left
  }

.orion label {
  background: #c0c0c0;
  height: 25px;
  margin-bottom: 5px;
  position: relative;
  display: block;
  line-height: 25px;
  width: 166px;
  text-align: center;
  text-transform: uppercase;
  font-family: open sans condensed;
  font-weight: 300
  }

.orion [type=radio] {
  display: none
  }

.orionc {
  position: absolute;
  top: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 457px;
  height: 275px;
  background: ##dcdcdc;
  padding:20px;
  overflow: auto;
  text-align: justify;
  font-family: arial;
  font-size: 11px;
  line-height: 95%;

  border: 1px solid #696969;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s
  }

.orions [type=radio]:checked ~ label {
  background: #a9a9a9;
  z-index: 2
  }

.orions [type=radio]:checked ~ label ~ .orionc {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 5
  }

.libcred a {
   font-family: orator std;
   font-size: 8px;
   color: #03435e;
   padding-right: 10px;
   padding-top:10px;
   line-height: 8px;
   letter-spacing: 1px
   }
</style>

Код:

[*code]<*!--HTML-->

<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<link href='http://webfonts.ru/import/pacifico.css'>
<center>
<div class="corion">
<div class="corion2">
<div class="orionhead"><div style="position: relative; top:39px;">NAME LAST NAME</div>
<div style="font-family:open sans condensed; text-transform:uppercase; position:relative; top:40px; font-size:14px; line-height:100%; color:#333;">Имя Фамилия на русском</div>
</div>
<div class="orionhead2"></div>
</div>
<div class="orions">

<div class="orion">
<input type="radio" id="orion-1" name="orion-group-1" checked>
<label for="orion-1">основное</label>
<div class="orionc">


<table cellspacing="0" cellpadding="0">
<tbody><tr><td>

<div style="line-height: 12px; color: #525252;">
<b>НИКНЕЙМ:</b><br>
<b>ДАТА РОЖДЕНИЯ, ВОЗРАСТ:</b><br>
<b>СТАТУС В БРАКЕ:</b><br>
<b>ПРОФЕССИЯ:</b><br>
<b>СВЯЗЬ:</b><br>
<b>ВНЕШНОСТЬ:</b><br>
</div>



</td>
<td valign="top">

<div style="line-height: 12px; color: #222;">
Прозвище<br>
дд.мм. гггг, число лет<br>
статус в браке<br>
профессия<br>
связь<br>
внешность<br>
</div>

</td>
</tr></tbody></table>

<table><tr><td>
<div style="line-height: 12px; color: #222;">
<br><center><b>ХОББИ И ИНТЕРЕСЫ:</b></center>
</div>

<div style="line-height: 12px; color: #222;">
<br> пишем хобби
<br> пишем интересы

</div>

</td>
<td>
<div style="line-height: 12px; color: #222;">
<center><b>СТРАХИ И ЦЕЛИ:</b></center>
</div>

<div style="line-height: 12px; color: #222;">
<br>пишем страхи
<br> пишем цели
</div>


</td></tr></table>


</div>
</div>

<div class="orion">
<input type="radio" id="orion-2" name="orion-group-1">
<label for="orion-2">Характер</label>
<div class="orionc">
<div style="line-height: 13px; color: #222;">
Описываем характер, не менее 5 строк
</div>
</div>
</div>

<div class="orion">
<input type="radio" id="orion-3" name="orion-group-1">
<label for="orion-3">биография</label>
<div class="orionc">
<div style="line-height: 13px; color: #222;">
Био - не менее 10 строк
</div>
</div>
</div>

</div></div>

</center>

<style type="text/css">
.corion {
  width: 500px;
  padding: 15px;
  height: 500px;
  background-color: #dcdcdc;
  border-top: 5px solid #696969;
  border-bottom: 5px solid #696969;
  }

.corion2 {
  width: 500px;
  height: 150px
  }

.orionhead {
  width: 230px;
  font-family: 'Cinzel Decorative';
  font-size: 28px;
  text-transform: lowercase;
  line-height: 100%;
  position: relative;
  float: left;
  height: 150px;
  color: #696969
  }

.orionhead2 {
  width: 240px;
  height: 120px;
margin-right: -240px;
  float: none;
  border: 6px solid #696969;
  background-image: url(гиф_с_вашим_персонажем_240х120)
  }

.orions {
  position: relative;
  width: 500px;
  height: 350px;
  overflow: hidden
  }

.orion {
  float: left
  }

.orion label {
  background: #c0c0c0;
  height: 25px;
  margin-bottom: 5px;
  position: relative;
  display: block;
  line-height: 25px;
  width: 166px;
  text-align: center;
  text-transform: uppercase;
  font-family: open sans condensed;
  font-weight: 300
  }

.orion [type=radio] {
  display: none
  }

.orionc {
  position: absolute;
  top: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 457px;
  height: 275px;
  background: ##dcdcdc;
  padding:20px;
  overflow: auto;
  text-align: justify;
  font-family: arial;
  font-size: 11px;
  line-height: 95%;

  border: 1px solid #696969;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s
  }

.orions [type=radio]:checked ~ label {
  background: #a9a9a9;
  z-index: 2
  }

.orions [type=radio]:checked ~ label ~ .orionc {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 5
  }

.libcred a {
   font-family: orator std;
   font-size: 8px;
   color: #03435e;
   padding-right: 10px;
   padding-top:10px;
   line-height: 8px;
   letter-spacing: 1px
   }
</style>[*/code]

name last name / имя на русском
*внешность на англ	Возраст, дата рождения: ответ Место рождения: ответ Родственники: ответ. Род занятий: ответ

Персонаж
Биография, характер и описание внешности по желанию. Минимум 10 строк или 10 пунктов

Игрок
связь: ответ.	Ваше имя: Как лучше к вам обращаться?

Код:

[table layout=fixed width=100%] 
[tr valign=top][td bgcolor=#A9A9A9 colspan=2][align=center] 
[color=#000000][size=20][i][font=Verdana]name last name / имя на русском[/font][/i][/size][/color] 
[/align] [/td][/tr]
[tr][td width=50% bgcolor=#DCDCDC] [align=center] 
[img]https://via.placeholder.com/245x135/eef7f8/8c9091[/img]
*внешность на англ
[/align] [/td]
[td width=50% bgcolor=#DCDCDC] [b]Возраст, дата рождения: [/b]ответ
[b]Место рождения: [/b]ответ
[b]Родственники: [/b]ответ.
[b]Род занятий: [/b]ответ
[/td] 
[/tr][/table]
[table layout=fixed width=100%] 
[tr valign=top][td bgcolor=#A9A9A9 colspan=2][align=center][size=16][font=Verdana][color=#3f4546]Персонаж[/color][/font][/size][/align][/td] 
[/tr] 
[tr valign=top][td colspan=2 bgcolor=#DCDCDC]
[align=justify]Биография, характер и описание внешности по желанию. Минимум 10 строк или 10 пунктов[/align] 
[/td][/tr][/table] 

[table layout=fixed width=100%] 
[tr valign=top][td bgcolor=#A9A9A9 colspan=2][align=center][size=16][font=Verdana][color=#3f4546]Игрок[/color][/font][/size][/align][/td][/tr] 
[tr valign=top] 
[td width=50% bgcolor=#DCDCDC] 
[align=center][b]связь:[/b] ответ.
[/align] 
[/td] 
[td width=50% bgcolor=#DCDCDC][align=center][b]Ваше имя:[/b] Как лучше к вам обращаться?[/align][/td] 
[/tr] 
[tr][td width=100% bgcolor=#A9A9A9 colspan=2][/td][/tr] 
[/table]

бб вариант

Toronto Life: Love and Work

Меню навигации

Пользовательские ссылки

Информация о пользователе

Анкета

Сообщений 1 страница 2 из 2

Поделиться12021-10-04 23:55:46

Поделиться22021-10-11 00:26:53