Добро пожаловать в роскошную Москву.

Московская рулетка

Объявление

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

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


Вы здесь » Московская рулетка » Регистрация » Шаблон анкеты


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

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

1

Тему со своей анкетой называем именем и фамилией вашего персонажа. Если анкета на стадии написания, то в скобках указываем это.

Имя Персонажа на английском
Имя на русском

Меня зовут Имя и мне возраст. Я родилась(лся) в городе. Я работаю в указываем место работы, где занимаю должность указываем должность. Особое место в моей жизни занимает не только работа и друзья, но и указываем свою вторую половинку

--
имя знаменитости на рус.

ВСЁ ЧТО НУЖНО ЗНАТЬ ОБО МНЕ

Здесь вы пишите всю информацию о Вашем персонаже (характер+биография). Можно рассказать о каких-то особенностях, привычках, умениях Вашего персонажа. Возможно писать как сплошным текстом, так и по пунктам, как вам удобнее.

ОБ ИГРОКЕ

СВЯЗЬ С ВАМИ. (вместо слов "связь с Вами" пишем данные)


Код:
[table layout=auto width=100%]
[tr]
[td  colspan=4 bgcolor=#d9d9d9][align=center][b][font=Georgia][size=20]Имя Персонажа на английском[/size][/font][/b]
Имя на русском[/align][/td]
[/tr]
[tr]
[td width=1% bgcolor=#ffffff rowspan=15][/td]

[td bgcolor=#f0f0f0]
[align=justify]Меня зовут [b]Имя[/b] и мне [b]возраст[/b]. Я родилась(лся) в [b]городе[/b]. Я работаю в [b] указываем место работы[/b], где занимаю должность [b]указываем должность[/b]. Особое место в моей жизни занимает не только работа и друзья, но и [b]указываем свою вторую половинку[/b][/align]
[/td]
[td width=200px bgcolor=#f0f0f0][align=center][img]ССЫЛКА_НА_КАРТИНКУ[/img]
[i]имя знаменитости на рус.[/i][/align][/td][td width=2% bgcolor=#ffffff rowspan=17][/td][/tr][/table]
[table layout=auto width=100%]
[tr][td colspan=8 bgcolor=#d9d9d9][align=center][size=16][font=Georgia]ВСЁ ЧТО НУЖНО ЗНАТЬ ОБО МНЕ[/font][/size][/align][/td][/tr]
[tr][td width=1% bgcolor=#ffffff rowspan=15][/td]
[td width=98% bgcolor=#f0f0f0][align=justify]Здесь вы пишите всю информацию о Вашем персонаже (характер+биография). Можно рассказать о каких-то особенностях, привычках, умениях Вашего персонажа. Возможно писать как сплошным текстом, так и по пунктам, как вам удобнее.[/align][/td]
[td width=1% bgcolor=#ffffff rowspan=15][/td][/tr]
[/table]
[table layout=auto width=100%]
[tr][td colspan=8 bgcolor=#d9d9d9][align=center][size=16][font=Georgia]ОБ ИГРОКЕ[/font][/size][/align][/td][/tr]
[tr][td width=1% bgcolor=#ffffff rowspan=15][/td]
[td width=98% bgcolor=#f0f0f0][align=center]СВЯЗЬ С ВАМИ. (вместо слов "связь с Вами" пишем данные)[/align]
[hr]
[/td][td width=1% bgcolor=#ffffff rowspan=15][/td][/tr][/table]

0

2

ШАБЛОНЫ В HTML-КОДЕ

шаблон для отношения
Код:
<!--HTML-->
<center>
<table>
 <tr>
   <td>
     <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
 <div class="alpty">
NAME GAME
 </div>
 <div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
 </div>
</div></div></div>
   </td>
   
   <td>
      <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
 <div class="alpty">
NAME GAME
 </div>
 <div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
 </div>
</div></div></div>
   </td>
   
   <td>
     <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
 <div class="alpty">
NAME GAME
 </div>
 <div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
 </div>
</div></div></div>
   </td>
 </tr>
<tr>
   <td>
     <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
<div class="alpty">
NAME GAME
</div>
<div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
</div>
</div></div></div>
   </td>
   
   <td>
      <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
<div class="alpty">
NAME GAME
</div>
<div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
</div>
</div></div></div>
   </td>
   
   <td>
     <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
<div class="alpty">
NAME GAME
</div>
<div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
</div>
</div></div></div>
   </td>
</tr>
</table>
</center>

<link href='https://fonts.googleapis.com/css?family=Oswald|Poppins' rel='stylesheet' type='text/css'>
<style>
 #alipz {
   width: 190px;
   height: 230px;
   overflow: hidden;
   border: 7px solid #FFFFFF;
   box-shadow: 4px 4px 4px #EBEBEB;
   border-radius: 3px;
   }
 
 .hoveraz {
   width: 190px;
   height: 230px;
   background-color: #FCFCFC;
   position: relative;
   top: 190px;
   -webkit-transition-duration: .5s;
   -moz-transition-duration: .5s;
   -o-transition-duration: .5s;
   transform: rotate(0deg);
   }
   
 #alipz:hover .hoveraz {
   top: 0px;
   transform: rotate(360deg);
   }
   
   .alpty {
     padding: 13px;
     height: 14px;
     color: #FFF;
     text-align: center;
     background-image: url('http://i.imgur.com/eYDxsWO.png');
     font-family: Oswald;
     font-size: 22px;
     line-height: 14px;
     text-transform: uppercase;
   }
   
   .etyf {
font-family: georgia;
 font-size: 9.5px;
     padding: 12px;
     height: 170px;
     margin: 0px auto;
     width: 161px;
     background-color: #FAFAFA;
     overflow: auto;
     color: #222;
     border-left: 5px solid #333;
     text-align: justify;
     line-height: 100%;
   }
   
   .txpf {
   font-family: courier new;
   font-size: 9px;
   text-transform: uppercase;
   color: #222;
   background-color: #FAFAFA;
   padding: 3px;
   }
   
   .twpt {
     font-family: Oswald;
     font-size: 25px;
     text-transform: uppercase;
     color: #FFF;
     background-image: url('http://i.imgur.com/eYDxsWO.png');
     padding: 24px;
     width: 575px;
   }
   
   .etyf b {
     font-size: 12px;
     color: #222;
     text-shadow: 2px 1px #D5D4D4;
   }
   
   .etyf i {
     font-size: 12px;
     color: #222;
     text-shadow: 2px 1px #D5D4D4;
   }
</style>
Код:
[*code]<*!--HTML-->
<center>
<table>
 <tr>
   <td>
     <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
 <div class="alpty">
NAME GAME
 </div>
 <div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
 </div>
</div></div></div>
   </td>
   
   <td>
      <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
 <div class="alpty">
NAME GAME
 </div>
 <div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
 </div>
</div></div></div>
   </td>
   
   <td>
     <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
 <div class="alpty">
NAME GAME
 </div>
 <div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
 </div>
</div></div></div>
   </td>
 </tr>
<tr>
   <td>
     <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
<div class="alpty">
NAME GAME
</div>
<div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
</div>
</div></div></div>
   </td>
   
   <td>
      <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
<div class="alpty">
NAME GAME
</div>
<div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
</div>
</div></div></div>
   </td>
   
   <td>
     <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
<div class="alpty">
NAME GAME
</div>
<div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
</div>
</div></div></div>
   </td>
</tr>
</table>
</center>

<link href='https://fonts.googleapis.com/css?family=Oswald|Poppins' rel='stylesheet' type='text/css'>
<style>
 #alipz {
   width: 190px;
   height: 230px;
   overflow: hidden;
   border: 7px solid #FFFFFF;
   box-shadow: 4px 4px 4px #EBEBEB;
   border-radius: 3px;
   }
 
 .hoveraz {
   width: 190px;
   height: 230px;
   background-color: #FCFCFC;
   position: relative;
   top: 190px;
   -webkit-transition-duration: .5s;
   -moz-transition-duration: .5s;
   -o-transition-duration: .5s;
   transform: rotate(0deg);
   }
   
 #alipz:hover .hoveraz {
   top: 0px;
   transform: rotate(360deg);
   }
   
   .alpty {
     padding: 13px;
     height: 14px;
     color: #FFF;
     text-align: center;
     background-image: url('http://i.imgur.com/eYDxsWO.png');
     font-family: Oswald;
     font-size: 22px;
     line-height: 14px;
     text-transform: uppercase;
   }
   
   .etyf {
font-family: georgia;
 font-size: 9.5px;
     padding: 12px;
     height: 170px;
     margin: 0px auto;
     width: 161px;
     background-color: #FAFAFA;
     overflow: auto;
     color: #222;
     border-left: 5px solid #333;
     text-align: justify;
     line-height: 100%;
   }
   
   .txpf {
   font-family: courier new;
   font-size: 9px;
   text-transform: uppercase;
   color: #222;
   background-color: #FAFAFA;
   padding: 3px;
   }
   
   .twpt {
     font-family: Oswald;
     font-size: 25px;
     text-transform: uppercase;
     color: #FFF;
     background-image: url('http://i.imgur.com/eYDxsWO.png');
     padding: 24px;
     width: 575px;
   }
   
   .etyf b {
     font-size: 12px;
     color: #222;
     text-shadow: 2px 1px #D5D4D4;
   }
   
   .etyf i {
     font-size: 12px;
     color: #222;
     text-shadow: 2px 1px #D5D4D4;
   }
</style>[/code*]

ВНИМАНИЕ!!!!! Чтобы добавить больше отношений, копируете эту часть

Код:
<tr>
   <td>
     <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
 <div class="alpty">
NAME GAME
 </div>
 <div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
 </div>
</div></div></div>
   </td>
   
   <td>
      <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
 <div class="alpty">
NAME GAME
 </div>
 <div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
 </div>
</div></div></div>
   </td>
   
   <td>
     <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
 <div class="alpty">
NAME GAME
 </div>
 <div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
 </div>
</div></div></div>
   </td>
 </tr>
шаблон для хронологии
Код:
<!--HTML-->
<style type="text/css">
.love {
  width: 100px;
  height: 100px;
  padding: 10px;
  position: relative;
}
.love img {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.like {
  width: 100%;
  background: rgba(250,250,250,.8);
  color: #8e8e8e;
  font-family: impact;
  font-size: 12px;
  position: absolute;
  bottom: 15px;
  left: 0px;
  line-height: 12px;
  padding: 5px 0px 5px 0px;
  text-align: center;
  text-transform: uppercase;
  opacity: 0;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
.like:first-letter{color: #86b2e0;}
.love:hover .like {opacity: 1;}
.woah {
  margin: 4px 0px;
  width: 122px;
  padding: 5px 0px 5px 0px;
  text-align: center;
  font-family: impact;
  font-size: 12px;
  line-height: 12px;
  text-transform: lowercase;
  background: url(http://oi61.tinypic.com/bgxr14.jpg);
}
.woah:first-letter {color: #86b2e0;}
.lovelikewoah {
  width: 300px;
  padding: 20px;
  max-height: 500px;
}
.lovelike {
  padding: 5px;
  font-family: arial;
  font-size: 11px;
  line-height: 12px;
  text-align: justify;
}
.likewoah {
  width: 100%;
  font-family: arial;
  font-size: 10px;
  text-align: center;
  line-height: 10px;
  padding: 5px 0px 5px 0px;
  background: #222;
  color: #86b2e0;
}
.justlikewoah {
  width: 100%;
  text-align: right;
  font-family: impact;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 3px solid #86b2e0;
  color: #222;
  text-transform: uppercase;
}
.justlikewoah:first-letter {color: #86b2e0;}</style>

<center>
<div class="lovelikewoah"><div class="lovelike">
<div class="justlikewoah">Машина времени</div>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<div class="justlikewoah">Наши дни</div>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<div class="justlikewoah">Прекрасное Будущее</div>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<div class="justlikewoah">Альтернативные истории</div>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
</div></div></center>
Код:
[*code]<*!--HTML-->
<style type="text/css">
.love {
  width: 100px;
  height: 100px;
  padding: 10px;
  position: relative;
}
.love img {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.like {
  width: 100%;
  background: rgba(250,250,250,.8);
  color: #8e8e8e;
  font-family: impact;
  font-size: 12px;
  position: absolute;
  bottom: 15px;
  left: 0px;
  line-height: 12px;
  padding: 5px 0px 5px 0px;
  text-align: center;
  text-transform: uppercase;
  opacity: 0;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
.like:first-letter{color: #86b2e0;}
.love:hover .like {opacity: 1;}
.woah {
  margin: 4px 0px;
  width: 122px;
  padding: 5px 0px 5px 0px;
  text-align: center;
  font-family: impact;
  font-size: 12px;
  line-height: 12px;
  text-transform: lowercase;
  background: url(http://oi61.tinypic.com/bgxr14.jpg);
}
.woah:first-letter {color: #86b2e0;}
.lovelikewoah {
  width: 300px;
  padding: 20px;
  max-height: 500px;
}
.lovelike {
  padding: 5px;
  font-family: arial;
  font-size: 11px;
  line-height: 12px;
  text-align: justify;
}
.likewoah {
  width: 100%;
  font-family: arial;
  font-size: 10px;
  text-align: center;
  line-height: 10px;
  padding: 5px 0px 5px 0px;
  background: #222;
  color: #86b2e0;
}
.justlikewoah {
  width: 100%;
  text-align: right;
  font-family: impact;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 3px solid #86b2e0;
  color: #222;
  text-transform: uppercase;
}
.justlikewoah:first-letter {color: #86b2e0;}</style>

<center>
<div class="lovelikewoah"><div class="lovelike">
<div class="justlikewoah">Машина времени</div>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<div class="justlikewoah">Наши дни</div>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<div class="justlikewoah">Прекрасное Будущее</div>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<div class="justlikewoah">Альтернативные истории</div>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
</div></div></center>[/code*]

ВНИМАНИЕ!!!!! В нужную часть просто дублируете ссылку 

Код:
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>

0


Вы здесь » Московская рулетка » Регистрация » Шаблон анкеты


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC