Добро пожаловать в город солнца, толерантности, вкусного вина и замечательных людей. Здесь точно нальют, выдадут пледик и расскажут последние сплетни. Располагайтесь, вливайтесь и оставайтесь с нами навсегда.
Рейтинг Ролевых Ресурсов - RPG TOP
Марк приоткрыл один глаз, пытаясь сфокусировать взгляд на ярко-красных цифрах будильника. Затем он подключил второе око, силясь понять, сколько ему осталось спать, но...

San Francisco: bigstink

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » San Francisco: bigstink » Картотека » Шаблон анкеты.


Шаблон анкеты.

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

1

Приветствуем!
Анкета создается в этом же форуме новой темой. Название анкеты остается на твое усмотрение, но в нем обязательно должна присутствовать строчка "по заявке №...", если персонаж приходит по одной из заявок игроков.

html-шаблон анкеты


Код:
<!--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;">Mr. Nobody</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">FAQ</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>
<b>Профессия:</b><br>
</div>



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

<div style="line-height: 12px; color: #222;">
имя<br>
сокращения<br>
занимаемая внешность на латинице<br>
хх.хх.ххххг., возраст хх y.o.<br>
straight, bisexual, homosexual<br>
безумно интересно кто с кем спит<br>
кем работаешь, сколько зарабатываешь<br>
</div>

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


<div style="line-height: 12px; color: #222;">
<br><center><b>Таланты/привычки/страхи/мечты:</b></center>
</div>

<div style="line-height: 12px; color: #222;">
<br> О том, к чему душа лежит
<br> что умеешь и чем себя выдаешь

</div>



</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;">
Характер и биография персонажа. По пунктам, сплошным текстом или отрывками - как душе твоей угодно.
</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;">
Пробный пост. Не забудь, что все коды здесь выглядят немного иначе. Шпаргалка (убрать звездочки):
[*b][*/b] - <*b><*/b>
[*i][*/i] - <*i><*/i>
[*u][*/u] - <*u><*/u>
</div>
</div>
</div>

</div></div>

</center>

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

.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: #a51f17
  }

