Анкету создаёте в новой теме, а в названии пишите:
Ваше настоящее имя (Астарот, Ваал и т.д.) ♦ Возраст ♦ Фракция
Пример
Иванов Иван ♦ 18 (1200)♦Разрушения
Чтобы Код работал нужно убрать просто несколько звёздочек
<*!--HTML--><*link href='.
И обязательно поставить в тег кода.
Если всё равно не удаётся разобраться с кодом, то вы можете обратить в Помощь с Анкетой.
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'><style type="text/css">
#slider { text-align: center; width:450px; height:450px;}
label, #active, img { -moz-user-select:none;-webkit-user-select:none; }
.catch { display: block; height: 0; overflow: hidden; }
#slider { margin: 0 auto; }
#slider input {display: none;}
#slidercr { font-family: oswald; font-size:10px; text-transform:uppercase; }
#slidercr a {color:#206876;}
#slide1:checked ~ #slides .inner { margin-left:0; }
#slide2:checked ~ #slides .inner { margin-left:-100%; }
#slide3:checked ~ #slides .inner { margin-left:-200%; }
#slide4:checked ~ #slides .inner { margin-left:-300%; }
#slide5:checked ~ #slides .inner { margin-left:-400%; }
#controller {width:450px; height:450px; overflow:hidden; }
#overflow {width: 100%;overflow: hidden;}
article img {width: 450px; height:450px;}
#slides .inner {width: 500%;line-height: 0;}
#slides article { width: 20%;float: left;}
#controls {margin-top: -50%; margin-left:16%; margin-right:0%; margin-bottom:0%; width: 68%;height: 50px;}
#controls label { display: none;width: 50px; height: 50px;opacity: 0.3;}
#active {margin: 27% 0 0;text-align: center;}
#active label {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; width: 10px;
height: 10px; background: #bbb; }
#active label:hover { background: #ccc; border-color: #0e0e0e!important; }
#controls label:hover { opacity: 0.8; }
#slide1:checked ~ #controls label:nth-child(2),
#slide2:checked ~ #controls label:nth-child(3),
#slide3:checked ~ #controls label:nth-child(4),
#slide4:checked ~ #controls label:nth-child(5),
#slide5:checked ~ #controls label:nth-child(1) { background: url('http://csscience.com/responsiveslidercss3/next.png') no-repeat; float: right; margin: 0 -70px 0 0; display: block;}
#slide1:checked ~ #controls label:nth-child(5),
#slide2:checked ~ #controls label:nth-child(1),
#slide3:checked ~ #controls label:nth-child(2),
#slide4:checked ~ #controls label:nth-child(3),
#slide5:checked ~ #controls label:nth-child(4) { background: url('http://csscience.com/responsiveslidercss3/prev.png') no-repeat; float: left; margin: 0 0 0 -70px; display: block; }
#slide1:checked ~ #active label:nth-child(1),
#slide2:checked ~ #active label:nth-child(2),
#slide3:checked ~ #active label:nth-child(3),
#slide4:checked ~ #active label:nth-child(4),
#slide5:checked ~ #active label:nth-child(5) { background: #0e0e0e; border-color: #0e0e0e !important; }
/* Info Box */
.info {line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 30px 30px; opacity: 0; color: #000; align:center; height:450px;}
.firstslide {line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 30px 30px; opacity: 0; color: #000; text-align: justify; height:450px;}
.fstxt { margin-top:360px 0 0 50px; background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); color:#191919; font-size:38px; font-family:oswald; text-align:center; padding:15px; text-transform:uppercase; letter-spacing:2px;}
.ntxt { margin-top:360px 0 0 50px; background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); color:#191919; font-size:38px; font-family:oswald; text-align:center; padding:15px; text-transform:uppercase; letter-spacing:2px;}
.ctxt { background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); width:350px; padding: 5px 25px 25px 25px; text-align:justify; font-family:georgia; font-size:11px; text-transform:lowercase; line-height:95%; height:315px; overflow:auto;}
#slides { box-shadow: 1px 1px 4px #666;}
.ctxt b { font-weight:bold; color:#565070; text-transform:uppercase; font-family:oswald;}
#slides .inner {-webkit-transform: translateZ(0);-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); }
#slider { -webkit-transform: translateZ(0);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
#controls label{ -webkit-transform: translateZ(0); -webkit-transition: opacity 0.2s ease-out;-moz-transition: opacity 0.2s ease-out;-o-transition: opacity 0.2s ease-out;transition: opacity 0.2s ease-out;}
#slide1:checked ~ #slides article:nth-child(1) .firstslide,
#slide2:checked ~ #slides article:nth-child(2) .info,
#slide3:checked ~ #slides article:nth-child(3) .info,
#slide4:checked ~ #slides article:nth-child(4) .info,
#slide5:checked ~ #slides article:nth-child(5) .info { opacity: 1; -webkit-transition: all 1s ease-out 0.6s;-moz-transition: all 1s ease-out 0.6s;-o-transition: all 1s ease-out 0.6s; transition: all 1s ease-out 0.6s;}
.info, #controls, #slides, #active, #active label, .info h3, .desktop, .tablet, .mobile { -webkit-transform: translateZ(0); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }</style>
<div class="controller"><article id=slider>
<input checked type=radio name=slider id=slide1 />
<input type=radio name=slider id=slide2 />
<input type=radio name=slider id=slide3 />
<input type=radio name=slider id=slide4 />
<input type=radio name=slider id=slide5 />
<div id=slides>
<div id=overflow>
<div class=inner>
<article><div class=firstslide><div class="fstxt"><center>ИМЯ ФАМИЛИЯ</center></div></div>
<img src=http://sh.uploads.ru/liupF.png></article>
<article><div class=info>
<div class="ntxt">ДАННЫЕ</div>
<div class="ctxt"><b>ВНЕШНОСТЬ:</b> Прототип на латинице<br><br><br>
<b>ИМЯ И ФАМИЛИЯ:</b> На Кириллице : На Латинице (если у вас два имени человеческое и демоническое , то пишите два)<br>
<b>ВОЗРАСТ:</b> Вам не может быть больше 1000 лет, исключения только из акций<br>
<b>ВАШ ВИД:</b> Здесь может быть вид вашей сущности или же раса<br>
<b>СЕМЬЯ:</b> Пишите членов семьи, даже тех, кого нет на играх. Если вы одиночка, так и пишите, что один.<br>
<b>ВАША ФРАКЦИЯ:</b> Их всего четыре : Мира, Жестокости, Похоти и Разрушения.<br>
<b>ВАШ ЧИН:</b>Можно посмотреть в информации какие должности у нас есть, или же предложить свою должность, но обговорив это изначально с администрацией.<br>
<b>СТРАХИ/ФОБИИ:</b> Бесстрашных существ не существует, все мы чего-то боимся<br>
<b>ЧТО ВЫ ЛЮБИТЕ:</b> Минимум пять вещей. Можно даже просто через запятую.<br>
<b>ЧТО ВЫ НЕНАВИДИТЕ:</b> Минимум пять вещей. Можно даже просто через запятую.<br>
<b>ПРИВЫЧКИ:</b>Такие привычки вы могли позаимствовать у людей, а возможно вы даже создатель какой-нибудь вредной привычки<br></div></div>
<img src=http://sh.uploads.ru/liupF.png></article>
<article><div class=info><div class="ntxt">ИНФОРМАЦИЯ</div>
<div class="ctxt">Если вы не расовый демон, то лучше всего начать информацию с вашего внешнего вида, потому что далеко не всегда вы принимаете человеческий облик. Рост, наличие клыков и шипов, возможно шерсти , рогов, копыт, хвоста. Иными словами опишите себя. Дальше можно уже описать некоторые черты характера и биографию.</div></div>
<img src=http://sh.uploads.ru/liupF.png></article>
<article><div class=info><div class="ntxt">СПОСОБНОСТИ</div>
<div class="ctxt">Сначала Вы пишите Способности вашего типа. Не забывая разделять всё по пунктам. ( <*br> убирая звёздочку, ставить обозначение после каждого пункта.<br><br><br>
<div class="ntxt">ЛИЧНАЯ</div>
Можно взять из списка способностей, или же придумать свою. Но предупреждаем, что очень сильную администрация не примет в игру.
</div></div>
<img src=http://sh.uploads.ru/liupF.png></article>
<article><div class=info><div class="ntxt">ОБ ИГРОКЕ</div>
<div class="ctxt"><b>КОНТАКТНАЯ СВЯЗЬ:</b> аськай, скайп, вк<br>
<b>ПОЖЕЛАНИЯ К ИГРЕ:</b>Как вы могли бы уже заметить наш проект берет широкий спектр, и мы бы хотели подобрать вам самый оптимальный вариант. Вы можете обучать, быть контролирующим, возможно вы хотите больше сражений или личных контактов. Напишите нам, чего бы Вам хотелось бы больше всего от игры.<br>
<b>КАК ВЫ НАС НАШЛИ:</b> для статистики<br>
<br>
<center><b>ПРОБНЫЙ ПОСТ</b></center><br>
<center>Можно взять с любой ролевой, мы не будем Вас мучить с обозначениями в анкете, мысли просто в кавычках, Прямая речь с новой строки после "дефиса", но если Вам не трудно можете оформить. Пример ниже, но просто надо будет убрать звёздочки.</center><br>
<br>
<b>ОБОЗНАЧЕНИЯ:</b><br>
<*b>A<*/b> - Прямая речь<br>
<*u>A<*/u> - Чужая речь<br>
<*i>A<*/i> - Мысли<br>
<*br> - Абзац<br>
</div></div>
<img src=http://sh.uploads.ru/liupF.png></article>
</div>
</div>
</div>
<div id=controls>
<label for=slide1></label>
<label for=slide2></label>
<label for=slide3></label>
<label for=slide4></label>
<label for=slide5></label>
</div>
</article></div>Код:
<*!--HTML--><*link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'><style type="text/css">
#slider { text-align: center; width:450px; height:450px;}
label, #active, img { -moz-user-select:none;-webkit-user-select:none; }
.catch { display: block; height: 0; overflow: hidden; }
#slider { margin: 0 auto; }
#slider input {display: none;}
#slidercr { font-family: oswald; font-size:10px; text-transform:uppercase; }
#slidercr a {color:#206876;}
#slide1:checked ~ #slides .inner { margin-left:0; }
#slide2:checked ~ #slides .inner { margin-left:-100%; }
#slide3:checked ~ #slides .inner { margin-left:-200%; }
#slide4:checked ~ #slides .inner { margin-left:-300%; }
#slide5:checked ~ #slides .inner { margin-left:-400%; }
#controller {width:450px; height:450px; overflow:hidden; }
#overflow {width: 100%;overflow: hidden;}
article img {width: 450px; height:450px;}
#slides .inner {width: 500%;line-height: 0;}
#slides article { width: 20%;float: left;}
#controls {margin-top: -50%; margin-left:16%; margin-right:0%; margin-bottom:0%; width: 68%;height: 50px;}
#controls label { display: none;width: 50px; height: 50px;opacity: 0.3;}
#active {margin: 27% 0 0;text-align: center;}
#active label {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; width: 10px;
height: 10px; background: #bbb; }
#active label:hover { background: #ccc; border-color: #0e0e0e!important; }
#controls label:hover { opacity: 0.8; }
#slide1:checked ~ #controls label:nth-child(2),
#slide2:checked ~ #controls label:nth-child(3),
#slide3:checked ~ #controls label:nth-child(4),
#slide4:checked ~ #controls label:nth-child(5),
#slide5:checked ~ #controls label:nth-child(1) { background: url('http://csscience.com/responsiveslidercss3/next.png') no-repeat; float: right; margin: 0 -70px 0 0; display: block;}
#slide1:checked ~ #controls label:nth-child(5),
#slide2:checked ~ #controls label:nth-child(1),
#slide3:checked ~ #controls label:nth-child(2),
#slide4:checked ~ #controls label:nth-child(3),
#slide5:checked ~ #controls label:nth-child(4) { background: url('http://csscience.com/responsiveslidercss3/prev.png') no-repeat; float: left; margin: 0 0 0 -70px; display: block; }
#slide1:checked ~ #active label:nth-child(1),
#slide2:checked ~ #active label:nth-child(2),
#slide3:checked ~ #active label:nth-child(3),
#slide4:checked ~ #active label:nth-child(4),
#slide5:checked ~ #active label:nth-child(5) { background: #0e0e0e; border-color: #0e0e0e !important; }
/* Info Box */
.info {line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 30px 30px; opacity: 0; color: #000; align:center; height:450px;}
.firstslide {line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 30px 30px; opacity: 0; color: #000; text-align: justify; height:450px;}
.fstxt { margin-top:360px 0 0 50px; background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); color:#191919; font-size:38px; font-family:oswald; text-align:center; padding:15px; text-transform:uppercase; letter-spacing:2px;}
.ntxt { margin-top:360px 0 0 50px; background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); color:#191919; font-size:38px; font-family:oswald; text-align:center; padding:15px; text-transform:uppercase; letter-spacing:2px;}
.ctxt { background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); width:350px; padding: 5px 25px 25px 25px; text-align:justify; font-family:georgia; font-size:11px; text-transform:lowercase; line-height:95%; height:315px; overflow:auto;}
#slides { box-shadow: 1px 1px 4px #666;}
.ctxt b { font-weight:bold; color:#565070; text-transform:uppercase; font-family:oswald;}
#slides .inner {-webkit-transform: translateZ(0);-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); }
#slider { -webkit-transform: translateZ(0);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
#controls label{ -webkit-transform: translateZ(0); -webkit-transition: opacity 0.2s ease-out;-moz-transition: opacity 0.2s ease-out;-o-transition: opacity 0.2s ease-out;transition: opacity 0.2s ease-out;}
#slide1:checked ~ #slides article:nth-child(1) .firstslide,
#slide2:checked ~ #slides article:nth-child(2) .info,
#slide3:checked ~ #slides article:nth-child(3) .info,
#slide4:checked ~ #slides article:nth-child(4) .info,
#slide5:checked ~ #slides article:nth-child(5) .info { opacity: 1; -webkit-transition: all 1s ease-out 0.6s;-moz-transition: all 1s ease-out 0.6s;-o-transition: all 1s ease-out 0.6s; transition: all 1s ease-out 0.6s;}
.info, #controls, #slides, #active, #active label, .info h3, .desktop, .tablet, .mobile { -webkit-transform: translateZ(0); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }</style>
<div class="controller"><article id=slider>
<input checked type=radio name=slider id=slide1 />
<input type=radio name=slider id=slide2 />
<input type=radio name=slider id=slide3 />
<input type=radio name=slider id=slide4 />
<input type=radio name=slider id=slide5 />
<div id=slides>
<div id=overflow>
<div class=inner>
<article><div class=firstslide><div class="fstxt"><center>ИМЯ ФАМИЛИЯ</center></div></div>
<img src=ваша картинка 500 на 500></article>
<article><div class=info>
<div class="ntxt">ДАННЫЕ</div>
<div class="ctxt"><b>ВНЕШНОСТЬ:</b> Прототип на латинице<br><br><br>
<b>ИМЯ И ФАМИЛИЯ:</b> На Кириллице : На Латинице (если у вас два имени человеческое и демоническое , то пишите два)<br>
<b>ВОЗРАСТ:</b> Вам не может быть больше 1000 лет, исключения только из акций<br>
<b>ВАШ ВИД:</b> Здесь может быть вид вашей сущности или же раса<br>
<b>СЕМЬЯ:</b> Пишите членов семьи, даже тех, кого нет на играх. Если вы одиночка, так и пишите, что один.<br>
<b>ВАША ФРАКЦИЯ:</b> Их всего четыре : Мира, Жестокости, Похоти и Разрушения.<br>
<b>ВАШ ЧИН:</b>Можно посмотреть в информации какие должности у нас есть, или же предложить свою должность, но обговорив это изначально с администрацией.<br>
<b>СТРАХИ/ФОБИИ:</b> Бесстрашных существ не существует, все мы чего-то боимся<br>
<b>ЧТО ВЫ ЛЮБИТЕ:</b> Минимум пять вещей. Можно даже просто через запятую.<br>
<b>ЧТО ВЫ НЕНАВИДИТЕ:</b> Минимум пять вещей. Можно даже просто через запятую.<br>
<b>ПРИВЫЧКИ:</b>Такие привычки вы могли позаимствовать у людей, а возможно вы даже создатель какой-нибудь вредной привычки<br></div></div>
<img src=ваша картинка 500 на 500></article>
<article><div class=info><div class="ntxt">ИНФОРМАЦИЯ</div>
<div class="ctxt">Если вы не расовый демон, то лучше всего начать информацию с вашего внешнего вида, потому что далеко не всегда вы принимаете человеческий облик. Рост, наличие клыков и шипов, возможно шерсти , рогов, копыт, хвоста. Иными словами опишите себя. Дальше можно уже описать некоторые черты характера и биографию.</div></div>
<img src=ваша картинка 500 на 500></article>
<article><div class=info><div class="ntxt">СПОСОБНОСТИ</div>
<div class="ctxt">Сначала Вы пишите Способности вашего типа. Не забывая разделять всё по пунктам. ( <*br> убирая звёздочку, ставить обозначение после каждого пункта.<br><br><br>
<div class="ntxt">ЛИЧНАЯ</div>
Можно взять из списка способностей, или же придумать свою. Но предупреждаем, что очень сильную администрация не примет в игру.
</div></div>
<img src=ваша картинка 500 на 500></article>
<article><div class=info><div class="ntxt">ОБ ИГРОКЕ</div>
<div class="ctxt"><b>КОНТАКТНАЯ СВЯЗЬ:</b> аськай, скайп, вк<br>
<b>ПОЖЕЛАНИЯ К ИГРЕ:</b>Как вы могли бы уже заметить наш проект берет широкий спектр, и мы бы хотели подобрать вам самый оптимальный вариант. Вы можете обучать, быть контролирующим, возможно вы хотите больше сражений или личных контактов. Напишите нам, чего бы Вам хотелось бы больше всего от игры.<br>
<b>КАК ВЫ НАС НАШЛИ:</b> для статистики<br>
<br>
<center><b>ПРОБНЫЙ ПОСТ</b></center><br>
<center>Можно взять с любой ролевой, мы не будем Вас мучить с обозначениями в анкете, мысли просто в кавычках, Прямая речь с новой строки после "дефиса", но если Вам не трудно можете оформить. Пример ниже, но просто надо будет убрать звёздочки.</center><br>
<br>
<b>ОБОЗНАЧЕНИЯ:</b><br>
<*b>A<*/b> - Прямая речь<br>
<*u>A<*/u> - Чужая речь<br>
<*i>A<*/i> - Мысли<br>
<*br> - Абзац<br>
</div></div>
<img src=ваша картинка 500 на 500></article>
</div>
</div>
</div>
<div id=controls>
<label for=slide1></label>
<label for=slide2></label>
<label for=slide3></label>
<label for=slide4></label>
<label for=slide5></label>
</div>
</article></div>