Шаблон анкет

Шаблон анкеты HTML-код
Ниже приведен шаблон анкеты. В коде находятся *. Их три штуки. Не забывайте их убрать!
Название анкеты : фамилия имя, возраст, например: Ivan Ivanov, 13

Код:

<!--HTML--><style type="text/css"> 
@keyframes icecream {
 0%, 100% { border-bottom: 2px solid #cedef7; }
 10%, 90% { border-bottom: 2px solid #B9CCEA; }
 20%, 80% { border-bottom: 2px solid #A4BADD; }
 30%, 70% { border-bottom: 2px solid #8FA9D1; }
 40%, 60% { border-bottom: 2px solid #7A97C4; }
 50% { border-bottom: 2px solid #6586B8; }
}

@-webkit-keyframes icecream {
 0%, 100% { border-bottom: 2px solid #cedef7; }
 10%, 90% { border-bottom: 2px solid #B9CCEA; }
 20%, 80% { border-bottom: 2px solid #A4BADD; }
 30%, 70% { border-bottom: 2px solid #8FA9D1; }
 40%, 60% { border-bottom: 2px solid #7A97C4; }
 50% { border-bottom: 2px solid #6586B8; }
}

@-moz-keyframes icecream {
 0%, 100% { border-bottom: 2px solid #cedef7; }
 10%, 90% { border-bottom: 2px solid #B9CCEA; }
 20%, 80% { border-bottom: 2px solid #A4BADD; }
 30%, 70% { border-bottom: 2px solid #8FA9D1; }
 40%, 60% { border-bottom: 2px solid #7A97C4; }
 50% { border-bottom: 2px solid #6586B8; }
}

@-o-keyframes icecream {
 0%, 100% { border-bottom: 2px solid #cedef7; }
 10%, 90% { border-bottom: 2px solid #B9CCEA; }
 20%, 80% { border-bottom: 2px solid #A4BADD; }
 30%, 70% { border-bottom: 2px solid #8FA9D1; }
 40%, 60% { border-bottom: 2px solid #7A97C4; }
 50% { border-bottom: 2px solid #6586B8; }
}

 .jicecream {
   width: 450px;
   height: auto;
   margin: 10px auto 0px;
   background: #fdfdfd;
   padding: 0px 0px 15px;
   font: normal normal normal 10px/110% Calibri;
   color: #000;
   text-align: justify;
   border: solid 1px #f1f6ff;
 }
 
 .jicecream img { margin-bottom: 12px; border-top: solid 2px #cab6d7; }
 
 .jicecream span {
   width: 125px;
   height: 10px;
   background-color: #fdfdfd;
   display: inline-block;
   margin: 1px;
   padding: 5px;
   text-transform: uppercase;
   text-align: center;
   animation: icecream 12s linear 0s infinite alternate;
   -webkit-animation: icecream 12s linear 0s infinite alternate;
   -moz-animation: icecream 12s linear 0s infinite alternate;
   -o-animation: icecream 12s linear 0s infinite alternate;
 }
 
 .jicecream span:nth-of-type(1) { border-bottom: 2px solid #cedef7; margin-left: 21px; animation-delay: 0s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; } 
 .jicecream span:nth-of-type(2) { border-bottom: 2px solid #B9CCEA; animation-delay: -1s; -webkit-animation-delay: -1s; -moz-animation-delay: -1s; -o-animation-delay: -1s; } 
 .jicecream span:nth-of-type(3) { border-bottom: 2px solid #A4BADD; animation-delay: -2s; -webkit-animation-delay: -2s; -moz-animation-delay: -2s; -o-animation-delay: -2s; } 
 .jicecream span:nth-of-type(4) { border-bottom: 2px solid #8FA9D1; margin-left: 21px; animation-delay: -3s; -webkit-animation-delay: -3s; -moz-animation-delay: -3s; -o-animation-delay: -3s; } 
 .jicecream span:nth-of-type(5) { border-bottom: 2px solid #7A97C4; animation-delay: -4s; -webkit-animation-delay: -4s; -moz-animation-delay: -4s; -o-animation-delay: -4s; } 
 .jicecream span:nth-of-type(6) { border-bottom: 2px solid #6586B8; animation-delay: -5s; -webkit-animation-delay: -5s; -moz-animation-delay: -5s; -o-animation-delay: -5s; } 
 
 .jicecream h1 {
   margin: 3px; 
   display: inline-block; 
   width: 70px;
   height: 70px;
   background-color: #8FA9D1;
   border-radius: 50%;
   font: normal normal 700 10px/70px 'Calibri';
   text-align: center;
   text-transform: uppercase;
   color: #6586B8;
   text-shadow: 1px 1px 0px #fff;
 }
 
 .jicecream h1:nth-of-type(1) { background-color: #ffd9d9; margin-left: 111px; }
 .jicecream h1:nth-of-type(2) { background-color: #FCD5DD; }
 .jicecream h1:nth-of-type(3) { background-color: #FAD1E1; }
 
 .jicecream1 {
   width: 379px;
   height: auto;
   margin: 10px auto;
   background: #fdfdfd url(http://i.imgur.com/7bFuUy2.png);
   padding: 15px;
 }
 
 .jicecream1:nth-of-type(1) { border-top: 6px solid #cedef7; border-bottom: 6px solid #B9CCEA }
 .jicecream1:nth-of-type(2) { border-top: 6px solid #8FA9D1; border-bottom: 6px solid #7A97C4 }
 
</style>

<div class="jicecream">
 
 <img src="http://placehold.it/450x200">
 
 <span>Имя фамилия</span><span>Возраст и дата рождения</span><span>Имя звезды</span><br>
 <span>Занятость</span><span>Семейное положение </span><span>Ориентация</span>
 

 <div class="jicecream1">
   
   Здесь Вы по пунктам расписываете биографию и характер. Пост на нашей ролевой выставлять не нужно. Поэтому вкладывайтесь в эти пункты. Никакого ограничения по размерам нет. Но персонаж должен быть понятен Вам и другим игрокам <p>
<br><hr>
<center> <span>Связь с Вами</span><span>Откуда о наз узнали</span></center>
 

</div>

Код:

[code*]<!--HTML--*><style type="text/css">
@keyframes icecream {
 0%, 100% { border-bottom: 2px solid #cedef7; }
 10%, 90% { border-bottom: 2px solid #B9CCEA; }
 20%, 80% { border-bottom: 2px solid #A4BADD; }
 30%, 70% { border-bottom: 2px solid #8FA9D1; }
 40%, 60% { border-bottom: 2px solid #7A97C4; }
 50% { border-bottom: 2px solid #6586B8; }
}

@-webkit-keyframes icecream {
 0%, 100% { border-bottom: 2px solid #cedef7; }
 10%, 90% { border-bottom: 2px solid #B9CCEA; }
 20%, 80% { border-bottom: 2px solid #A4BADD; }
 30%, 70% { border-bottom: 2px solid #8FA9D1; }
 40%, 60% { border-bottom: 2px solid #7A97C4; }
 50% { border-bottom: 2px solid #6586B8; }
}

@-moz-keyframes icecream {
 0%, 100% { border-bottom: 2px solid #cedef7; }
 10%, 90% { border-bottom: 2px solid #B9CCEA; }
 20%, 80% { border-bottom: 2px solid #A4BADD; }
 30%, 70% { border-bottom: 2px solid #8FA9D1; }
 40%, 60% { border-bottom: 2px solid #7A97C4; }
 50% { border-bottom: 2px solid #6586B8; }
}

@-o-keyframes icecream {
 0%, 100% { border-bottom: 2px solid #cedef7; }
 10%, 90% { border-bottom: 2px solid #B9CCEA; }
 20%, 80% { border-bottom: 2px solid #A4BADD; }
 30%, 70% { border-bottom: 2px solid #8FA9D1; }
 40%, 60% { border-bottom: 2px solid #7A97C4; }
 50% { border-bottom: 2px solid #6586B8; }
}

 .jicecream {
   width: 450px;
   height: auto;
   margin: 10px auto 0px;
   background: #fdfdfd;
   padding: 0px 0px 15px;
   font: normal normal normal 10px/110% Calibri;
   color: #000;
   text-align: justify;
   border: solid 1px #f1f6ff;
 }
 
 .jicecream img { margin-bottom: 12px; border-top: solid 2px #cab6d7; }
 
 .jicecream span {
   width: 125px;
   height: 10px;
   background-color: #fdfdfd;
   display: inline-block;
   margin: 1px;
   padding: 5px;
   text-transform: uppercase;
   text-align: center;
   animation: icecream 12s linear 0s infinite alternate;
   -webkit-animation: icecream 12s linear 0s infinite alternate;
   -moz-animation: icecream 12s linear 0s infinite alternate;
   -o-animation: icecream 12s linear 0s infinite alternate;
 }
 
 .jicecream span:nth-of-type(1) { border-bottom: 2px solid #cedef7; margin-left: 21px; animation-delay: 0s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; } 
 .jicecream span:nth-of-type(2) { border-bottom: 2px solid #B9CCEA; animation-delay: -1s; -webkit-animation-delay: -1s; -moz-animation-delay: -1s; -o-animation-delay: -1s; } 
 .jicecream span:nth-of-type(3) { border-bottom: 2px solid #A4BADD; animation-delay: -2s; -webkit-animation-delay: -2s; -moz-animation-delay: -2s; -o-animation-delay: -2s; } 
 .jicecream span:nth-of-type(4) { border-bottom: 2px solid #8FA9D1; margin-left: 21px; animation-delay: -3s; -webkit-animation-delay: -3s; -moz-animation-delay: -3s; -o-animation-delay: -3s; } 
 .jicecream span:nth-of-type(5) { border-bottom: 2px solid #7A97C4; animation-delay: -4s; -webkit-animation-delay: -4s; -moz-animation-delay: -4s; -o-animation-delay: -4s; } 
 .jicecream span:nth-of-type(6) { border-bottom: 2px solid #6586B8; animation-delay: -5s; -webkit-animation-delay: -5s; -moz-animation-delay: -5s; -o-animation-delay: -5s; } 
 
 .jicecream h1 {
   margin: 3px; 
   display: inline-block; 
   width: 70px;
   height: 70px;
   background-color: #8FA9D1;
   border-radius: 50%;
   font: normal normal 700 10px/70px 'Calibri';
   text-align: center;
   text-transform: uppercase;
   color: #6586B8;
   text-shadow: 1px 1px 0px #fff;
 }
 
 .jicecream h1:nth-of-type(1) { background-color: #ffd9d9; margin-left: 111px; }
 .jicecream h1:nth-of-type(2) { background-color: #FCD5DD; }
 .jicecream h1:nth-of-type(3) { background-color: #FAD1E1; }
 
 .jicecream1 {
   width: 379px;
   height: auto;
   margin: 10px auto;
   background: #fdfdfd url(http://i.imgur.com/7bFuUy2.png);
   padding: 15px;
 }
 
 .jicecream1:nth-of-type(1) { border-top: 6px solid #cedef7; border-bottom: 6px solid #B9CCEA }
 .jicecream1:nth-of-type(2) { border-top: 6px solid #8FA9D1; border-bottom: 6px solid #7A97C4 }
 
</style>

<div class="jicecream">
 
 <img src="СЮДА ВСТАВЛЯЕТЕ КАРТИНКУ(СТАТИКУ ИЛИ ГИФ)">
 
 <span>СЮДА ПИШИТЕ ИМЯ ФАМИЛИЮ</span><span>ВОЗРАСТ<sup>y.o.</sup>И ДАТА РОЖДЕНИЯ</span><span>ВЫБРАННАЯ ВНЕШНОСТЬ АНГЛ.</span><br>
 <span>ЗАНЯТОСТЬ ВАШЕГО ПЕРСОНАЖА</span><span>СЕМЕЙНОЕ ПОЛОЖЕНИЕ ПЕРСОНАЖА</span><span>ОРИЕНТАЦИЯ</span>
 

 <div class="jicecream1">
   
   Здесь Вы по пунктам расписываете биографию и характер. Пост на нашей ролевой выставлять не нужно. Поэтому вкладывайтесь в эти пункты. Никакого ограничения по размерам нет. Но персонаж должен быть понятен Вам и другим игрокам <p>
<br><hr>
<center> <span>СВЯЗЬ С ВАМИ (icq, skype or vk)</span><span>ОТКУДА О НАС УЗНАЛИ ПРОСТО ДЛЯ СТАТИСТИКИ</span></center>
 

</div>[/*code]

Шаблон анкеты ВВ-код
Ниже приведен шаблон анкеты. Если у Вас будут вопросы - обращайтесь к кому-то из амс
Название анкеты : фамилия имя, возраст, например: Ivan Ivanov, 13

►Имя и фамилия	►Возраст^y.o. и дата рождения	►Имя звезды
►Занятость	►Семейное положение	►Ориентация

Здесь Вы по пунктам расписываете биографию и характер. Пост на нашей ролевой выставлять не нужно. Поэтому вкладывайтесь в эти пункты. Никакого ограничения по размерам нет. Но персонаж должен быть понятен Вам и другим игрокам

Связь с Вами

Откуда о нас узнали

Код:

[align=center][img]http://s0.uploads.ru/t/8l1Jq.png[/img][/align]
[hr]
[table layout=fixed width=100%]
[tr]
[td][align=center]►Имя и фамилия[/align][/td]
[td][align=center]►Возраст[sup]y.o.[/sup] и дата рождения[/align][/td]
[td][align=center]►Имя звезды[/align][/td]
[/tr]
[tr]
[td][align=center]►Занятость[/align][/td]
[td][align=center]►Семейное положение[/align][/td]
[td][align=center]►Ориентация[/align][/td]
[/tr]
[/table]
[hr]
[quote]Здесь Вы по пунктам расписываете биографию и характер. Пост на нашей ролевой выставлять не нужно. Поэтому вкладывайтесь в эти пункты. Никакого ограничения по размерам нет. Но персонаж должен быть понятен Вам и другим игрокам[/quote]
[hr]
[table layout=fixed width=100%]
[tr]
[td][align=center]Связь с Вами[/align][/td]
[td][align=center]Откуда о нас узнали[/align][/td]
[/tr]
[/table]
[hr]

Detroit:battlefield

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

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

Объявление

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

Шаблон анкет

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

Поделиться12015-07-20 21:11:02

Поделиться22015-07-20 22:40:30