Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper diam quis consectetur cursus. Sed ullamcorper iaculis hendrerit. In non eros eget mi ultricies efficitur vitae id turpis. Praesent tellus sem, varius id dictum in, cursus sit amet elit. Nam ut mollis orci. Sed sagittis sed enim non luctus. Nam sagittis augue sed malesuada varius. Nam non nibh nec erat sollicitudin maximus vitae et eros. Suspendisse potenti. Vestibulum ut elit in tortor auctor dignissim quis vitae felis. Etiam vel justo ut lorem faucibus mollis eu id ante. Praesent sed pulvinar quam, sit amet sodales massa. Etiam est arcu, suscipit sit amet mattis sed, accumsan in justo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nibh purus, lobortis sed nunc eu, porttitor egestas arcu. Nunc quis pharetra nibh. Vestibulum fringilla nibh vel leo consequat lacinia. Читать дальше

Молодежка - лед тронулся

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

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


Вы здесь » Молодежка - лед тронулся » Регистрация » Единый шаблон анкеты


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

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

1

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

Код:
<!--HTML-->

<center><div class="anketa">
<div class="qwenta">

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

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

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

<family>СЕМЕЙНОЕ ПОЛОЖЕНИЕ</family>
<love>ПАРА</love>
<profess>ВНЕШНОСТЬ</profess>
<birth>ДАТА РОЖДЕНИЯ, ВОЗРАСТ</birth>
<name2>ЗДЕСЬ ПИШЕТЕ ВАШЕ ИМЯ НА РУССКОМ</name2>


<ttext>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec ultricies lorem. In eu nisi et lacus consequat fringilla. Proin facilisis ligula sit amet nisi molestie, sed eleifend felis egestas. Vivamus at sagittis nisl, id eleifend ipsum. Donec nec velit nisl. Donec ultrices dolor sed molestie feugiat. Aliquam id justo dolor. Aliquam pharetra leo eu leo condimentum, sed laoreet dui rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce sagittis, erat congue tincidunt tempor, nibh augue semper lorem, sollicitudin malesuada dolor elit mollis magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec ultricies lorem. In eu nisi et lacus consequat fringilla. Proin facilisis ligula sit amet nisi molestie, sed eleifend felis egestas. Vivamus at sagittis nisl, id eleifend ipsum. Donec nec velit nisl. Donec ultrices dolor sed molestie feugiat. Aliquam id justo dolor. Aliquam pharetra leo eu leo condimentum, sed laoreet dui rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce sagittis, erat congue tincidunt tempor, nibh augue semper lorem, sollicitudin malesuada dolor elit mollis magna.</ttext>


<ttext2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec ultricies lorem. In eu nisi et lacus consequat fringilla. Proin facilisis ligula sit amet nisi molestie, sed eleifend felis egestas. Vivamus at sagittis nisl, id eleifend ipsum. Donec nec velit nisl. Donec ultrices dolor sed molestie feugiat. Aliquam id justo dolor. Aliquam pharetra leo eu leo condimentum, sed laoreet dui rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce sagittis, erat congue tincidunt tempor, nibh augue semper lorem, sollicitudin malesuada dolor elit mollis magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec ultricies lorem. In eu nisi et lacus consequat fringilla. Proin facilisis ligula sit amet nisi molestie, sed eleifend felis egestas. Vivamus at sagittis nisl, id eleifend ipsum. Donec nec velit nisl. Donec ultrices dolor sed molestie feugiat. Aliquam id justo dolor. Aliquam pharetra leo eu leo condimentum, sed laoreet dui rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce sagittis, erat congue tincidunt tempor, nibh augue semper lorem, sollicitudin malesuada dolor elit mollis magna.</ttext2>

</div></div></div></div></div></center>
Код:
[*code]<*!--HTML-->

<center><div class="anketa">
<div class="qwenta">

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

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

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

<family>СЕМЕЙНОЕ ПОЛОЖЕНИЕ</family>
<love>ПАРА</love>
<profess>ВНЕШНОСТЬ</profess>
<birth>ДАТА РОЖДЕНИЯ, ВОЗРАСТ</birth>
<name2>ЗДЕСЬ ПИШЕТЕ ВАШЕ ИМЯ НА РУССКОМ</name2>


<ttext>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec ultricies lorem. In eu nisi et lacus consequat fringilla. Proin facilisis ligula sit amet nisi molestie, sed eleifend felis egestas. Vivamus at sagittis nisl, id eleifend ipsum. Donec nec velit nisl. Donec ultrices dolor sed molestie feugiat. Aliquam id justo dolor. Aliquam pharetra leo eu leo condimentum, sed laoreet dui rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce sagittis, erat congue tincidunt tempor, nibh augue semper lorem, sollicitudin malesuada dolor elit mollis magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec ultricies lorem. In eu nisi et lacus consequat fringilla. Proin facilisis ligula sit amet nisi molestie, sed eleifend felis egestas. Vivamus at sagittis nisl, id eleifend ipsum. Donec nec velit nisl. Donec ultrices dolor sed molestie feugiat. Aliquam id justo dolor. Aliquam pharetra leo eu leo condimentum, sed laoreet dui rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce sagittis, erat congue tincidunt tempor, nibh augue semper lorem, sollicitudin malesuada dolor elit mollis magna.</ttext>


<ttext2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec ultricies lorem. In eu nisi et lacus consequat fringilla. Proin facilisis ligula sit amet nisi molestie, sed eleifend felis egestas. Vivamus at sagittis nisl, id eleifend ipsum. Donec nec velit nisl. Donec ultrices dolor sed molestie feugiat. Aliquam id justo dolor. Aliquam pharetra leo eu leo condimentum, sed laoreet dui rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce sagittis, erat congue tincidunt tempor, nibh augue semper lorem, sollicitudin malesuada dolor elit mollis magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec ultricies lorem. In eu nisi et lacus consequat fringilla. Proin facilisis ligula sit amet nisi molestie, sed eleifend felis egestas. Vivamus at sagittis nisl, id eleifend ipsum. Donec nec velit nisl. Donec ultrices dolor sed molestie feugiat. Aliquam id justo dolor. Aliquam pharetra leo eu leo condimentum, sed laoreet dui rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce sagittis, erat congue tincidunt tempor, nibh augue semper lorem, sollicitudin malesuada dolor elit mollis magna.</ttext2>

</div></div></div></div></div></center>[/code*]

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


Вы здесь » Молодежка - лед тронулся » Регистрация » Единый шаблон анкеты


Рейтинг форумов | Создать форум бесплатно