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

Страница: 1

Тема закрыта

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

Поделиться12016-12-25 23:51

Автор: big boss
Администратор
плашка:
инфа:
Незнакомым людям я представляюсь как биг босс и мне уже очень много лет. На гулянки я зарабатываю будучи королём Нью-Йорка. Выкладывать селфи на фоне Статуи Свободы я люблю со своими фанатами.
мани:
в моем кошельке: 0$
Сообщений: 77
Уважение: +0
Последний визит:
2017-07-31 19:57

Код:

[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>

Поделиться22016-12-25 23:57

Автор: big boss
Администратор
плашка:
инфа:
Незнакомым людям я представляюсь как биг босс и мне уже очень много лет. На гулянки я зарабатываю будучи королём Нью-Йорка. Выкладывать селфи на фоне Статуи Свободы я люблю со своими фанатами.
мани:
в моем кошельке: 0$
Сообщений: 77
Уважение: +0
Последний визит:
2017-07-31 19:57

Код:

[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>

Поделиться32016-12-26 13:29

Автор: big boss
Администратор
плашка:
инфа:
Незнакомым людям я представляюсь как биг босс и мне уже очень много лет. На гулянки я зарабатываю будучи королём Нью-Йорка. Выкладывать селфи на фоне Статуи Свободы я люблю со своими фанатами.
мани:
в моем кошельке: 0$
Сообщений: 77
Уважение: +0
Последний визит:
2017-07-31 19:57

анкета bb

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

имя знаменитости на англ.
‣ Имя и Фамилия на англ. яз.
‣ дата рождения
‣ место рождения
‣ профессия
С H A P T E R #2
От скольких хлопот мы избавляемся, решая стать не чем-то, а кем-то.©
‣ Мое первое воспоминание.... напишите первое воспоминание, а после уже всю информацию о персонаже и био, и характер..

Код:

[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]

Поделиться42016-12-26 13:42

Автор: big boss
Администратор
плашка:
инфа:
Незнакомым людям я представляюсь как биг босс и мне уже очень много лет. На гулянки я зарабатываю будучи королём Нью-Йорка. Выкладывать селфи на фоне Статуи Свободы я люблю со своими фанатами.
мани:
в моем кошельке: 0$
Сообщений: 77
Уважение: +0
Последний визит:
2017-07-31 19:57

Код:

[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*]

Тема закрыта

Страница: 1

FOCUS

Меню навигации

Пользовательские ссылки

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

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

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

Поделиться12016-12-25 23:51

Поделиться22016-12-25 23:57

Поделиться32016-12-26 13:29

Поделиться42016-12-26 13:42