Для меня Москва теперь- крепость

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

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


Вы здесь » Для меня Москва теперь- крепость » Паспортный стол » Единый шаблон анкеты


Единый шаблон анкеты

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

1

Маленькая подсказка для написания анкет в HTML-коде
<br> - переход на новую строку
<hr> - горизонтальная линия
<b>текст</b> - выделение жирным
<i>текст</i> - выделение курсивом
<a href="ссылка">текст</a> - ссылка
Учтите, что предпросмотр html-кода не осуществляется.
Если возникнут вопросы по ходу заполнения, обращайтесь к амс.


Код:
<center><div class="anketa">
<div class="qwenta">

<name> ИМЯ ФАМИЛИЯ НА АНГЛ<br><br><br>
<profes>ПРОФЕССИЯ</profes>
</name>

<div class="anketa img">
<!-- ЗДЕСЬ НИЖЕ ВСТАВЛЯЕМ ССЫЛКУ НА ИЗОБРАЖЕНИЕ ВМЕСТО 260х260 -->
<img src="http://placehold.it/260x260/fafafa">

<div class="contentw">
<div class="contentw img">
<!-- ЗДЕСЬ НИЖЕ ВСТАВЛЯЕМ ССЫЛКУ НА ИЗОБРАЖЕНИЕ ВМЕСТО PLACEHOLD И ТД -->
<img src="http://placehold.it/150x150/fafafa">

<namename>ЗДЕСЬ ПИШЕТЕ ВАШЕ ИМЯ НА РУССКОМ</namename>
<birth>ДД.ММ.ГГ | 00 лет / год(а)</birth>

<ttext>
ВНЕШНОСТЬ: пишем здесь;
<br>
МЕСТО РОЖДЕНИЯ: пишем здесь;
<br>
ОРИЕНТАЦИЯ: пишем здесь;
<br>
СЕМЕЙНОЕ ПОЛОЖЕНИЕ: пишем здесь;
<br>
ПАРА: пишем здесь;</ttext>


<ttext2>
ОБРАЗОВАНИЕ: пишем здесь;
<br>
МЕСТО РАБОТЫ: пишем здесь;
<br>
ДЕЯТЕЛЬНОСТЬ: пишем здесь;
<br>
СВЯЗЬ: пишем здесь;</ttext2>



<ttext3>Здесь текст биографии</ttext3>

</div></div></div></div></div></center>

0

2

шаблон для отношения
Код:
<!--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