Форум на профилактике



Написано символов: 0








admin test

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

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


Вы здесь » admin test » ТЕСТ » новая гостевая на голливуд


новая гостевая на голливуд

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

1

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

<style>
.satellitecont { margin: 25px 0px; width: 300px; padding: 10px; margin-left: -5px;font-family: arial; font-size:  10px; color: #634e32; text-align: justify; letter-spacing: 2px; line-height: 15px;
 padding: 10px 10px 10px 10px;
    background: #fdf2d8;
    -webkit-box-shadow: inset 0px 0px 8px 0px rgb(247,176,	56), 0px 0px 3px 0px #f7b038;
    -moz-box-shadow: inset 0px 0px 8px 0px rgba(247,176,	56, 0.6), 0px 0px 3px 0px #f7b038;
    box-shadow: inset 0px 0px 8px 0px rgba(247,176,56, 0.6), 0px 0px 3px 0px #f7b038;
    border: none;}

</style>


<link href='http://fonts.googleapis.com/css?family=Montserrat+Alternates:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Cousine:400,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>

<div class="">
<center>
<div style="width: 590px; height: 830px;
 background: url(http://funkyimg.com/i/2mYpH.png) top no-repeat, 
url(http://funkyimg.com/i/2mYpM.png) bottom no-repeat, 
url(http://funkyimg.com/i/2mYpB.png) repeat-y; }
"> 

<div style="padding-top: 120px;">
<center><img src="http://funkyimg.com/i/2kyYR.gif"> <img src="http://funkyimg.com/i/2kyYP.gif"></center>
<div style=" padding-top: 10px; margin-left: 14px!important;
    height: 25px;
    width: 519px;
    text-align: center;
    color: #4c6338!important;
    font-family: 'bebas neue';
    font-size: 20px;
    font-weight: bold;
    text-shadow: #ffffff 1px 1px;">Добро пожаловать в город ангелов и демонов</div>

<div style="width: 520px;height:255px;margin-left: 35px;  text-align: justify;  overflow: auto;line-height:100%;font-family: tahoma!important;position: absolute;font: normal 300 12px/12px 'open sans';">Ты слышишь звук маленьких звенящих колокольчиков? Нет, а зря, ведь это пришел к нам Новый год, и с ним Санта Клаус, ведь именно у его оленей звенят такие бубенцы на пряжках. Хо-хо, с наступившим новым годом и рождеством! И мы очень рады видеть вас на нашем тестовом форуме. Мы выбрали один из известных городов в США, который находится на на юге штата Калифорния, а город наш - Лос-Анджелес. <br>
Здравствуй, дорогой гость! Добро пожаловать в Голливуд! Наша администрация, которая не один день трудится над созданием ролевого форума, очень хочет сделать это место теплым и уютным в столь ненастную погоду! Создать ту самую атмосферу, для того, чтобы вы смогли найти хороших людей и прекрасных со-игроков, общение с которыми не ограничится рамками форума. Мы хотим, что бы Ваши персонажи открыли себя и показали, кто они есть и что не зря находятся в этом городе, а что самое главное - создали свою, незабываемую историю. Мы хотели бы доказать, что это не просто "очередной тест", а проект, который хочет и должен жить. И да, мы все делаем для этого. И были бы рады, если с вашей стороны перепадет нам немного терпения, добра друг к другу и особенно новогоднего настроения. 
Оставайтесь с нами, радуйте своей активностью и мы навсегда внесем вас в историю этого уютного города. 
Внешности за зарегистрированными пользователями -  закрепляются бессрочно, за гостями - 1 день. Если же вы отсутствуете более 3-х дней без предупреждения кого-то из членов амс, то внешность освободится по первому заявлению от гостя. Так же наш будущий проект разыскивает помощников от дизайнеров, до универсалов, так что смело пишите в гостевую с пометкой "администраторам". И напоследок, пожелаем вам хорошего настроения, побольше улыбок и вдохновения для создания персонажей!
</div>
</div>
<div style="padding-top: 270px;width: 520px; ">

<table><tbody><tr>
        <td><div style="width: 150px;
    height: 20px;
    padding: 2px;
    font-family: bebas neue;
    font-size: 20px;
    color: #4c6338;
    text-shadow: #ffffff 1px 1px
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    background: transparent;">девушки</div>
</td>
<td><div style="width: 150px;
    height: 20px;
    padding: 2px;
    font-family: bebas neue;
    font-size: 20px;
    color: #4c6338;
    text-shadow: #ffffff 1px 1px
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    background: transparent;">парни</div>
</td>
<td><div style="width: 150px;
    height: 20px;
    padding: 2px;
    font-family: bebas neue;
    font-size: 20px;
    color: #4c6338;
    text-shadow: #ffffff 1px 1px
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    background: transparent;">Ищу их</div>
</td>
</tr><tr>
<td><div style="width: 130px; height: 150px;
font-family: cuprum;
line-height: 160%;
letter-spacing: 1px;
font: 11px;
overflow-y:auto;
padding-right:30px;">

</div>
</td>

<td>
<div style="width: 150px; height: 150px;
font-family: cuprum;
line-height: 160%;
letter-spacing: 1px;
overflow-y:auto;
padding-right:10px;">

</div></td>

<td>
<div style="width: 150px; height: 150px;
font-family: cuprum;
line-height: 160%;
letter-spacing: 1px;
overflow-y:auto;
padding-right:10px;
padding-left: 10px;">


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

</div>
</center>
Код:
<a href="ссылка">внешность звезды с большой буквы</a> - ник<br>

0

2

Код:
[html]<link href='http://fonts.googleapis.com/css?family=PT+Sans|Oswald|Playfair+Display:italic' rel='stylesheet' type='text/css'>
<center>
 
     <div id="stucontain">
<div class="jdejabooappname">
      
      first last
      
    <div class="jdejabooapplyrics">
      
      внешность


 </div> </div>  

<div class="stubgimg">
<img src="http://placehold.it/245x140"> <img src="http://placehold.it/245x140">
</div>
 

<div class="tabs">
  <div class="tab">
      <input type="radio" id="tab-1" name="tab-group-1" checked>
      <label for="tab-1">PROFILE</label>
<div class="content">
      <table cellspacing="0" cellpadding="0" style="position: relative;"><tr><td><div class="qboxes">ИМЯ</div></td><td><div class="qboxes">ВОЗРАСТ</div></td><td><div class="qboxes">ДАТА РОЖДЕНИЯ</div></td></tr><tr><td><div class="aboxes">

указываем имя на русском языке

</div></td><td><div class="aboxes">
здесь укажите свой возраст

</div></td><td><div class="aboxes">
впишите свою дату рождения

</div></td></tr><tr><td><div class="qboxes">ПРОФЕССИЯ</div></td><td><div class="qboxes">ОРИЕНТАЦИЯ</div></td><td><div class="qboxes">СЕМЕЙНОЕ ПОЛОЖЕНИЕ</div></td></tr><tr><td><div class="aboxes">
определенно, сюда вписываете профессию

</div></td><td><div class="aboxes">
вписывайте с кем же разделите свою жизнь 

</div></td><td><div class="aboxes">
успели Вы связать себя с кем-то узами брака
</div></td></tr><tr><td><div class="qboxes">связь с вами</div></td><td><div class="qboxes">участие в чем-либо</div></td></tr><tr><td><div class="aboxes">
 сюда вписываете свой ответ

</div></td><td><div class="aboxes">
да или нет, возможно или не знаю 

</div></td></tr>


</table>    



 </div>


    <div class="tab">
      <input type="radio" id="tab-2" name="tab-group-1">
      <label for="tab-2" style="margin-left: 271px;">HISTORY</label>
      
<div class="content">
анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета


</div></div></div></div></div>
</center>
Код:
<link href='http://fonts.googleapis.com/css?family=PT+Sans|Oswald|Playfair+Display:italic' rel='stylesheet' type='text/css'>
<center>
 
     <div id="stucontain">
<div class="jdejabooappname">
      
      first last
      
    <div class="jdejabooapplyrics">
      
      внешность


 </div> </div>  

<div class="stubgimg">
<img src="http://placehold.it/245x140"> <img src="http://placehold.it/245x140">
</div>
 

<div class="tabs">
  <div class="tab">
      <input type="radio" id="tab-1" name="tab-group-1" checked>
      <label for="tab-1">PROFILE</label>
<div class="content">
      <table cellspacing="0" cellpadding="0" style="position: relative;"><tr><td><div class="qboxes">ИМЯ</div></td><td><div class="qboxes">ВОЗРАСТ</div></td><td><div class="qboxes">ДАТА РОЖДЕНИЯ</div></td></tr><tr><td><div class="aboxes">

указываем имя на русском языке

</div></td><td><div class="aboxes">
здесь укажите свой возраст

</div></td><td><div class="aboxes">
впишите свою дату рождения

</div></td></tr><tr><td><div class="qboxes">ПРОФЕССИЯ</div></td><td><div class="qboxes">ОРИЕНТАЦИЯ</div></td><td><div class="qboxes">СЕМЕЙНОЕ ПОЛОЖЕНИЕ</div></td></tr><tr><td><div class="aboxes">
определенно, сюда вписываете профессию

</div></td><td><div class="aboxes">
вписывайте с кем же разделите свою жизнь 

</div></td><td><div class="aboxes">
успели Вы связать себя с кем-то узами брака
</div></td></tr><tr><td><div class="qboxes">связь с вами</div></td><td><div class="qboxes">участие в чем-либо</div></td></tr><tr><td><div class="aboxes">
 сюда вписываете свой ответ

</div></td><td><div class="aboxes">
да или нет, возможно или не знаю 

</div></td></tr>


</table>    



 </div>


    <div class="tab">
      <input type="radio" id="tab-2" name="tab-group-1">
      <label for="tab-2" style="margin-left: 271px;">HISTORY</label>
      
<div class="content">
анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета анкета


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

0

3

тык
Код:
/*-----ANKETA--------*/

#stucontain {
    width: 575px;
    height: 700px;
    position: relative;
    background: url(http://i.imgur.com/8LcwtTK.jpg)no-repeat;
}
.stubgimg { width: 500px;
    height: 150px;
    position: absolute;
    top: 118px;
    left: 41px;
    z-index: 1;}
.qboxes {     width: 165px;
    height: 20px;
    background-color: #a998b7;
    text-align: center;
    font-family: bebas neue;
    font-size: 15px;
    text-transform: uppercase;
    color: #000;
    line-height: 100%;
    padding-top: 3px;
    padding-left: .5px; }

.aboxes { width: 165px; height: 25px; background-color: #f1f1f1; text-align: center;font-family: bebas neue;  font-size: 12px; text-transform: lowercase;  color: #000; letter-spacing: 1px; line-height: 100%; padding-left: .5px; padding-top: 3px;}

.stucirc { width: 175px; height: 175px; background-color: white; position: absolute; left: 162px; top: 62px; z-index: 2; -webkit-border-radius: 87px; -moz-border-radius: 87px; -o-border-radius: 87px; }

.stuhorline { width: 1px; height: 145px; background-color: rgba(0,0,0,0.1); position: absolute; left: 88px; top: 15px; z-index: 4; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }

.stuvertline { width: 1px; height: 145px; background-color: rgba(0,0,0,0.1); position: absolute; left: 88px; top: 15px; z-index: 5; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); }

.stufirst { display: block; height: 10px; line-height: 10px; font-family: pt sans; font-size: 7px; letter-spacing: 1px; color: rgba(0,0,0,0.5); position: absolute; top: 85px; text-align: center; width: 100px; overflow: hidden; left: -10px; z-index: 6; }

.stulast { display: block; height: 10px; line-height: 10px; font-family: pt sans; font-size: 7px; letter-spacing: 1px; color: rgba(0,0,0,0.5); position: absolute; top: 85px; text-align: center; width: 100px; overflow: hidden; left: 85px; z-index: 6; }

.stuskull { display: block; font-family: wingdings; color: black; font-size: 30px; width: 100px; height: 50px; line-height: 50px; text-align: center; position: absolute; left: 37px; top: 17px; z-index: 6; }

.stubotabout { position: absolute; bottom: 0px; left: 0px; height: 50px; background-color: black; text-align: center; line-height: 50px; font-family: pt sans; font-size: 7px; letter-spacing: 1px; color: white; width: 500px; z-index: 8; }


.tabs {     position: absolute;
    top: 115px;
    clear: both; }
.tab { float: left; }
.tab label {    background-color: transparent;
    padding-bottom: 2px;
    margin-left: 42px;
    margin-top: 179px;
    position: absolute;
    left: 111px;
    width: 50px;
    text-align: left;
    font: bold 20px bebas neue;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: 1px 1px #9980af;
    line-height: 12px; z-index: 7; }

.tab [type=radio] { display: none; }
.content {    position: absolute;
    top: 225px;
    width: 517px;
    height: 237px;
    left: 15px;
    right: 0;
    bottom: 0;
    padding: 13px;
    z-index: 6;
    overflow: auto;
    background: rgb(178, 199, 218);
    border-radius: 29px 47px 50px 50px;}
[type=radio]:checked ~ label {z-index: 6; }
[type=radio]:checked ~ label:after { z-index: 6; }
[type=radio]:checked ~ label ~ .content { z-index: 7; }

.stusidbox { height: 210px; position: absolute; top: 0px; left: 0px; background-color: rgba(0,0,0,0.6); padding: 20px; width: 160px; }
.stuname { height: 20px; line-height: 20px; background-color: black; color: white; font-family: oswald; font-size: 9px; text-align: center; width: 80px; float: left; letter-spacing: 1px; }
.stulines { height: 20px; line-height: 20px; background-color: black; font-family: arial; font-size: 12px; letter-spacing: 1px; width: 80px; float: right; font-style: italic; color: #1cecee; }
.stuentry { width: 160px; display: block; line-height: 20px; font-size: 7px; font-family: pt sans; color: white; height: 20px; letter-spacing: 1px; }
.stulyrbox { position: absolute; width: 160px; height: 60px; top: 75px; left: 50px; color: black; font-family: pt sans; text-align: justify; padding: 20px; line-height: 10px; font-size: 8px; letter-spacing: 1px;  }

.stufreestyle { text-align: justify; font-family: times; font-size: 11px; line-height: 13px; color: black; padding: 20px; overflow: auto; }

.jdejabooappname {
    width: 410px;
    padding: 20px;
    font: bold 36px bebas neue;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding-top: 35px;
    text-shadow: 1px 1px #888;
    margin-left: -320px !important;
}

.jdejabooapplyrics {
    text-align: right;
    padding-right: 100px;
    font: normal 400 14px/8px 'lumberjack';
    color: #fff;
    text-shadow: none;
}



.tematabs {
    position: relative;
    top: 24px;
    clear: both;
    }
.tematab {float: left;}
.tematab label {
    background-color: transparent;
    padding-bottom: 2px;
    margin-left: -38px;
    margin-top: -22px;
    position: absolute;
    left: 111px;
    width: 50px;
    text-align: left;
    font: bold 20px bebas neue;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: 1px 1px #9980af;
    line-height: 12px;
    z-index: 7;
    }

.tematab [type=radio] { display: none; }
.temacontent {
    position: relative;
    top: 5px;
    width: 486px;
    height: 237px;
    left: 3px;
    right: 0;
    bottom: 0;
    padding: 13px;
    z-index: 6;
    overflow: auto;
    }
[type=radio]:checked ~ label {z-index: 6; }
[type=radio]:checked ~ label:after { z-index: 6; }
[type=radio]:checked ~ label ~ .content { z-index: 7; }

0

4

СРОЧНО РАЗЫСКИВАЕТСЯ КОЛЛЕГА/СЕСТРА/ВОЗЛЮБЛЕННАЯ И ТП

http://placehold.it/245x140 http://placehold.it/245x140
внешность
имя фамилия;  возраст; профессия

НАША ИСТОРИЯ
послушай, я хочу тебе кое-что рассказать.

раскройте персонажа, поведайте о его биографии и характере, ваших отношениях.

НАЙДИ МЕНЯ
продолжай искать свой свет. ты найдешь его.

ваши пожелания к будущему игроку/что можете предложить от себя/связь с вами

Код:
[table layout=fixed width=100%][tr][td bgcolor=#eba2d1][align=center][size=15][b][color=white][i]СРОЧНО РАЗЫСКИВАЕТСЯ КОЛЛЕГА/СЕСТРА/ВОЗЛЮБЛЕННАЯ И ТП[/i][/color][/b][/size][/align][/tr][/td][/table]

[table][tr][td width=2% bgcolor=#eba2d1][/td]
[td width=94% bgcolor=#F8F8FF;]
[align=center][img]http://placehold.it/245x140[/img] [img]http://placehold.it/245x140[/img]
[font=Book Antiqua][size=12]внешность[/size][/font]
[font=Book Antiqua][size=14][i]имя фамилия;  возраст; профессия[/i][/size][/font]
[/align]
[/td]
[td width=2% bgcolor=#eba2d1][/td][/tr][/table]

[table layout=fixed width=100%][tr][td bgcolor=#eba2d1][align=center][font=Book Antiqua][size=20][b][color=white]НАША ИСТОРИЯ
[i]послушай, я хочу тебе кое-что рассказать.[/i]
[/color][/b][/size][/font][/align][/tr][/td][/table]
[table][tr][td width=2% bgcolor=#eba2d1][/td]
[td width=94% bgcolor=#F8F8FF;][align=center]раскройте персонажа, поведайте о его биографии и характере, ваших отношениях.[/align][/td]
[td width=2% bgcolor=#eba2d1][/td][/tr][/table]
[table layout=fixed width=100%][tr][td bgcolor=#eba2d1][align=center][font=Book Antiqua][size=20][b][color=white]НАЙДИ МЕНЯ
[i]продолжай искать свой свет. ты найдешь его.[/i][/color][/b][/size][/font][/align][/tr][/td][/table]
[table][tr][td width=2% bgcolor=#eba2d1][/td]
[td width=94% bgcolor=#F8F8FF;][align=center]ваши пожелания к будущему игроку/что можете предложить от себя/связь с вами[/align][/td]
[td width=2% bgcolor=#eba2d1][/td][/tr][/table]

0

5

Код:
[html]<center>
<div class="otnoshenia-hronologia"><zagolovok> ОТНОШЕНИЯ</zagolovok>
<table>


<tr>

<td><center><style>@import url(http://fonts.googleapis.com/css?family=Comfortaa|Roboto); .calshibicanon1 * { box-sizing: border-box; -webkit-box-sizing: border-box; font-family: Roboto; font-size: 10px; line-height: 10px;} 
.calshibicanon1 { clear: right; overflow: auto; margin: 10px auto; padding-bottom: 5px; text-align: center; width: 540px; } 
.csc1-wrapper { float: left; margin: 10px; display: inline-block; width: 250px; height: 150px; text-align: left; position: relative; perspective: 1700px; perspective-origin: 0 50%; } 
.csc1-canon { margin: 0; position: relative; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } 
.csc1-canon > .csc1-image { overflow: hidden; width:250px; height: 150px; } 
.csc1-canon img { max-width: 100%; display: block; position: relative; transition: transform 0.4s; } 
.csc1-info { position: absolute; top: 0; left: 0; padding: 20px 10px; background: rgba(0,0,0,0.8); color: #A50D9E; height: 150px; width: 125px; opacity: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-origin: 0 0; transform: rotateY(-90deg); transition: transform 0.4s, opacity 0.1s 0.3s; -webkit-transform-origin: 0 0; -webkit-transform: rotateY(-90deg); -webkit-transition: transform 0.4s, opacity 0.1s 0.3s; }
.csc1-info h3 { margin: 0 0 5px 0; padding: 0; color: #FFFFFF; font-family: Comfortaa; font-size: 12px; } 
.csc1-canon:hover .csc1-info { opacity: 1; transform: rotateY(0deg); transition: transform 0.4s, opacity 0.1s; -webkit-transform: rotateY(0deg); -webkit-transition: transform 0.4s, opacity 0.1s; } 
.csc1-text { position: absolute; top: 90px; left: 0; padding: 0px 10px; height: 50px; overflow: auto; width: 100%; color: #FFFFFF; } 
.csc1-text a { color: #FFFFFF; font-weight: bold; text-decoration: none; } 
.cal-credit { font-size: 9px; text-align: right; clear: both; } .cal-credit a { color: #000000; }</style>

<div class="calshibicanon1">
<!--CHARACTER DIV START //-->
<div class="csc1-wrapper">
<div class="csc1-canon">
<div class="csc1-image">
<img src="http://placehold.it/250x150"/>
<div class="csc1-info">
<span>ИМЯ ИГРОКА</span>
<div class="csc1-text">ОТНОШЕНИЯ</div>
<div class="csc1-specs">
</div>
</div>
</div>
</div>
</div>
<!--CHARACTER DIV END //-->
<div class="cal-credit"><a href="http://shine.jcink.net/index.php?showuser=7270">㎈</a></div>
</div>
</center></td>

<td><center><style>@import url(http://fonts.googleapis.com/css?family=Comfortaa|Roboto); .calshibicanon1 * { box-sizing: border-box; -webkit-box-sizing: border-box; font-family: Roboto; font-size: 10px; line-height: 10px;} 
.calshibicanon1 { clear: right; overflow: auto; margin: 10px auto; padding-bottom: 5px; text-align: center; width: 540px; } 
.csc1-wrapper { float: left; margin: 10px; display: inline-block; width: 250px; height: 150px; text-align: left; position: relative; perspective: 1700px; perspective-origin: 0 50%; } 
.csc1-canon { margin: 0; position: relative; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } 
.csc1-canon > .csc1-image { overflow: hidden; width:250px; height: 150px; } 
.csc1-canon img { max-width: 100%; display: block; position: relative; transition: transform 0.4s; } 
.csc1-info { position: absolute; top: 0; left: 0; padding: 20px 10px; background: rgba(0,0,0,0.8); color: #A50D9E; height: 150px; width: 125px; opacity: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-origin: 0 0; transform: rotateY(-90deg); transition: transform 0.4s, opacity 0.1s 0.3s; -webkit-transform-origin: 0 0; -webkit-transform: rotateY(-90deg); -webkit-transition: transform 0.4s, opacity 0.1s 0.3s; }
.csc1-info h3 { margin: 0 0 5px 0; padding: 0; color: #FFFFFF; font-family: Comfortaa; font-size: 12px; } 
.csc1-canon:hover .csc1-info { opacity: 1; transform: rotateY(0deg); transition: transform 0.4s, opacity 0.1s; -webkit-transform: rotateY(0deg); -webkit-transition: transform 0.4s, opacity 0.1s; } 
.csc1-text { position: absolute; top: 90px; left: 0; padding: 0px 10px; height: 50px; overflow: auto; width: 100%; color: #FFFFFF; } 
.csc1-text a { color: #FFFFFF; font-weight: bold; text-decoration: none; } 
.cal-credit { font-size: 9px; text-align: right; clear: both; } .cal-credit a { color: #000000; }</style>

<div class="calshibicanon1">
<!--CHARACTER DIV START //-->
<div class="csc1-wrapper">
<div class="csc1-canon">
<div class="csc1-image">
<img src="http://placehold.it/250x150"/>
<div class="csc1-info">
<span>ИМЯ ИГРОКА</span>
<div class="csc1-text">ОТНОШЕНИЯ</div>
<div class="csc1-specs">
</div>
</div>
</div>
</div>
</div>
<!--CHARACTER DIV END //-->
<div class="cal-credit"><a href="http://shine.jcink.net/index.php?showuser=7270">㎈</a></div>
</div>
</center></td>

</tr>

<tr>

<td><center><style>@import url(http://fonts.googleapis.com/css?family=Comfortaa|Roboto); .calshibicanon1 * { box-sizing: border-box; -webkit-box-sizing: border-box; font-family: Roboto; font-size: 10px; line-height: 10px;} 
.calshibicanon1 { clear: right; overflow: auto; margin: 10px auto; padding-bottom: 5px; text-align: center; width: 540px; } 
.csc1-wrapper { float: left; margin: 10px; display: inline-block; width: 250px; height: 150px; text-align: left; position: relative; perspective: 1700px; perspective-origin: 0 50%; } 
.csc1-canon { margin: 0; position: relative; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } 
.csc1-canon > .csc1-image { overflow: hidden; width:250px; height: 150px; } 
.csc1-canon img { max-width: 100%; display: block; position: relative; transition: transform 0.4s; } 
.csc1-info { position: absolute; top: 0; left: 0; padding: 20px 10px; background: rgba(0,0,0,0.8); color: #A50D9E; height: 150px; width: 125px; opacity: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-origin: 0 0; transform: rotateY(-90deg); transition: transform 0.4s, opacity 0.1s 0.3s; -webkit-transform-origin: 0 0; -webkit-transform: rotateY(-90deg); -webkit-transition: transform 0.4s, opacity 0.1s 0.3s; }
.csc1-info h3 { margin: 0 0 5px 0; padding: 0; color: #FFFFFF; font-family: Comfortaa; font-size: 12px; } 
.csc1-canon:hover .csc1-info { opacity: 1; transform: rotateY(0deg); transition: transform 0.4s, opacity 0.1s; -webkit-transform: rotateY(0deg); -webkit-transition: transform 0.4s, opacity 0.1s; } 
.csc1-text { position: absolute; top: 90px; left: 0; padding: 0px 10px; height: 50px; overflow: auto; width: 100%; color: #FFFFFF; } 
.csc1-text a { color: #FFFFFF; font-weight: bold; text-decoration: none; } 
.cal-credit { font-size: 9px; text-align: right; clear: both; } .cal-credit a { color: #000000; }</style>

<div class="calshibicanon1">
<!--CHARACTER DIV START //-->
<div class="csc1-wrapper">
<div class="csc1-canon">
<div class="csc1-image">
<img src="http://placehold.it/250x150"/>
<div class="csc1-info">
<span>ИМЯ ИГРОКА</span>
<div class="csc1-text">ОТНОШЕНИЯ</div>
<div class="csc1-specs">
</div>
</div>
</div>
</div>
</div>
<!--CHARACTER DIV END //-->
<div class="cal-credit"><a href="http://shine.jcink.net/index.php?showuser=7270">㎈</a></div>
</div>
</center></td>

<td><center><style>@import url(http://fonts.googleapis.com/css?family=Comfortaa|Roboto); .calshibicanon1 * { box-sizing: border-box; -webkit-box-sizing: border-box; font-family: Roboto; font-size: 10px; line-height: 10px;} 
.calshibicanon1 { clear: right; overflow: auto; margin: 10px auto; padding-bottom: 5px; text-align: center; width: 540px; } 
.csc1-wrapper { float: left; margin: 10px; display: inline-block; width: 250px; height: 150px; text-align: left; position: relative; perspective: 1700px; perspective-origin: 0 50%; } 
.csc1-canon { margin: 0; position: relative; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } 
.csc1-canon > .csc1-image { overflow: hidden; width:250px; height: 150px; } 
.csc1-canon img { max-width: 100%; display: block; position: relative; transition: transform 0.4s; } 
.csc1-info { position: absolute; top: 0; left: 0; padding: 20px 10px; background: rgba(0,0,0,0.8); color: #A50D9E; height: 150px; width: 125px; opacity: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-origin: 0 0; transform: rotateY(-90deg); transition: transform 0.4s, opacity 0.1s 0.3s; -webkit-transform-origin: 0 0; -webkit-transform: rotateY(-90deg); -webkit-transition: transform 0.4s, opacity 0.1s 0.3s; }
.csc1-info h3 { margin: 0 0 5px 0; padding: 0; color: #FFFFFF; font-family: Comfortaa; font-size: 12px; } 
.csc1-canon:hover .csc1-info { opacity: 1; transform: rotateY(0deg); transition: transform 0.4s, opacity 0.1s; -webkit-transform: rotateY(0deg); -webkit-transition: transform 0.4s, opacity 0.1s; } 
.csc1-text { position: absolute; top: 90px; left: 0; padding: 0px 10px; height: 50px; overflow: auto; width: 100%; color: #FFFFFF; } 
.csc1-text a { color: #FFFFFF; font-weight: bold; text-decoration: none; } 
.cal-credit { font-size: 9px; text-align: right; clear: both; } .cal-credit a { color: #000000; }</style>

<div class="calshibicanon1">
<!--CHARACTER DIV START //-->
<div class="csc1-wrapper">
<div class="csc1-canon">
<div class="csc1-image">
<img src="http://placehold.it/250x150"/>
<div class="csc1-info">
<span>ИМЯ ИГРОКА</span>
<div class="csc1-text">ОТНОШЕНИЯ</div>
<div class="csc1-specs">
</div>
</div>
</div>
</div>
</div>
<!--CHARACTER DIV END //-->
<div class="cal-credit"><a href="http://shine.jcink.net/index.php?showuser=7270">㎈</a></div>
</div>
</center></td>

</tr>

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

0

6

http://placehold.it/245x140 http://placehold.it/245x140

name & name

место действия, время
описание эпизода

0


Вы здесь » admin test » ТЕСТ » новая гостевая на голливуд


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