Тайная организация.
- Первый возраст - на какой персонаж выглядит, второй - сколько ему есть на самом деле.
- Просим не забывать описывать в биографии демонов два момента: как именно персонаж стал демоном (то есть, из-за чего попал ад) и как отнесся к своему возвращению в мир живых.
- Все изменения обсуждаются с АМС.
- В организации могут состоять еще 2 неканона.
- В эту акцию также входят Какузу, Хошигаке Кисаме и Зетсу, биографию и характер которых Вы можете придумать сами.
[Action] Akatsuki
Страница: 1
Тема закрыта
Сообщений 1 страница 9 из 9
Поделиться12015-10-06 03:52:01
- люцифер
- Зарегистрирован: 2015-10-04
- Приглашений: 0
- Сообщений: 2241
- Уважение: +19
- Провел на форуме:
7 дней 2 часа - Последний визит:
2017-01-29 14:06:33
Поделиться22015-10-06 03:52:21
- люцифер
- Зарегистрирован: 2015-10-04
- Приглашений: 0
- Сообщений: 2241
- Уважение: +19
- Провел на форуме:
7 дней 2 часа - Последний визит:
2017-01-29 14:06:33
Код:
<!--HTML-->
<style type="text/css">
.golliew {
width: 500px;
height: 300px;
margin: 10px;
border: 10px solid #454545;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #4e4e4e;
-moz-box-shadow: 1px 1px 2px #4e4e4e;
box-shadow: 1px 1px 2px #4e4e4e;
background: url(http://sg.uploads.ru/t/mZqMa.png) no-repeat center center;
}
.golliew .gollask,.golliew .gollent {
width: 500px;
height: 250px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.golliew img {
display: block;
position: relative;
}
.golliew-ninth .gollask-1, .golliew-ninth .gollask-2 {
height: 1000px;
width: 500px;
background: rgba(145,170,185,0.3);
-webkit-transition: all 0.3s ease-in-out 0.6s;
-moz-transition: all 0.3s ease-in-out 0.6s;
-o-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s;
}
.golliew-ninth .gollask-1 {
left: auto;
right: 0;
-webkit-transform: rotate(56.5deg) translateX(-400px);
-moz-transform: rotate(56.5deg) translateX(-400px);
-o-transform: rotate(56.5deg) translateX(-400px);
-ms-transform: rotate(56.5deg) translateX(-400px);
transform: rotate(56.5deg) translateX(-400px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.golliew-ninth .gollask-2 {
top: auto;
bottom: 0;
-webkit-transform: rotate(56.5deg) translateX(400px);
-moz-transform: rotate(56.5deg) translateX(400px);
-o-transform: rotate(56.5deg) translateX(400px);
-ms-transform: rotate(56.5deg) translateX(400px);
transform: rotate(56.5deg) translateX(400px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.golliew-ninth .gollent {
background-color: rgba(59,45,44,0.9);
color: #ffffff;
height: 0;
width: 500px;
overflow: hidden;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-moz-transform: rotate(-33.5deg) translate(-112px, 166px);
-o-transform: rotate(-33.5deg) translate(-112px, 166px);
-ms-transform: rotate(-33.5deg) translate(-112px, 166px);
transform: rotate(-33.5deg) translate(-112px, 166px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: all 0.4s ease-in-out 0.3s;
-moz-transition: all 0.4s ease-in-out 0.3s;
-o-transition: all 0.4s ease-in-out 0.3s;
transition: all 0.4s ease-in-out 0.3s;
}
.golliew-ninth a.info {
display: none;
}
.golliew-ninth:hover .gollent {
height: 260px;
width: 400px;
top: 15px;
left: 50px;
-webkit-transform: rotate(0deg) translate(0, 0);
-moz-transform: rotate(0deg) translate(0, 0);
-o-transform: rotate(0deg) translate(0, 0);
-ms-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
}
.golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.golliew-ninth:hover .gollask-1 {
-webkit-transform: rotate(56.5deg) translateX(113px);
-moz-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}
.golliew-ninth:hover .gollask-2 {
-webkit-transform: rotate(56.5deg) translateX(-112px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}
.gollund {
overflow: hidden;
text-align: center;
color: #91aab9;
font-family: Courier New;
font-size: 14px;
text-transform: lowercase;
font-style: italic;
}
.gollund:before, .gollund:after {
background-color: #837372;
gollent: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}
.gollund:before {
right: 0.5em;
margin-left: -50%;
}
.gollund:after {
left: 0.5em;
margin-right: -50%;
}
.three-columns .column {
width: 33%;
float: left;
}
.gollinfo {
height: 150px;
overflow: auto;
padding: 4px;
font-family: Candara, sans-serif;
font-size: 11px;
color: #dddede;
line-height: 12px;
text-align: justify;
}
div.gollinfo::-webkit-scrollbar {
width: 6px;
}
div.gollinfo::-webkit-scrollbar-button {
width: 6px;
height: 4px;
}
div.gollinfo::-webkit-scrollbar-track {
background: transparent;
}
div.gollinfo::-webkit-scrollbar-thumb {
background:#837372;
}
.gollname {
font-family: Courier New;
font-size: 24px;
color: #91aab9;
padding-top: 6px;
}
a.gollc {
font-size: 8px;
text-decoration: none;
color: black;
}
</style>
<center>
<div class="golliew golliew-ninth">
<img src="http://sg.uploads.ru/t/vtgJ3.png" />
<div class="gollask gollask-1"></div>
<div class="gollask gollaskco-2"></div>
<div class="gollent">
<div class="gollname">UCHIHA MADARA</div>
<div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦ </font>Мадара самый древний представитель своего - ныне уничтоженного почти полностью - клана и ровесник Сенджу Хаширамы. Последнего уважает, как давнего соперника, хотя к его брату Тобираме относится с презрением и ненавистью, потому как он убил брата Мадары Изуну.<br><br>
<font color="#837372">♦ </font>В прошлом участвовал во многих сражениях между кланами Конохи, а также с охотниками. Когда все кланы, включая его собственный, установили перемирие, Мадара покинул его, посчитав, что они избрали не тот путь.<br><br>
<font color="#837372">♦ </font>Дальнейшая судьба Мадары неизвестна. О том, что он до сих пор жив, впервые стало известно двенадцать лет назад, когда он тайно спровоцировал своего потомка Итачи на уничтожение всего клана. С того момента он начал свою миссию, первым шагом в которой был призыв сильнейших демонов Преисподней. Из них он создал организацию "Akatsuki", целью которой стал отлов легендарных адских созданий - биджу.<br><br>
<font color="#837372">♦ </font>В настоящее время о существовании Мадары известно только Итачи, Пейну, Конан и Кисаме.<br /><br />
<br /><br />
</div><br />
<div class="three-columns">
<div id="clm1" class="column"><div class="gollund">РАСА</div>
<div class="gollinfo"><center>вампир<br /></div></div>
<div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div>
<div class="gollinfo"><center>31 год | 545 лет<br /></div></div>
<div id="clm3" class="column"><div class="gollund">СТОРОНА</div>
<div class="gollinfo"><center>Акацуки<br /></div></div>
</div>
</div>
</div>
</center>Поделиться32015-10-06 03:52:35
- люцифер
- Зарегистрирован: 2015-10-04
- Приглашений: 0
- Сообщений: 2241
- Уважение: +19
- Провел на форуме:
7 дней 2 часа - Последний визит:
2017-01-29 14:06:33
Код:
<!--HTML-->
<style type="text/css">
.golliew {
width: 500px;
height: 300px;
margin: 10px;
border: 10px solid #454545;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #4e4e4e;
-moz-box-shadow: 1px 1px 2px #4e4e4e;
box-shadow: 1px 1px 2px #4e4e4e;
background: url(http://sg.uploads.ru/t/mZqMa.png) no-repeat center center;
}
.golliew .gollask,.golliew .gollent {
width: 500px;
height: 250px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.golliew img {
display: block;
position: relative;
}
.golliew-ninth .gollask-1, .golliew-ninth .gollask-2 {
height: 1000px;
width: 500px;
background: rgba(145,170,185,0.3);
-webkit-transition: all 0.3s ease-in-out 0.6s;
-moz-transition: all 0.3s ease-in-out 0.6s;
-o-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s;
}
.golliew-ninth .gollask-1 {
left: auto;
right: 0;
-webkit-transform: rotate(56.5deg) translateX(-400px);
-moz-transform: rotate(56.5deg) translateX(-400px);
-o-transform: rotate(56.5deg) translateX(-400px);
-ms-transform: rotate(56.5deg) translateX(-400px);
transform: rotate(56.5deg) translateX(-400px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.golliew-ninth .gollask-2 {
top: auto;
bottom: 0;
-webkit-transform: rotate(56.5deg) translateX(400px);
-moz-transform: rotate(56.5deg) translateX(400px);
-o-transform: rotate(56.5deg) translateX(400px);
-ms-transform: rotate(56.5deg) translateX(400px);
transform: rotate(56.5deg) translateX(400px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.golliew-ninth .gollent {
background-color: rgba(59,45,44,0.9);
color: #ffffff;
height: 0;
width: 500px;
overflow: hidden;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-moz-transform: rotate(-33.5deg) translate(-112px, 166px);
-o-transform: rotate(-33.5deg) translate(-112px, 166px);
-ms-transform: rotate(-33.5deg) translate(-112px, 166px);
transform: rotate(-33.5deg) translate(-112px, 166px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: all 0.4s ease-in-out 0.3s;
-moz-transition: all 0.4s ease-in-out 0.3s;
-o-transition: all 0.4s ease-in-out 0.3s;
transition: all 0.4s ease-in-out 0.3s;
}
.golliew-ninth a.info {
display: none;
}
.golliew-ninth:hover .gollent {
height: 260px;
width: 400px;
top: 15px;
left: 50px;
-webkit-transform: rotate(0deg) translate(0, 0);
-moz-transform: rotate(0deg) translate(0, 0);
-o-transform: rotate(0deg) translate(0, 0);
-ms-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
}
.golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.golliew-ninth:hover .gollask-1 {
-webkit-transform: rotate(56.5deg) translateX(113px);
-moz-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}
.golliew-ninth:hover .gollask-2 {
-webkit-transform: rotate(56.5deg) translateX(-112px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}
.gollund {
overflow: hidden;
text-align: center;
color: #91aab9;
font-family: Courier New;
font-size: 14px;
text-transform: lowercase;
font-style: italic;
}
.gollund:before, .gollund:after {
background-color: #837372;
gollent: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}
.gollund:before {
right: 0.5em;
margin-left: -50%;
}
.gollund:after {
left: 0.5em;
margin-right: -50%;
}
.three-columns .column {
width: 33%;
float: left;
}
.gollinfo {
height: 150px;
overflow: auto;
padding: 4px;
font-family: Candara, sans-serif;
font-size: 11px;
color: #dddede;
line-height: 12px;
text-align: justify;
}
div.gollinfo::-webkit-scrollbar {
width: 6px;
}
div.gollinfo::-webkit-scrollbar-button {
width: 6px;
height: 4px;
}
div.gollinfo::-webkit-scrollbar-track {
background: transparent;
}
div.gollinfo::-webkit-scrollbar-thumb {
background:#837372;
}
.gollname {
font-family: Courier New;
font-size: 24px;
color: #91aab9;
padding-top: 6px;
}
a.gollc {
font-size: 8px;
text-decoration: none;
color: black;
}
</style>
<center>
<div class="golliew golliew-ninth">
<img src="http://sg.uploads.ru/t/Rfizm.png" />
<div class="gollask gollask-1"></div>
<div class="gollask gollaskco-2"></div>
<div class="gollent">
<div class="gollname">UCHIHA OBITO, "TOBI"</div>
<div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> От рождения является нечистокровным вампиром. Мать была человеком, а отец - вампиром, да еще и из того самого великого клана Учих.<br /><br />
<font color="#837372">♦</font> Мальчик потерял родителей в младенчестве, поэтому ничего о них не знал и до «смерти» рос обычным человеком, у которого не было даже намека на суперспособность или жажду крови. <br /><br />
<font color="#837372">♦</font> В детском доме подружился с Какаши, который отличался от других детей и всегда предпочитал делать все правильно и держаться особняком. Вот только Обито нашел способ сблизиться с мальчиком и проникся тем, каким тот был на самом деле. Стал его лучшим другом. Был безумно влюблен в Рин, но также прекрасно понимал, что это не взаимно. <br /><br />
<font color="#837372">♦</font> После спасения Рин (подробности в акции на Какаши), парень погиб, и только тогда в нем проснулись гены отца. После смерти мальчик пробудился вампиром, но с памятью человека. Он немедленно отправился к своим друзьям, чтобы разобраться в том, что с ним случилось, но увидел ужасную картину того, как его лучший друг Какаши убивает Рин. <br /><br />
<font color="#837372">♦</font> Не понимая, что произошло, он ушел оттуда, погруженный в свои мысли и озлобленный на весь мир. Именно тогда на его пути появился Учиха Мадара, который подарил ему новые цели в его, казалось бы, лишенной смысла жизни.<br /><br />
<br /><br />
</div><br />
<div class="three-columns">
<div id="clm1" class="column"><div class="gollund">РАСА</div>
<div class="gollinfo"><center>вампир<br /></div></div>
<div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div>
<div class="gollinfo"><center>29 лет | 250 лет<br /></div></div>
<div id="clm3" class="column"><div class="gollund">СТОРОНА</div>
<div class="gollinfo"><center>Акацуки<br /></div></div>
</div>
</div>
</div>
</center>Поделиться42015-10-06 03:52:58
- люцифер
- Зарегистрирован: 2015-10-04
- Приглашений: 0
- Сообщений: 2241
- Уважение: +19
- Провел на форуме:
7 дней 2 часа - Последний визит:
2017-01-29 14:06:33
Код:
<!--HTML-->
<style type="text/css">
.golliew {
width: 500px;
height: 300px;
margin: 10px;
border: 10px solid #322525;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #322525;
-moz-box-shadow: 1px 1px 2px #322525;
box-shadow: 1px 1px 2px #322525;
background: url(http://sh.uploads.ru/t/oAvwQ.jpg) repeat center center;
}
.golliew .gollask,.golliew .gollent {
width: 500px;
height: 250px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.golliew img {
display: block;
position: relative;
}
.golliew-ninth .gollask-1, .golliew-ninth .gollask-2 {
height: 1000px;
width: 500px;
background: rgba(230,91,95,0.3);
-webkit-transition: all 0.3s ease-in-out 0.6s;
-moz-transition: all 0.3s ease-in-out 0.6s;
-o-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s;
}
.golliew-ninth .gollask-1 {
left: auto;
right: 0;
-webkit-transform: rotate(56.5deg) translateX(-400px);
-moz-transform: rotate(56.5deg) translateX(-400px);
-o-transform: rotate(56.5deg) translateX(-400px);
-ms-transform: rotate(56.5deg) translateX(-400px);
transform: rotate(56.5deg) translateX(-400px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.golliew-ninth .gollask-2 {
top: auto;
bottom: 0;
-webkit-transform: rotate(56.5deg) translateX(400px);
-moz-transform: rotate(56.5deg) translateX(400px);
-o-transform: rotate(56.5deg) translateX(400px);
-ms-transform: rotate(56.5deg) translateX(400px);
transform: rotate(56.5deg) translateX(400px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.golliew-ninth .gollent {
background-color: rgba(59,45,44,0.9);
color: #ffffff;
height: 0;
width: 500px;
overflow: hidden;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-moz-transform: rotate(-33.5deg) translate(-112px, 166px);
-o-transform: rotate(-33.5deg) translate(-112px, 166px);
-ms-transform: rotate(-33.5deg) translate(-112px, 166px);
transform: rotate(-33.5deg) translate(-112px, 166px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: all 0.4s ease-in-out 0.3s;
-moz-transition: all 0.4s ease-in-out 0.3s;
-o-transition: all 0.4s ease-in-out 0.3s;
transition: all 0.4s ease-in-out 0.3s;
}
.golliew-ninth a.info {
display: none;
}
.golliew-ninth:hover .gollent {
height: 260px;
width: 400px;
top: 15px;
left: 50px;
-webkit-transform: rotate(0deg) translate(0, 0);
-moz-transform: rotate(0deg) translate(0, 0);
-o-transform: rotate(0deg) translate(0, 0);
-ms-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
}
.golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.golliew-ninth:hover .gollask-1 {
-webkit-transform: rotate(56.5deg) translateX(113px);
-moz-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}
.golliew-ninth:hover .gollask-2 {
-webkit-transform: rotate(56.5deg) translateX(-112px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}
.gollund {
overflow: hidden;
text-align: center;
color: #b99191;
font-family: Courier New;
font-size: 12px;
text-transform: lowercase;
font-style: italic;
}
.gollund:before, .gollund:after {
background-color: #2f2f2f;
gollent: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}
.gollund:before {
right: 0.5em;
margin-left: -50%;
}
.gollund:after {
left: 0.5em;
margin-right: -50%;
}
.three-columns .column {
width: 33%;
float: left;
}
.gollinfo {
height: 150px;
overflow: auto;
padding: 4px;
font-family: Candara, sans-serif;
font-size: 11px;
color: #f3ecec;
line-height: 12px;
text-align: justify;
}
div.gollinfo::-webkit-scrollbar {
width: 6px;
}
div.gollinfo::-webkit-scrollbar-button {
width: 6px;
height: 4px;
}
div.gollinfo::-webkit-scrollbar-track {
background: transparent;
}
div.gollinfo::-webkit-scrollbar-thumb {
background:#837372;
}
.gollname {
font-family: Courier New;
font-size: 24px;
color: #b99191;
padding-top: 6px;
}
a.gollc {
font-size: 8px;
text-decoration: none;
color: black;
}
</style>
<center>
<div class="golliew golliew-ninth">
<img src="http://sg.uploads.ru/t/mZqMa.png" />
<div class="gollask gollask-1"></div>
<div class="gollask gollaskco-2"></div>
<div class="gollent">
<div class="gollname">UCHIHA ITACHI</div>
<div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Мы даем вам право самим написать историю этого персонажа. <br /><br />
</div><br />
</div><br />
<div class="three-columns">
<div id="clm1" class="column"><div class="gollund">РАСА</div>
<div class="gollinfo"><center>вампир<br /></div></div>
<div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div>
<div class="gollinfo"><center>18-20 лет | 33-35 лет<br /></div></div>
<div id="clm3" class="column"><div class="gollund">СТОРОНА</div>
<div class="gollinfo"><center>Акацуки<br /></div></div>
</div>
</div>
</div>
</center>Поделиться52015-10-06 03:53:25
- люцифер
- Зарегистрирован: 2015-10-04
- Приглашений: 0
- Сообщений: 2241
- Уважение: +19
- Провел на форуме:
7 дней 2 часа - Последний визит:
2017-01-29 14:06:33
занят
Код:<!--HTML--> <style type="text/css"> .golliew { width: 500px; height: 300px; margin: 10px; border: 10px solid #322525; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #322525; -moz-box-shadow: 1px 1px 2px #322525; box-shadow: 1px 1px 2px #322525; background: url(http://sh.uploads.ru/t/oAvwQ.jpg) repeat center center; } .golliew .gollask,.golliew .gollent { width: 500px; height: 250px; position: absolute; overflow: hidden; top: 0; left: 0; } .golliew img { display: block; position: relative; } .golliew-ninth .gollask-1, .golliew-ninth .gollask-2 { height: 1000px; width: 500px; background: rgba(230,91,95,0.3); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } .golliew-ninth .gollask-1 { left: auto; right: 0; -webkit-transform: rotate(56.5deg) translateX(-400px); -moz-transform: rotate(56.5deg) translateX(-400px); -o-transform: rotate(56.5deg) translateX(-400px); -ms-transform: rotate(56.5deg) translateX(-400px); transform: rotate(56.5deg) translateX(-400px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .golliew-ninth .gollask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(400px); -moz-transform: rotate(56.5deg) translateX(400px); -o-transform: rotate(56.5deg) translateX(400px); -ms-transform: rotate(56.5deg) translateX(400px); transform: rotate(56.5deg) translateX(400px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .golliew-ninth .gollent { background-color: rgba(59,45,44,0.9); color: #ffffff; height: 0; width: 500px; overflow: hidden; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .golliew-ninth a.info { display: none; } .golliew-ninth:hover .gollent { height: 260px; width: 400px; top: 15px; left: 50px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .golliew-ninth:hover .gollask-1 { -webkit-transform: rotate(56.5deg) translateX(113px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .golliew-ninth:hover .gollask-2 { -webkit-transform: rotate(56.5deg) translateX(-112px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .gollund { overflow: hidden; text-align: center; color: #b99191; font-family: Courier New; font-size: 12px; text-transform: lowercase; font-style: italic; } .gollund:before, .gollund:after { background-color: #2f2f2f; gollent: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .gollund:before { right: 0.5em; margin-left: -50%; } .gollund:after { left: 0.5em; margin-right: -50%; } .three-columns .column { width: 33%; float: left; } .gollinfo { height: 150px; overflow: auto; padding: 4px; font-family: Candara, sans-serif; font-size: 11px; color: #f3ecec; line-height: 12px; text-align: justify; } div.gollinfo::-webkit-scrollbar { width: 6px; } div.gollinfo::-webkit-scrollbar-button { width: 6px; height: 4px; } div.gollinfo::-webkit-scrollbar-track { background: transparent; } div.gollinfo::-webkit-scrollbar-thumb { background:#837372; } .gollname { font-family: Courier New; font-size: 24px; color: #b99191; padding-top: 6px; } a.gollc { font-size: 8px; text-decoration: none; color: black; } </style> <center> <div class="golliew golliew-ninth"> <img src="http://sg.uploads.ru/t/FP5D2.png" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">DEIDARA</div> <div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Обращен против своей воли. Он был простым мальчишкой, который любил запускать фейерверки. Простым мальчишкой, который порой дрался с ребятами во дворе. Пока беда не постучалась в двери. Дейдара был похищен и выращен преступной группировкой, которая ненавидела весь мир, просто так взрывала общественные места и убивала людей во имя чего-то странного и непонятного для мальчика. Именно в таких условиях он и рос. Он не разделял взгляды террористов, но убийство людей с помощью взрыва стало чем-то вроде его увлечением. Взрывы – вот что его интересовало. Каждый раз он восхищался этим моментом. <br /><br /> <font color="#837372">♦</font> После смерти попал в ад, где в муках он сам стал демоном. Долго с ним не пришлось бороться, так как он был весьма нехорошим «человеком». Через какое-то время он начал терзать души отправленных в ад, но потом все изменилось, и парень попал обратно на землю, призванный неким Учихой Мадарой - первородным вампиром, у которого хватило сил призвать еще пару демонов в мир смертных и сформировать организацию Акацуки. <br /><br /> </div><br /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo"><center>демон<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo"><center>19 лет | unk.<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo"><center>Акацуки<br /></div></div> </div> </div> </div> </center>
Поделиться62015-10-06 03:55:37
- люцифер
- Зарегистрирован: 2015-10-04
- Приглашений: 0
- Сообщений: 2241
- Уважение: +19
- Провел на форуме:
7 дней 2 часа - Последний визит:
2017-01-29 14:06:33
Код:
<!--HTML-->
<style type="text/css">
.golliew {
width: 500px;
height: 300px;
margin: 10px;
border: 10px solid #322525;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #322525;
-moz-box-shadow: 1px 1px 2px #322525;
box-shadow: 1px 1px 2px #322525;
background: url(http://sh.uploads.ru/t/oAvwQ.jpg) repeat center center;
}
.golliew .gollask,.golliew .gollent {
width: 500px;
height: 250px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.golliew img {
display: block;
position: relative;
}
.golliew-ninth .gollask-1, .golliew-ninth .gollask-2 {
height: 1000px;
width: 500px;
background: rgba(230,91,95,0.3);
-webkit-transition: all 0.3s ease-in-out 0.6s;
-moz-transition: all 0.3s ease-in-out 0.6s;
-o-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s;
}
.golliew-ninth .gollask-1 {
left: auto;
right: 0;
-webkit-transform: rotate(56.5deg) translateX(-400px);
-moz-transform: rotate(56.5deg) translateX(-400px);
-o-transform: rotate(56.5deg) translateX(-400px);
-ms-transform: rotate(56.5deg) translateX(-400px);
transform: rotate(56.5deg) translateX(-400px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.golliew-ninth .gollask-2 {
top: auto;
bottom: 0;
-webkit-transform: rotate(56.5deg) translateX(400px);
-moz-transform: rotate(56.5deg) translateX(400px);
-o-transform: rotate(56.5deg) translateX(400px);
-ms-transform: rotate(56.5deg) translateX(400px);
transform: rotate(56.5deg) translateX(400px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.golliew-ninth .gollent {
background-color: rgba(59,45,44,0.9);
color: #ffffff;
height: 0;
width: 500px;
overflow: hidden;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-moz-transform: rotate(-33.5deg) translate(-112px, 166px);
-o-transform: rotate(-33.5deg) translate(-112px, 166px);
-ms-transform: rotate(-33.5deg) translate(-112px, 166px);
transform: rotate(-33.5deg) translate(-112px, 166px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: all 0.4s ease-in-out 0.3s;
-moz-transition: all 0.4s ease-in-out 0.3s;
-o-transition: all 0.4s ease-in-out 0.3s;
transition: all 0.4s ease-in-out 0.3s;
}
.golliew-ninth a.info {
display: none;
}
.golliew-ninth:hover .gollent {
height: 260px;
width: 400px;
top: 15px;
left: 50px;
-webkit-transform: rotate(0deg) translate(0, 0);
-moz-transform: rotate(0deg) translate(0, 0);
-o-transform: rotate(0deg) translate(0, 0);
-ms-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
}
.golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.golliew-ninth:hover .gollask-1 {
-webkit-transform: rotate(56.5deg) translateX(113px);
-moz-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}
.golliew-ninth:hover .gollask-2 {
-webkit-transform: rotate(56.5deg) translateX(-112px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}
.gollund {
overflow: hidden;
text-align: center;
color: #b99191;
font-family: Courier New;
font-size: 12px;
text-transform: lowercase;
font-style: italic;
}
.gollund:before, .gollund:after {
background-color: #2f2f2f;
gollent: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}
.gollund:before {
right: 0.5em;
margin-left: -50%;
}
.gollund:after {
left: 0.5em;
margin-right: -50%;
}
.three-columns .column {
width: 33%;
float: left;
}
.gollinfo {
height: 150px;
overflow: auto;
padding: 4px;
font-family: Candara, sans-serif;
font-size: 11px;
color: #f3ecec;
line-height: 12px;
text-align: justify;
}
div.gollinfo::-webkit-scrollbar {
width: 6px;
}
div.gollinfo::-webkit-scrollbar-button {
width: 6px;
height: 4px;
}
div.gollinfo::-webkit-scrollbar-track {
background: transparent;
}
div.gollinfo::-webkit-scrollbar-thumb {
background:#837372;
}
.gollname {
font-family: Courier New;
font-size: 24px;
color: #b99191;
padding-top: 6px;
}
a.gollc {
font-size: 8px;
text-decoration: none;
color: black;
}
</style>
<center>
<div class="golliew golliew-ninth">
<img src="http://sg.uploads.ru/t/nqE4z.png" />
<div class="gollask gollask-1"></div>
<div class="gollask gollaskco-2"></div>
<div class="gollent">
<div class="gollname">PAIN</div>
<div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Когда-то давно его звали Нагато. Он видел смерть друга и вместе со своей близкой подругой - Конан - встал на кривую дорожку. Сами того не замечая, они обрекли себя на муки и страдания до конца своих дней. Нагато шел осознанно, а Конан просто-напросто не желала бросать своего друга. <br /><br />
<font color="#837372">♦</font> После смерти они оба попали в ад и спустя какое-то время сдались, став демонами подземного мира. Они обрели свои могущество и славу в Преисподней. Он всегда был главным, а Конан просто была ему предана и не могла бросить товарища, который был самым дорогим из всего, что у нее было.<br /><br />
<font color="#837372">♦</font> Вернувшись на землю из-за призыва, Нагато вселился в тело парня, который до ужаса похож на его лучшего друга, Яхико. После "воскрешения" Нагато сменил свое имя и стал называть себя Пейном - Богом Боли.<br /><br />
</div><br />
</div><br />
<div class="three-columns">
<div id="clm1" class="column"><div class="gollund">РАСА</div>
<div class="gollinfo"><center>демон<br /></div></div>
<div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div>
<div class="gollinfo"><center>25 лет | unk.<br /></div></div>
<div id="clm3" class="column"><div class="gollund">СТОРОНА</div>
<div class="gollinfo"><center>Акацуки<br /></div></div>
</div>
</div>
</div>
</center>Поделиться72015-10-06 03:56:31
- люцифер
- Зарегистрирован: 2015-10-04
- Приглашений: 0
- Сообщений: 2241
- Уважение: +19
- Провел на форуме:
7 дней 2 часа - Последний визит:
2017-01-29 14:06:33
Код:
<!--HTML-->
<style type="text/css">
.golliew {
width: 500px;
height: 300px;
margin: 10px;
border: 10px solid #322525;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #322525;
-moz-box-shadow: 1px 1px 2px #322525;
box-shadow: 1px 1px 2px #322525;
background: url(http://sh.uploads.ru/t/oAvwQ.jpg) repeat center center;
}
.golliew .gollask,.golliew .gollent {
width: 500px;
height: 250px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.golliew img {
display: block;
position: relative;
}
.golliew-ninth .gollask-1, .golliew-ninth .gollask-2 {
height: 1000px;
width: 500px;
background: rgba(230,91,95,0.3);
-webkit-transition: all 0.3s ease-in-out 0.6s;
-moz-transition: all 0.3s ease-in-out 0.6s;
-o-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s;
}
.golliew-ninth .gollask-1 {
left: auto;
right: 0;
-webkit-transform: rotate(56.5deg) translateX(-400px);
-moz-transform: rotate(56.5deg) translateX(-400px);
-o-transform: rotate(56.5deg) translateX(-400px);
-ms-transform: rotate(56.5deg) translateX(-400px);
transform: rotate(56.5deg) translateX(-400px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.golliew-ninth .gollask-2 {
top: auto;
bottom: 0;
-webkit-transform: rotate(56.5deg) translateX(400px);
-moz-transform: rotate(56.5deg) translateX(400px);
-o-transform: rotate(56.5deg) translateX(400px);
-ms-transform: rotate(56.5deg) translateX(400px);
transform: rotate(56.5deg) translateX(400px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.golliew-ninth .gollent {
background-color: rgba(59,45,44,0.9);
color: #ffffff;
height: 0;
width: 500px;
overflow: hidden;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-moz-transform: rotate(-33.5deg) translate(-112px, 166px);
-o-transform: rotate(-33.5deg) translate(-112px, 166px);
-ms-transform: rotate(-33.5deg) translate(-112px, 166px);
transform: rotate(-33.5deg) translate(-112px, 166px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: all 0.4s ease-in-out 0.3s;
-moz-transition: all 0.4s ease-in-out 0.3s;
-o-transition: all 0.4s ease-in-out 0.3s;
transition: all 0.4s ease-in-out 0.3s;
}
.golliew-ninth a.info {
display: none;
}
.golliew-ninth:hover .gollent {
height: 260px;
width: 400px;
top: 15px;
left: 50px;
-webkit-transform: rotate(0deg) translate(0, 0);
-moz-transform: rotate(0deg) translate(0, 0);
-o-transform: rotate(0deg) translate(0, 0);
-ms-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
}
.golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.golliew-ninth:hover .gollask-1 {
-webkit-transform: rotate(56.5deg) translateX(113px);
-moz-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}
.golliew-ninth:hover .gollask-2 {
-webkit-transform: rotate(56.5deg) translateX(-112px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}
.gollund {
overflow: hidden;
text-align: center;
color: #b99191;
font-family: Courier New;
font-size: 12px;
text-transform: lowercase;
font-style: italic;
}
.gollund:before, .gollund:after {
background-color: #2f2f2f;
gollent: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}
.gollund:before {
right: 0.5em;
margin-left: -50%;
}
.gollund:after {
left: 0.5em;
margin-right: -50%;
}
.three-columns .column {
width: 33%;
float: left;
}
.gollinfo {
height: 150px;
overflow: auto;
padding: 4px;
font-family: Candara, sans-serif;
font-size: 11px;
color: #f3ecec;
line-height: 12px;
text-align: justify;
}
div.gollinfo::-webkit-scrollbar {
width: 6px;
}
div.gollinfo::-webkit-scrollbar-button {
width: 6px;
height: 4px;
}
div.gollinfo::-webkit-scrollbar-track {
background: transparent;
}
div.gollinfo::-webkit-scrollbar-thumb {
background:#837372;
}
.gollname {
font-family: Courier New;
font-size: 24px;
color: #b99191;
padding-top: 6px;
}
a.gollc {
font-size: 8px;
text-decoration: none;
color: black;
}
</style>
<center>
<div class="golliew golliew-ninth">
<img src="http://sh.uploads.ru/t/T8WZg.png" />
<div class="gollask gollask-1"></div>
<div class="gollask gollaskco-2"></div>
<div class="gollent">
<div class="gollname">KONAN</div>
<div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Обреченная на вечные муки противостоять самой себе, девушка молча следует за своим другом, Пейном. Она потеряла возлюбленного и не могла потерять еще и друга. Конан делала ужасные вещи, которые в итоге преломили ее судьбу. Из-за них она отправилась в ад, где стала демоном. Странным демоном, который не до конца потерял человеческие качества и чувства. Однако их пришлось затаить, ведь что за демон с сожалением и грустью в глазах?<br /><br />
<font color="#837372">♦</font> После призыва Мадары, вселилась в девушку, которая была похожа на нее в период ее жизни, и спрятала ее глубоко внутри, так, чтобы та ничего не ощущала и не страдала.<br /><br />
<font color="#837372">♦</font> Помогла Пейну воссоздать полную организацию, искала новых демонов. Всегда молчалива и послушна. Поразительная женщина, которая является ярким примером для подражания: она до последнего не оставила своего друга.<br /><br />
</div><br />
</div><br />
<div class="three-columns">
<div id="clm1" class="column"><div class="gollund">РАСА</div>
<div class="gollinfo"><center>демон<br /></div></div>
<div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div>
<div class="gollinfo"><center>25 лет | unk.<br /></div></div>
<div id="clm3" class="column"><div class="gollund">СТОРОНА</div>
<div class="gollinfo"><center>Акацуки<br /></div></div>
</div>
</div>
</div>
</center>Поделиться82015-10-06 03:58:50
- люцифер
- Зарегистрирован: 2015-10-04
- Приглашений: 0
- Сообщений: 2241
- Уважение: +19
- Провел на форуме:
7 дней 2 часа - Последний визит:
2017-01-29 14:06:33
занят, родной
Код:<!--HTML--> <style type="text/css"> .golliew { width: 500px; height: 300px; margin: 10px; border: 10px solid #322525; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #322525; -moz-box-shadow: 1px 1px 2px #322525; box-shadow: 1px 1px 2px #322525; background: url(http://sh.uploads.ru/t/oAvwQ.jpg) repeat center center; } .golliew .gollask,.golliew .gollent { width: 500px; height: 250px; position: absolute; overflow: hidden; top: 0; left: 0; } .golliew img { display: block; position: relative; } .golliew-ninth .gollask-1, .golliew-ninth .gollask-2 { height: 1000px; width: 500px; background: rgba(230,91,95,0.3); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } .golliew-ninth .gollask-1 { left: auto; right: 0; -webkit-transform: rotate(56.5deg) translateX(-400px); -moz-transform: rotate(56.5deg) translateX(-400px); -o-transform: rotate(56.5deg) translateX(-400px); -ms-transform: rotate(56.5deg) translateX(-400px); transform: rotate(56.5deg) translateX(-400px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .golliew-ninth .gollask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(400px); -moz-transform: rotate(56.5deg) translateX(400px); -o-transform: rotate(56.5deg) translateX(400px); -ms-transform: rotate(56.5deg) translateX(400px); transform: rotate(56.5deg) translateX(400px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .golliew-ninth .gollent { background-color: rgba(59,45,44,0.9); color: #ffffff; height: 0; width: 500px; overflow: hidden; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .golliew-ninth a.info { display: none; } .golliew-ninth:hover .gollent { height: 260px; width: 400px; top: 15px; left: 50px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .golliew-ninth:hover .gollask-1 { -webkit-transform: rotate(56.5deg) translateX(113px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .golliew-ninth:hover .gollask-2 { -webkit-transform: rotate(56.5deg) translateX(-112px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .gollund { overflow: hidden; text-align: center; color: #b99191; font-family: Courier New; font-size: 12px; text-transform: lowercase; font-style: italic; } .gollund:before, .gollund:after { background-color: #2f2f2f; gollent: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .gollund:before { right: 0.5em; margin-left: -50%; } .gollund:after { left: 0.5em; margin-right: -50%; } .three-columns .column { width: 33%; float: left; } .gollinfo { height: 150px; overflow: auto; padding: 4px; font-family: Candara, sans-serif; font-size: 11px; color: #f3ecec; line-height: 12px; text-align: justify; } div.gollinfo::-webkit-scrollbar { width: 6px; } div.gollinfo::-webkit-scrollbar-button { width: 6px; height: 4px; } div.gollinfo::-webkit-scrollbar-track { background: transparent; } div.gollinfo::-webkit-scrollbar-thumb { background:#837372; } .gollname { font-family: Courier New; font-size: 24px; color: #b99191; padding-top: 6px; } a.gollc { font-size: 8px; text-decoration: none; color: black; } </style> <center> <div class="golliew golliew-ninth"> <img src="http://sh.uploads.ru/t/v6Iwi.png" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">HIDAN</div> <div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Занимался оккультизмом чуть ли не с самого детства. Вырос в монастыре, где его учили одному, а он учился другому. Однажды в запретном секторе библиотеки Хидан нашел книгу и изучил ее. С помощью заклятия, взятого из нее, мальчик смог призвать демона, который со временем стал выполнять его поручения и в конце уничтожил душу Хидана, превратив последнего в демона еще при жизни.<br /><br /> <font color="#837372">♦</font> Мальчик убежал из монастыря и начал кочевую жизнь, во время которой начал убивать людей для жертвоприношений. Его не раз ловили и сажали, но никто никогда не мог его остановить. Спустя много лет, парня встретил Пейн, который призвал его в организацию. Хидан особо не противился и, хотя не до конца понимал, зачем ему это надо, решил, что лишняя поддержка во имя Джашина ему явно не помешает.<br /><br /> </div><br /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo"><center>демон<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo"><center>20 лет | unk.<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo"><center>Акацуки<br /></div></div> </div> </div> </div> </center>
Поделиться92015-10-06 04:01:36
- люцифер
- Зарегистрирован: 2015-10-04
- Приглашений: 0
- Сообщений: 2241
- Уважение: +19
- Провел на форуме:
7 дней 2 часа - Последний визит:
2017-01-29 14:06:33
Код:
<!--HTML-->
<style type="text/css">
.golliew {
width: 500px;
height: 300px;
margin: 10px;
border: 10px solid #322525;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #322525;
-moz-box-shadow: 1px 1px 2px #322525;
box-shadow: 1px 1px 2px #322525;
background: url(http://sh.uploads.ru/t/oAvwQ.jpg) repeat center center;
}
.golliew .gollask,.golliew .gollent {
width: 500px;
height: 250px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.golliew img {
display: block;
position: relative;
}
.golliew-ninth .gollask-1, .golliew-ninth .gollask-2 {
height: 1000px;
width: 500px;
background: rgba(230,91,95,0.3);
-webkit-transition: all 0.3s ease-in-out 0.6s;
-moz-transition: all 0.3s ease-in-out 0.6s;
-o-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s;
}
.golliew-ninth .gollask-1 {
left: auto;
right: 0;
-webkit-transform: rotate(56.5deg) translateX(-400px);
-moz-transform: rotate(56.5deg) translateX(-400px);
-o-transform: rotate(56.5deg) translateX(-400px);
-ms-transform: rotate(56.5deg) translateX(-400px);
transform: rotate(56.5deg) translateX(-400px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.golliew-ninth .gollask-2 {
top: auto;
bottom: 0;
-webkit-transform: rotate(56.5deg) translateX(400px);
-moz-transform: rotate(56.5deg) translateX(400px);
-o-transform: rotate(56.5deg) translateX(400px);
-ms-transform: rotate(56.5deg) translateX(400px);
transform: rotate(56.5deg) translateX(400px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.golliew-ninth .gollent {
background-color: rgba(59,45,44,0.9);
color: #ffffff;
height: 0;
width: 500px;
overflow: hidden;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-moz-transform: rotate(-33.5deg) translate(-112px, 166px);
-o-transform: rotate(-33.5deg) translate(-112px, 166px);
-ms-transform: rotate(-33.5deg) translate(-112px, 166px);
transform: rotate(-33.5deg) translate(-112px, 166px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: all 0.4s ease-in-out 0.3s;
-moz-transition: all 0.4s ease-in-out 0.3s;
-o-transition: all 0.4s ease-in-out 0.3s;
transition: all 0.4s ease-in-out 0.3s;
}
.golliew-ninth a.info {
display: none;
}
.golliew-ninth:hover .gollent {
height: 260px;
width: 400px;
top: 15px;
left: 50px;
-webkit-transform: rotate(0deg) translate(0, 0);
-moz-transform: rotate(0deg) translate(0, 0);
-o-transform: rotate(0deg) translate(0, 0);
-ms-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
}
.golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.golliew-ninth:hover .gollask-1 {
-webkit-transform: rotate(56.5deg) translateX(113px);
-moz-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}
.golliew-ninth:hover .gollask-2 {
-webkit-transform: rotate(56.5deg) translateX(-112px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}
.gollund {
overflow: hidden;
text-align: center;
color: #b99191;
font-family: Courier New;
font-size: 12px;
text-transform: lowercase;
font-style: italic;
}
.gollund:before, .gollund:after {
background-color: #2f2f2f;
gollent: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}
.gollund:before {
right: 0.5em;
margin-left: -50%;
}
.gollund:after {
left: 0.5em;
margin-right: -50%;
}
.three-columns .column {
width: 33%;
float: left;
}
.gollinfo {
height: 150px;
overflow: auto;
padding: 4px;
font-family: Candara, sans-serif;
font-size: 11px;
color: #f3ecec;
line-height: 12px;
text-align: justify;
}
div.gollinfo::-webkit-scrollbar {
width: 6px;
}
div.gollinfo::-webkit-scrollbar-button {
width: 6px;
height: 4px;
}
div.gollinfo::-webkit-scrollbar-track {
background: transparent;
}
div.gollinfo::-webkit-scrollbar-thumb {
background:#837372;
}
.gollname {
font-family: Courier New;
font-size: 24px;
color: #b99191;
padding-top: 6px;
}
a.gollc {
font-size: 8px;
text-decoration: none;
color: black;
}
</style>
<center>
<div class="golliew golliew-ninth">
<img src="http://sg.uploads.ru/t/I7bSn.png" />
<div class="gollask gollask-1"></div>
<div class="gollask gollaskco-2"></div>
<div class="gollent">
<div class="gollname">AKASUNA SASORI</div>
<div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Счастливый ребенок. Он был по-настоящему счастливым, но в конечном итоге потерял своих родителей. Рос Сасори у бабушки, которая всегда была занята. И, имея много свободного времени, мальчик трудился и, в конце концов, стал прекрасным мастером кукольного дела, однако никто даже не подозревал, что он убивал людей, чтобы добыть материалы для своих шедевров. Кукольник, который делает свои куклы из людей - вот кто такой Сасори Акасуна.<br /><br />
<font color="#837372">♦</font> Умерев, попал прямиком в ад. Имея потенциал демона еще при жизни, стал им за короткое время и поднялся в ранге демонических отродий очень быстро. <br /><br />
<font color="#837372">♦</font> Вызванный Мадарой, пытался сопротивляться его власти, но был остановлен и побежден Конан.<br /><br />
</div><br />
</div><br />
<div class="three-columns">
<div id="clm1" class="column"><div class="gollund">РАСА</div>
<div class="gollinfo"><center>демон<br /></div></div>
<div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div>
<div class="gollinfo"><center>26 лет | unk.<br /></div></div>
<div id="clm3" class="column"><div class="gollund">СТОРОНА</div>
<div class="gollinfo"><center>Акацуки<br /></div></div>
</div>
</div>
</div>
</center>Тема закрыта
Страница: 1