.orionhead2 {
  width: 240px;
  height: 120px;
margin-right: -240px;
  float: none;
  border: 6px solid #e3e3e3;
  background-image: url(http://s9.uploads.ru/7cxTE.png)
  }

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

.orion {
  float: left
  }

.orion label {
  background: #e3e3e3;
  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 #e3e3e3;
  -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: #97bfd8
  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: #e3e3e3;
   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;">Mr. Nobody</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">FAQ</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>
<b>Профессия:</b><br>
</div>



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

<div style="line-height: 12px; color: #222;">
имя<br>
сокращения<br>
занимаемая внешность на латинице<br>
хх.хх.ххххг., возраст хх y.o.<br>
straight, bisexual, homosexual<br>
безумно интересно кто с кем спит<br>
кем работаешь, сколько зарабатываешь<br>
</div>

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


<div style="line-height: 12px; color: #222;">
<br><center><b>Таланты/привычки/страхи/мечты:</b></center>
</div>

<div style="line-height: 12px; color: #222;">
<br> О том, к чему душа лежит
<br> что умеешь и чем себя выдаешь

</div>



</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;">
Характер и биография персонажа. По пунктам, сплошным текстом или отрывками - как душе твоей угодно.
</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;">
Пробный пост. Не забудь, что все коды здесь выглядят немного иначе. Шпаргалка (убрать звездочки):
[*b][*/b] - <*b><*/b>
[*i][*/i] - <*i><*/i>
[*u][*/u] - <*u><*/u>
</div>
</div>
</div>

</div></div>

</center>

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

.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: #a51f17
  }

.orionhead2 {
  width: 240px;
  height: 120px;
margin-right: -240px;
  float: none;
  border: 6px solid #e3e3e3;
  background-image: url(ссылка на картинку 240х120)
  }

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

.orion {
  float: left
  }

.orion label {
  background: #e3e3e3;
  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 #e3e3e3;
  -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: #97bfd8
  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: #e3e3e3;
   padding-right: 10px;
   padding-top:10px;
   line-height: 8px;
   letter-spacing: 1px
   }
</style>[/code*]

+2

2

bb-шаблон анкеты


Mr. Nobody.

Jared Leto

http://s8.uploads.ru/G3I5V.gif

http://se.uploads.ru/xbcMk.gif

Господин Никто
Ты так много хотел бы сказать о себе....

walking in your shoes

Age & birthday:
32 года, 19 ноября 1982

Sexual orientation:
straight|bisexual|homosexual

Job:
An actor


information about you


Learn more about me

Пробный пост:

ваш пробный пост

will be here

Код:
[table layout=fixed width=100%]
[tr]
[td bgcolor=#9b5a3f][align=center][size=24][color=#fae9d5][font=Lobster]Имя и Фамилия на латинице[/font][/color][/size][/align][/td]
[/tr]
[tr]
[td bgcolor=#9b5a3f][align=center][color=#fae9d5]Внешность на латинице[/color][/align][/td]
[/tr][/table]
[table layout=fixed width=100%]
[tr][td bgcolor=#9b5a3f][quote][align=center][img]ссылка на изображение #1[/img][/align][/quote][/td]
[td bgcolor=#9b5a3f][quote][align=center][img]ссылка на изображение #2[/img][/align][/quote][/td][/tr]
[/table]
[align=center][size=16][color=#9b5a3f][font=Lobster]Имя и Фамилия на русском[/font][/color][/size]
[font=Trebuchet Ms][color=#9b5a3f]цитатка[/color][/font][/align]
[table layout=fixed width=100%]
[tr]
[td bgcolor=#9b5a3f][align=center][size=14][font=Lobster][color=#fae9d5]walking in your shoes[/color][/font][/size][/align][/td][/tr]
[/table]
[table layout=fixed width=100%]
[tr]
[td][align=center][b][color=#9b5a3f]Age & birthday:[/color][/b]
дд.мм.гггг г., хх y.o.[/align][/td]
[td][align=center][b][color=#9b5a3f]Sexual orientation:[/color][/b] 
straight|bisexual|homosexual (оставить одно)[/align][/td]
[td][align=center][b][color=#9b5a3f]Job:[/color][/b] 
Профессия[/align][/td]
[/tr]
[/table]
[hr]
общая информация анкеты
био и характер вместе или по пунктам, как душе угодно
[hr]
[table layout=fixed width=100%]
[tr]
[td bgcolor=#9b5a3f][align=center][size=14][font=Lobster][color=#fae9d5]Learn more about me[/color][/font][/size][/align][/td][/tr]
[/table]
[b][color=#9b5a3f]Пробный пост:[/color][/b]
[spoiler="this is how you remind me"]здесь пробный пост[/spoiler]

+1

3

шаблон анкеты упрощенного типа по акции
данный шаблон можно использовать если ты идешь по акции или по заявке. плюсом к шаблону при регистрации по заявке на нужного персонажа будет плашка и стартовый пакет в 300 баксов.

Mr. Nobody

http://s7.uploads.ru/dzl23.gif

Jared Leto

Как тебя зовут?
Господин Никто.

Сколько тебе лет?
по-разному, но в паспорте 32 года

Давно ты  в городе?
родился тут, так и не успел уехать

Кем трудишься?
Актер безумного театра

А помимо этого что умеешь?
могу копать, могу не копать

Родственники есть?
конечно - мама, папа, безумная тетка и кот

Домой поведешь парней или девушек?
и тех, и других в принципе

Код:
[table layout=fixed width=100%][tr][td bgcolor=#bf713f][align=center][size=16][font=Playfair Display][color=white][b]Имя и Фамилия на латинице[/b][/color][/font][/size][/align]
[/td][/tr][tr][td bgcolor=#dbd2c8][/td][/tr][/table]

[table layout=fixed width=100%]
[td width=245px  bgcolor=#f8f8ff][align=center][img]ссылка на изображение[/img][/align][/td]
[/table]
[table layout=fixed width=100%][tr][td bgcolor=#9b5a3f][align=center][font=Playfair Display][size=16][color=white][b][i]Jared Leto[/i][/b][/color][/size][/font][/align]
[/td]
[/tr]
[tr]
[td bgcolor=#f8f8ff]
[align=center][b]Как тебя зовут?[/b]
Имя и Фамилия на русском[/align]

[align=center][b]Сколько тебе лет?[/b]
возраст, дата рождения[/align]

[align=center][b]Давно ты  в городе?[/b]
как попал в Сан-Франциско[/align]

[align=center][b]Кем трудишься?[/b]
профессия[/align]

[align=center][b]А помимо этого что умеешь?[/b]
таланты, привычки, хобби[/align]

[align=center][b]Родственники есть?[/b]
близкие люди, пара[/align]

[align=center][b]Домой поведешь парней или девушек?[/b]
ориентация[/align]

[/td]
[/tr]
[/table]

+1

4

Вариант простого оформления сообщений в анкете:


пояснения к изменению шаблонов

- в каждом варианте выставлен цвет в соответствии с текущей цветовой схемой анкеты - #9b5a3f; его можно заменять на любой иной "web-safe color", проще всего воспользоваться яндексом (выделить цвет, правой кнопкой мыши и нажать "найти на яндекс" - например, так) или через http://www.colorhexa.com/
- #fae9d5 - цвет текста.
- Надпись "Games" также меняется по желанию на что-угодно. Игры, отношения, плашки, аватарки, да хоть рецепты.
- В каждом варианте есть также размер и шрифт текста - 20 и Lobster. Размер менять стоит если надпись состоит из большого количества слов, шрифт лучше варьировать между Lobster и Garamond - они наиболее примечательные.
- Также во втором и третьем варианте предусмотрены картинки. Во втором картинка заключена в цитату, ее можно убрать. В третьем для добавлении цитаты придется либо ставить две картинки в одну цитату, либо ставить табличку на две ячейки.

Games:

Код:
[table layout=fixed width=100%]
[tr]
[td bgcolor=#9b5a3f][align=center][size=20][font=Lobster][color=#fae9d5]Games:[/color][/font][/size][/align][/td][/tr]
[/table]

Games:

http://s3.uploads.ru/sh148.gif

Код:
[table layout=fixed width=100%]
[tr]
[td bgcolor=#9b5a3f][align=center][size=20][font=Lobster][color=#fae9d5]Games:[/color][/font][/size][/align]
[quote][align=center][img]http://s3.uploads.ru/sh148.gif[/img][/align][/quote][/td][/tr]
[/table]

Games:
http://s5.uploads.ru/RDoqP.gif http://sa.uploads.ru/ZrApa.gif

Код:
[table layout=fixed width=100%]
[tr]
[td bgcolor=#9b5a3f][align=center][size=20][font=Lobster][color=#fae9d5]Games:[/color][/font][/size]
[img]http://s5.uploads.ru/RDoqP.gif[/img] [img]http://sa.uploads.ru/ZrApa.gif[/img][/align][/td][/tr]
[/table]

Relationships:

http://s5.uploads.ru/xysDd.gif - Vinny Fuckin` Puh

описание

http://sd.uploads.ru/RMGlh.gifCrazy Piggy

описание

http://sf.uploads.ru/fYHW7.gif - Rasta Bird

описание

http://s0.uploads.ru/z2quK.gif - Puppy

описание

http://s9.uploads.ru/k6BpI.gif - Stich "Navy"

описание

http://s0.uploads.ru/DWxsy.gif - Fatty Ratty

описание

Код:
[table layout=fixed width=100%]
[tr]
[td bgcolor=#9b5a3f][align=center][size=20][font=Lobster][color=#fae9d5]Relationships:[/color][/font][/size][/align][/td][/tr]
[/table]

[table layout=fixed width=100%]
[tr]
[td bgcolor=#fae9d5][align=center][spoiler="[img]ссылка на изображение[/img] - надпись/имя/что-то еще"]описание[/spoiler][/align][/td]
[td bgcolor=#fae9d5][align=center][spoiler="[img]ссылка на изображение[/img] - надпись/имя/что-то еще"]описание[/spoiler][/align][/td]
[/tr]
[tr]
[td bgcolor=#fae9d5][align=center][spoiler="[img]ссылка на изображение[/img] - надпись/имя/что-то еще"]описание[/spoiler][/align][/td]
[td bgcolor=#fae9d5][align=center][spoiler="[img]ссылка на изображение[/img] - надпись/имя/что-то еще"]описание[/spoiler][/align][/td]
[/tr]
[tr]
[td bgcolor=#fae9d5][align=center][spoiler="[img]ссылка на изображение[/img] - надпись/имя/что-то еще"]описание[/spoiler][/align][/td]
[td bgcolor=#fae9d5][align=center][spoiler="[img]ссылка на изображение[/img] - надпись/имя/что-то еще"]описание[/spoiler][/align][/td]
[/tr]
[/table]

+1


Вы здесь » San Francisco: bigstink » Картотека » Шаблон анкеты.