"Невежество побуждает нас к попытке. Невежество открыто для мечтаний, а пытливое мечтание - сила. Знай Колумб получше космографию, он не открыл бы Америки." - именно это выражение и дало толчок нашему рвению. И мы рады приветствовать Вас, дорогие гости на нашем форуме! Скорее стягивайте слои тяжелой верхней одежды и проходи в гостевую, дабы получить чашечку какао и присоединиться к нам!
Если проснувшись, ты всем организмом чувствуешь, что как-то неправильно встретил Новый Год, то встречу требуется повторить...
"Зима пробуждает аппетит. Пока на улицах лежит снег, шоколадное пирожное — лучшее лекарство."
гостевая
биржа труда
фак
лица
анкета
личное звание
плашки
реклама

FOCUS

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

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


Вы здесь » FOCUS » 5th avenue » без смс и регистрации [шаблон анкеты]


без смс и регистрации [шаблон анкеты]

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

1

Код:
[html]<center><div class="topbg" style="background: url(http://i.imgur.com/DPgXGPw.png) top no-repeat, url(http://i.imgur.com/5ghNwKy.png) bottom no-repeat, url(http://i.imgur.com/iamQfUO.png) repeat-y;
    padding-bottom: 0px !important;">
<div class="toph1">будь с нами</div>
<div class="toptxt" style="padding-bottom: 115px !important;">
Без труда не выловить рыбку из труда. Именно в этом разделе вы можете начать свою историю, поделиться ею с нами и направиться на встречу новым начинаниям! <br>
название темы должно состоять из имени, фамилии и возраста персонажа
пример: diva divnaya, 28
<br> !!! после копирования кода не забудьте вставить его в хтмл (11 кнопка справа). 
</div></div>
</center>

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>

0

3

анкета bb

С H A P T E R  #1
— Зовите меня Донателло. Меня назвали в честь него.
— В честь черепашки-ниндзя?!
— В честь скульптора эпохи Ренессанса... ©

http://placehold.it/150x150
имя знаменитости на англ.

‣ Имя и Фамилия на англ. яз.
‣ дата рождения
‣ место рождения
‣ профессия

С H A P T E R  #2
От скольких хлопот мы избавляемся, решая стать не чем-то, а кем-то.©

Мое первое воспоминание.... напишите первое воспоминание, а после уже всю информацию о персонаже и био, и характер..


http://www.beowein.de/WebRoot/Store8/Shops/Shop538/5421/C8C4/066A/D8DB/3003/AC14/504B/CDAA/20062_jelinek_absinthe_s.png

Код:
[quote][quote][align=center][font=Impact][size=22]С H A P T E R  #1[/size][/font]
[size=10][i][font=Franklin Gothic Medium]— Зовите меня Донателло. Меня назвали в честь него. 
— В честь черепашки-ниндзя?!
 — В честь скульптора эпохи Ренессанса... ©[/font][/size][/i][/align][/quote]
[table layout=fixed width=100%]
[tr]
[td][align=center][img]http://placehold.it/150x150[/img]
[i][font=Franklin Gothic Medium][size=10]имя знаменитости на англ.[/size][/font][/i][/align][/td]
[td][quote][align=center][font=Franklin Gothic Medium] ‣ Имя и Фамилия на англ. яз.
 ‣ дата рождения
 ‣ место рождения
 ‣ профессия[/font][/align][/quote][/td]
[/tr]
[/table]
[quote][align=center][font=Impact][size=22]С H A P T E R  #2[/size][size=10][i][/font]
[font=Franklin Gothic Medium]От скольких хлопот мы избавляемся, решая стать не чем-то, а кем-то.©[/font][/i][/size][/align][/quote]
‣[font=Courier New][b] Мое первое воспоминание....[/b][/font] напишите первое воспоминание, а после уже всю информацию о персонаже и био, и характер..[/quote]

0

4

Код:
[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>
Код:
[*code][*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>[/code*]

0


Вы здесь » FOCUS » 5th avenue » без смс и регистрации [шаблон анкеты]


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