Все шаблоны
Шаблоны кодов
Страница: 1
Сообщений 1 страница 16 из 16
Поделиться22016-11-03 12:27:38
Код:
<!--HTML--><br><br><br><br><link href="https://fonts.googleapis.com/css?family=Exo+2|Montserrat+Subrayada|Poiret+One" rel="stylesheet">
<style type="text/css">
.appname { font-family: 'Exo 2', sans-serif; font-size: 40px; text-transform: uppercase; text-shadow: 1px 1px 1px #787474; position: relative; margin-top: 10px; margin-bottom: 4px; color: #fafafa; line-height: 50%; }
.applyr { font-family: 'Exo 2', sans-serif; text-transform: lowercase; padding: 15px; font-size: 10px; font-style: italic; line-height: 100%; color: #939393; text-align: justify; }
.playdesc { text-align: center; text-transform: lowercase; letter-spacing: 1px; font-family: 'Exo 2', sans-serif; font-size: 10px; color: #000000;margin-top: 10px; }
.appplay { text-align: center; text-transform: lowercase; font-family: 'Exo 2', sans-serif; font-size: 12px; line-height: 50%; color: #000000; text-shadow: 1px 1px 3px #000; margin-top: 50px; }
.genbox { width: 216px; height: 35px; padding: 1px; float: left; margin-top: 10px; }
.genbox2 { margin: 15px 0px; }
.geninfo { text-align: center; text-transform: uppercase; font-family: 'Exo 2', sans-serif; font-size: 12px; color: #000000; letter-spacing: 2px; }
.apptitle { font-family: 'Exo 2', sans-serif; text-transform: uppercase; letter-spacing: 3px; font-size: 11px; text-align: center; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.44) inset; color: #000000; background-color: #787474; padding: 2px; margin: 5px 0px; }
.swbox { padding: 5px; color: #000000; }
.appinfo2 { height: 350px; padding: 0px 8px 0px 0px; overflow: auto; text-align: justify; font-family: 'Exo 2', sans-serif; font-size: 11px; line-height: 100%; }
.appcontent { width: 462px; height: 350px; padding: 10px; overflow: auto; top: 25; left: 0; position: absolute; background-color: #9e9e9e; color: #000000; border: 5px double #f5f3f3; border-radius: 20px; }
.apptabs { width: 490px; height: 410px; position: relative; background: trasnsparent; clear: both;}
.apptab { float: left; padding: 5px; }
.apptab label { margin: 0px 30px; font-family: 'Exo 2', sans-serif; font-size: 11px; text-align: left; text-transform: uppercase; letter-spacing: 2px; color: #ffffff; }
.apptab [type=radio] { display: none; }
[type=radio]:checked ~ label ~ .appcontent { z-index: 1; }
[type=radio]:checked ~ label { color: #787474; font-weight: bold; z-index: 2;}
.appquote { font-family: 'Exo 2', sans-serif; font-size: 14px; font-style: italic; line-height: 100%; text-align: center; letter-spacing: 0px; color: #000000; }
.tcred { text-transform: uppercase; text-align: right; width: 545px; }
.tcred a {font-family: 'Exo 2', sans-serif; font-size: 8px; letter-spacing: 1px; }
.appcontent::-webkit-scrollbar { width: 8px; background-color: #9e9e9e; }
.appcontent::-webkit-scrollbar-thumb { background-color: #ccc; }
.appcontent::-webkit-scrollbar-track { background-color: #9e9e9e; }
</style>
<center>
<div style="width: 504px; background-color: #3a3150; border-radius: 20px;">
<div style="margin-top: -30px; font-family: 'Montserrat Subrayada', sans-serif; font-size: 40px;line-height: 50%; letter-spacing: -2px; color: #840710; text-shadow: 1px 0px 0px #000; word-spacing: -2px; ">Who are you?</div><br>
<img src="http://placehold.it/470x120" style="border: 2px solid #FFF; border-radius: 20px;">
<div class="applyr">
<center>"цитата|песня|рандомная фраза"<br>
</center>
</div><div class="apptabs">
<div class="apptab">
<input type="radio" id="apptab-1" name="apptab-group-1" checked>
<label for="apptab-1">Brief</label>
<div class="appcontent"><div class="appinfo2">
<table><tr><td><div class="genbox"><div class="geninfo">
Имя на русском
</div><div class="playdesc">полная дата рождения</div></div></td>
<td><div class="genbox"><div class="geninfo">
Место рождения
</div><div class="playdesc">Ориентация</div></div></td></tr>
<tr><td><div class="genbox"><div class="geninfo">
Масть/карта
</div><div class="playdesc">Проявилась или нет, если вы - обычный человек, так и пишем.</div></div></td>
<td><div class="genbox"><div class="geninfo">
Работа
</div><div class="playdesc">Профессия</div></div></td></tr></table>
<div class="genbox2"><div class="geninfo">
Семейное положение
</div><div class="playdesc">Имя пары (если есть) или иное</div></div>
<div class="apptitle">Something special about me</div><div class="swbox">
Отличительные особенности, привычки, фобии, моменты биографии, которые было бы интересно знать соигроку.
</div>
</div></div> </div>
<div class="apptab">
<input type="radio" id="apptab-2" name="apptab-group-1">
<label for="apptab-2">Biography</label>
<div class="appcontent"><div class="appinfo2">
Расскажите о жизни своего персонажа, его характере в свободной форме. Допускается оформление в виде изображений, цитат и любых других элементов по Вашему желанию.
<table><tr><td width="50%" valign="top">
<div class="apptitle">Сильные стороны характера</div><div class="swbox">
Указываем в столбик <br>
</div></td><td><td width="50%" valign="top">
<div class="apptitle">Слабые стороны характера</div><div class="swbox">
Расписываем слабости<br>
</div></td></tr></table>
</div></div> </div>
<div class="apptab">
<input type="radio" id="apptab-3" name="apptab-group-1">
<label for="apptab-3">Post</label>
<div class="appcontent"><div class="appinfo2">
Вставляем пробный пост с любой ролевой. Если такового не имеется, пишем на любую тематику.
</div></div> </div>
<div class="apptab">
<input type="radio" id="apptab-4" name="apptab-group-1">
<label for="apptab-4">Player</label>
<div class="appcontent"><div class="appinfo2">
<div class="appplay">
Ваша дата рождения
</div>
<div class="playdesc">Заполнять по желанию. При принятии анкеты мы автоматически внесем Вас в список, чтобы потом поздравить всем форумом.</div>
<div class="appplay">
Связь
</div><div class="playdesc">vk, skype, isq, kakao, fb, e-mail</div>
<div class="appplay">как нас нашли?</div>
<div class="playdesc">ответ</div>
<div class="appplay">
</div></div></div>
</div>
</div>Поделиться32016-11-04 04:55:09
Код:
<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Exo+2|Montserrat+Subrayada|Poiret+One" rel="stylesheet"><style type='text/css'>
.fearofsleep { width:500px; }
.fearofsleep ::-webkit-scrollbar { background:#fff; width:3px; height:3px; }
.fearofsleep ::-webkit-scrollbar-thumb { background:#eee; width:3px }
.fearofsleep ::-webkit-scrollbar-corner { background:#fff; }
.fearofsleep .box { width:500px; height:290px; overflow:hidden; position:relative; background-color:#eee; border-radius: 20px;max-width: 100% }
.fearofsleep .headers { position:absolute; top:0px; left:0px; width:500px; height:290px; -ms-transform: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .box:hover .headers { -ms-transform: scale(2,4); -webkit-transform: scale(2,4); transform: scale(2,4); opacity:0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transform: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .headers h1 { position:absolute; width:500px; top:130px; left:-20px; color:#2e273d; text-align:center; text-transform:uppercase; font-family: 'Exo 2', sans-serif; font-weight:700; font-size:30px; text-shadow: 1px 1px 1px #787474; letter-spacing:2px; line-height:18px; padding-bottom:10px; border-bottom:1px solid #f1ede3; margin:0; }
.fearofsleep .headers h2 { margin:0; position:absolute; width:500px; top:220px; left:-20px; color:#2e273d; text-align:center; text-transform:lowercase; font-family: 'Exo 2', sans-serif; font-style:italic; font-size:20px; line-height:100%; letter-spacing:1px; font-weight:normal; text-shadow: 1px 1px 1px #787474;border-radius: 20px; }
.fearofsleep .white { position:absolute; top:-300px; width:500px; height:300px; background-color:#2e273d; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transform: all .5s ease-in-out; -o-transition: all .5s ease-in-out;border-radius: 20px; }
.fearofsleep .box:hover .white { top:0px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;border-radius: 20px; }
.fearofsleep .white img { width:500px; height:165px; overflow:hidden; border-bottom:3px solid #eee;}
.fearofsleep .white .words { width:500px; height:208px; left:-20px; padding:0px; overflow:auto; text-align:center; font-size:12px; font-family: 'Poiret One', cursive; color:#fff; line-height:100%; }
</style><center><div class='fearofsleep'><table cellpadding='0' cellspacing='0'>
<tr>
<td><div class='box' style='background-image: url(http://funkyimg.com/i/2j9Hj.jpg);'><img src='http://placehold.it/500x165' style='border-bottom:3px solid #2e273d;'><div class='headers'><h1>Название эпизода</h1><h2>Цитата или песня</h2></div><div class='white'><img src='http://placehold.it/500x165' style='border-bottom:3px solid #ce2232;'><div class='words'> <center> <b>Когда это было:</b><br>
<b>Где это было:</b> <br>
<b>Участники:</b> <br>
Описание эпизода </center></div></div></div></td></tr>
</table></div>
<br>
<br></div>Поделиться42016-11-06 00:19:25
Код:
<!--HTML--><center><link href="http://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" type="text/css"> <div style="width: 500px; background: #ffffff; background: url(http://funkyimg.com/i/2jeK8.jpg) top no-repeat, url(http://funkyimg.com/i/2jeK9.jpg) bottom no-repeat, url(http://funkyimg.com/i/2jeKa.jpg) repeat; color: #222; overflow: hidden;border-radius: 20px;"> <br> <div style="width: 400px; padding: 20px; border-radius: 50px 20px 50px 20px; text-align: justify; font-family: bodoni; font-size: 10px; line-height: 100%; "><center> <div style="width: 400px; text-align: center; font-size: 13.5px; line-height: 100%;"> <br> <br> <br> <br> <br> <br> <br> <br> <br> <div style="margin-top: -30px; font-family: 'Montserrat Subrayada', sans-serif; font-size: 60px;line-height: 50%; letter-spacing: -2px; color: #990a3a; text-shadow: 1px 0px 0px #000; word-spacing: -2px; ">Talk to me</div><br> Здесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла блаЗдесь будет текст для гостевой и бла бла бла<br><br> <hr> <table layout=fixed width=100%> <tr> <td>Мужские внешности</td> <td>Женские внешности</td> </tr> <tr> <td>Ктото там</td> <td>Ктото там</td> </tr> </table><br> <br> <br></div>
Код:
★ <b>Имя Внешности</b> Раса - <u>За кем забронировано</u>
Поделиться62016-12-19 14:47:56
Личная страница
<br><br><center>
<div style="background-color: #e5c787; width: 600px; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px;">
<div class="name" style="background-color: #e5c787;">
<div style="margin-top: -30px; font-family: 'Great Vibes'; font-size: 60px;line-height: 50%; letter-spacing: -2px; color: #d27d03; text-shadow: 1px 0px 0px #000; word-spacing: -2px; ">Kamui Gackt</div>
</div><div class="name1"style="background-color: #d3b169;">
Директор школы. Дракон
</div><br></div></center>
<style type="text/css">
div.block {
height:250px;
background:#f3d699;
overflow-y:auto;
overflow-x:hidden;
padding:4px 12px;
border-radius:7px;
}
div.Kn {
height:21px;
width:21px;
border:3px solid transparent;
padding:8px;
margin:4px -2px;
background:#f3d699;
border-radius:50%;
box-shadow:inset 0 0 2em rgba(0,0,0,0.5); /* Параметры тени */
}
div.Kn:hover {
background:rgba(0,0,0,0.1);
box-shadow:inset 0 0 3em rgba(255,255,255,0.9)!important; /* Параметры тени */
}
div.Kn.active {
border-color:rgba(255,0,0,0.5);
box-shadow:inset 0 0 2em rgba(0,0,0,0.6); /* Параметры тени */
}
.Kn-title {
font: normal normal 400 13px/normal "Times New Roman";
margin-top:-2px;
margin-left:-7px;
}
div.tab {
height:100%;
display:none;
overflow-y:auto;
overflow-x:hidden;
}
</style>
<table cellspacing="15" style="border-radius:3px;background:#d3b169;margin-left:15px;width:820px;table-layout:fixed;">
<tr valign=center align=center>
<td width="27%">
<div class="block" style="height:50px">
<!-- Контент левый верхний блок -->
<center><div style="font-family: 'Comic Sans Ms'; font-size: 18px;">Tiger<br>0</div></center>
</div>
<div class="block" style="height:132px;margin-top:12px">
<!-- Контент левый нижний блок -->
<center><img src="http://s3.uploads.ru/yHspG.gif"/></center>
</td>
<td>
<div class="Kn" title="Общие"></div>
<div class="Kn" title="Школьные"></div>
<div class="Kn" title="Приключения"></div>
<div class="Kn" title="VIP"></div>
<div class="Kn" title="Расовые"></div>
</td>
<td width="50%">
<div class="block">
<!-- Переключаемые Вкладки -->
<div class="tab">
<!-- Контент Первой Вкладки-->
1
</div>
<div class="tab">
<!-- Контент Второй Вкладки-->
2
</div>
<div class="tab">
<!-- Контент Третьей Вкладки-->
3
</div>
<div class="tab">
<!-- Контент Четвертой Вкладки-->
4
</div>
<div class="tab">
<!-- Контент Пятой Вкладки-->
5
</div>
</div>
</td>
<td width="18%">
<div class="block">
<!-- Контент крайне правый блок -->
<br>
<a target="_blank" href="ссылка"><img src="http://s6.uploads.ru/N9UVF.jpg" title="Анкета"><br>
<a target="_blank" href="ссылка"><img src="http://s8.uploads.ru/TQRqZ.jpg" title="Отношения"><br>
<a target="_blank" href="ссылка"><img src="http://sh.uploads.ru/fNvWe.jpg" title="Колдограм"><br>
<a target="_blank" href="ссылка"><img src="http://s0.uploads.ru/OiJUq.jpg" title="Дневник"><br>
<a target="_blank" href="ссылка"><img src="http://sh.uploads.ru/58AcN.jpg" title="Творчество"><br>
<a target="_blank" href="ссылка"><img src="http://sg.uploads.ru/CaZPl.png" title="Мои достижения">
</div>
</td>
</tr>
</table>
<script type="text/javascript">
$('.Kn').eq(0).addClass('active');
$('.tab').eq(0).show();
$('.Kn').click(function(){
$('.Kn').removeClass('active');
$(this).addClass('active');
var num = $('.Kn').index(this);
$('.tab').hide().eq(num).show();
});
$('div.Kn').tipsy({fade: true, gravity: 'e Kn-title'});
</script>
Поделиться72016-12-19 14:49:30
Форма принятия
Код:
<!--HTML--><center><link href="http://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" type="text/css"> <div style="width: 600px; background: #ffffff; background: url(http://sd.uploads.ru/RaBpS.jpg) top no-repeat, url(http://s8.uploads.ru/XqM6e.jpg) bottom no-repeat, url(http://s5.uploads.ru/XCpcm.jpg) repeat; color: #222; overflow: hidden"> <br> <div style="width: 500px; padding: 20px; border-radius: 50px 20px 50px 20px; text-align: justify; font-family: bodoni; font-size: 10px; line-height: 100%; "><center> <div style="width: 500px; text-align: center; font-size: 13.5px; line-height: 100%;"> <br> <br> <br> <br> <br> <br> <br> <br> <br> <div style="margin-top: -30px; font-family: 'Great Vibes'; font-size: 60px;line-height: 50%; letter-spacing: -2px; color: #d27d03; text-shadow: 1px 0px 0px #000; word-spacing: -2px; ">You are accepted</div><br><br> <div style="margin-top: 10px; margin-right: 350px"> <div style="width:150px; height:150px; -moz-border-radius:100%; -webkit-border-radius:100%; background-image:URL(http://funkyimg.com/i/2cHTP.gif); border:2px solid black;"> </div><div style="background-color: snow; width:320px; height:130px; font-size:9px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:20px 50px 0px 30px; margin-top: -148px; margin-left: 165px; overflow:auto; padding:5px; opacity: .7; font-family: calibri; color: #000; font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 3px; text-align: center;"><br>Добро пожаловать!<div style="font-family: arial; color: #000; text-align: center; font-size: 6px; text-transform: uppercase; width: 300px;">Мы очень рады, что вы теперь с нами!</div><div style="font-family: times new roman; color: #000; text-align: justify; font-size: 9px; width: 305px; padding: 1px;">Но перед тем как окунуться с головой в наш замечательный мир мы очень просим Вас посетить несколько тем, что значительно облегчат вашу игру. </div></div><br><br> <div style="width:500px; background-color: #ddcfa3; -moz-border-radius:0px 0px 30px 30px; -webkit-border-radius:0px 0px 30px 30px; padding:3px;"><a target="_blank" href="http://heavenlyschool.rusff.me/viewtopic.php?id=3#p3"><img src="http://s9.uploads.ru/iuOVe.jpg" title="Внешность"><a target="_blank" href="http://heavenlyschool.rusff.me/viewtopic.php?id=6#p10"><img src="http://s2.uploads.ru/onNDV.jpg" title="Занятость персонажа"><a target="_blank" href="http://heavenlyschool.rusff.me/viewtopic.php?id=27"><img src="http://sf.uploads.ru/tQCRc.png" title="Отношения"><a target="_blank" href="http://heavenlyschool.rusff.me/viewtopic.php?id=28#p51"><img src="http://s0.uploads.ru/mkCeB.png" title="Колдограм"><a target="_blank" href="http://heavenlyschool.rusff.me/viewforum.php?id=18"><img src="http://s0.uploads.ru/ATV9p.png" title="Дневники"><a target="_blank" href="http://heavenlyschool.rusff.me/viewforum.php?id=16"><img src="http://s1.uploads.ru/ViBej.png" title="Творчество"><a target="_blank" href="http://heavenlyschool.rusff.me/viewtopic.php?id=9"><img src="http://sf.uploads.ru/nsr8w.png" title="Личное звание"><a target="_blank" href="http://heavenlyschool.rusff.me/viewtopic.php?id=13"><img src="http://s7.uploads.ru/FY1AK.png" title="Личная страница"></div> <br> <br></div>
[co*de]<!--HT*ML--><center><link href="http://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" type="text/css">
<div style="width: 600px; background: #ffffff; background: url(http://sd.uploads.ru/RaBpS.jpg) top no-repeat, url(http://s8.uploads.ru/XqM6e.jpg) bottom no-repeat, url(http://s5.uploads.ru/XCpcm.jpg) repeat; color: #222; overflow: hidden">
<br>
<div style="width: 500px; padding: 20px; border-radius: 50px 20px 50px 20px; text-align: justify; font-family: bodoni; font-size: 10px; line-height: 100%; "><center><div style="width: 500px; text-align: center; font-size: 13.5px; line-height: 100%;">
<br> <br> <br> <br> <br> <br> <br> <br> <br>
<div style="margin-top: -30px; font-family: 'Great Vibes'; font-size: 60px;line-height: 50%; letter-spacing: -2px; color: #d27d03; text-shadow: 1px 0px 0px #000; word-spacing: -2px; ">You are accepted</div><br><br>
<div style="margin-top: 10px; margin-right: 350px">
<div style="width:150px; height:150px; -moz-border-radius:100%; -webkit-border-radius:100%; background-image:URL(http://funkyimg.com/i/2cHTP.gif); border:2px solid black;"></div><div style="background-color: snow; width:320px; height:130px; font-size:9px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:20px 50px 0px 30px; margin-top: -148px; margin-left: 165px; overflow:auto; padding:5px; opacity: .7; font-family: calibri; color: #000; font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 3px; text-align: center;"><br>Добро пожаловать!<div style="font-family: arial; color: #000; text-align: center; font-size: 6px; text-transform: uppercase; width: 300px;">Мы очень рады, что вы теперь с нами!</div><div style="font-family: times new roman; color: #000; text-align: justify; font-size: 9px; width: 305px; padding: 1px;">Но перед тем как окунуться с головой в наш замечательный мир мы очень просим Вас посетить несколько тем, что значительно облегчат вашу игру. </div></div><br><br>
<div style="width:500px; background-color: #ddcfa3; -moz-border-radius:0px 0px 30px 30px; -webkit-border-radius:0px 0px 30px 30px; padding:3px;"><a target="_blank" href="http://heavenlyschool.rusff.me/viewtopic.php?id=3#p3"><img src="http://s9.uploads.ru/iuOVe.jpg" title="Внешность"><a target="_blank" href="http://heavenlyschool.rusff.me/viewtopic.php?id=6#p10"><img src="http://s2.uploads.ru/onNDV.jpg" title="Занятость персонажа"><a target="_blank" href="http://heavenlyschool.rusff.me/viewtopic.php?id=27"><img src="http://sf.uploads.ru/tQCRc.png" title="Отношения"><a target="_blank" href="http://heavenlyschool.rusff.me/viewtopic.php?id=28#p51"><img src="http://s0.uploads.ru/mkCeB.png" title="Колдограм"><a target="_blank" href="http://heavenlyschool.rusff.me/viewforum.php?id=18"><img src="http://s0.uploads.ru/ATV9p.png" title="Дневники"><a target="_blank" href="http://heavenlyschool.rusff.me/viewforum.php?id=16"><img src="http://s1.uploads.ru/ViBej.png" title="Творчество"><a target="_blank" href="http://heavenlyschool.rusff.me/viewtopic.php?id=9"><img src="http://sf.uploads.ru/nsr8w.png" title="Личное звание"><a target="_blank" href="http://heavenlyschool.rusff.me/viewtopic.php?id=13"><img src="http://s7.uploads.ru/FY1AK.png" title="Личная страница"></div>
<br>
<br></div>[/co*de]
Поделиться82016-12-19 14:52:02
Код:
<!--HTML--><center><div style="width:500px; padding:10px;"> <div style="margin-top: 10px; margin-right: 350px"> <div style="width:150px; height:150px; -moz-border-radius:100%; -webkit-border-radius:100%; background-image:URL(http://placehold.it/150x150); border:2px solid black;"> </div><div style="background-color: snow; width:320px; height:150px; font-size:9px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:20px 50px 0px 30px; margin-top: -148px; margin-left: 165px; overflow:auto; padding:5px; opacity: .7; font-family: calibri; color: #000; font-size: 20px; font-weight: bold; letter-spacing: 3px; text-align: center;"><br>ПОЛНОЕ ИМЯ<div style="font-family: arial; color: #000; text-align: center; font-size: 6px; text-transform: uppercase; width: 300px;">РАСА, ФАКУЛЬТЕТ</div><div style="font-family: times new roman; color: #000; text-align: justify; font-size: 9px; width: 305px; padding: 1px;">Описание отношений с данным персонажем</div></div> <div style="background-color: snow; width:320px; height:130px; font-size:9px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:20px 50px 0px 30px; margin-top: 30px; margin-right: -195px; overflow:auto; padding:5px; opacity: .7;font-family: calibri; color: #000; font-size: 20px; font-weight: bold; letter-spacing: 3px; text-align: center;"><br>ПОЛНОЕ ИМЯ<div style="font-family: arial; color: #000; text-align: center; font-size: 6px; text-transform: uppercase; width: 300px;">РАСА, ФАКУЛЬТЕТ</div><div style="font-family: times new roman; color: #000; text-align: justify; font-size: 9px; width: 305px; padding: 1px;">Описание отношений с данным персонажем </div></div> <div style="margin-top: -150px; margin-left: 350px"><div style="width:150px; height:150px; -moz-border-radius:100%; -webkit-border-radius:100%; background-image:URL(http://placehold.it/150x150); border:2px solid black;"> </div></div> <br><br> <div style="width:150px; height:150px; -moz-border-radius:100%; -webkit-border-radius:100%; background-image:URL(http://placehold.it/150x150); border:2px solid black;"> </div><div style="background-color: snow; width:320px; height:130px; font-size:9px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:20px 50px 0px 30px; margin-top: -148px; margin-left: 165px; overflow:auto; padding:5px; opacity: .7;font-family: calibri; color: #000; font-size: 20px; font-weight: bold; letter-spacing: 3px; text-align: center;"><br>ПОЛНОЕ ИМЯ<div style="font-family: arial; color: #000; text-align: center; font-size: 6px; text-transform: uppercase; width: 300px;">РАСА, ФАКУЛЬТЕТ</div><div style="font-family: times new roman; color: #000; text-align: justify; font-size: 9px; width: 305px; padding: 1px;">Описание отношений с данным персонажем </div></div> </div></center>
Свернутый текст
Код:[cod*e]<!--H*TML--><center><div style="width:500px; padding:10px;"> <div style="margin-top: 10px; margin-right: 350px"> <div style="width:150px; height:150px; -moz-border-radius:100%; -webkit-border-radius:100%; background-image:URL(http://placehold.it/150x150); border:2px solid black;"> </div><div style="background-color: snow; width:320px; height:150px; font-size:9px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:20px 50px 0px 30px; margin-top: -148px; margin-left: 165px; overflow:auto; padding:5px; opacity: .7; font-family: calibri; color: #000; font-size: 20px; font-weight: bold; letter-spacing: 3px; text-align: center;"><br>ПОЛНОЕ ИМЯ<div style="font-family: arial; color: #000; text-align: center; font-size: 6px; text-transform: uppercase; width: 300px;">РАСА, ФАКУЛЬТЕТ</div><div style="font-family: times new roman; color: #000; text-align: justify; font-size: 9px; width: 305px; padding: 1px;">Описание отношений с данным персонажем</div></div> <div style="background-color: snow; width:320px; height:130px; font-size:9px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:20px 50px 0px 30px; margin-top: 30px; margin-right: -195px; overflow:auto; padding:5px; opacity: .7;font-family: calibri; color: #000; font-size: 20px; font-weight: bold; letter-spacing: 3px; text-align: center;"><br>ПОЛНОЕ ИМЯ<div style="font-family: arial; color: #000; text-align: center; font-size: 6px; text-transform: uppercase; width: 300px;">РАСА, ФАКУЛЬТЕТ</div><div style="font-family: times new roman; color: #000; text-align: justify; font-size: 9px; width: 305px; padding: 1px;">Описание отношений с данным персонажем </div></div> <div style="margin-top: -150px; margin-left: 350px"><div style="width:150px; height:150px; -moz-border-radius:100%; -webkit-border-radius:100%; background-image:URL(http://placehold.it/150x150); border:2px solid black;"> </div></div> <br><br> <div style="width:150px; height:150px; -moz-border-radius:100%; -webkit-border-radius:100%; background-image:URL(http://placehold.it/150x150); border:2px solid black;"> </div><div style="background-color: snow; width:320px; height:130px; font-size:9px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:20px 50px 0px 30px; margin-top: -148px; margin-left: 165px; overflow:auto; padding:5px; opacity: .7;font-family: calibri; color: #000; font-size: 20px; font-weight: bold; letter-spacing: 3px; text-align: center;"><br>ПОЛНОЕ ИМЯ<div style="font-family: arial; color: #000; text-align: center; font-size: 6px; text-transform: uppercase; width: 300px;">РАСА, ФАКУЛЬТЕТ</div><div style="font-family: times new roman; color: #000; text-align: justify; font-size: 9px; width: 305px; padding: 1px;">Описание отношений с данным персонажем </div></div> </div></center>[/co*de]
Поделиться92016-12-19 14:53:54
Код:
<!--HTML-->
<style type='text/css'>
.instatlo {width: 600px; min-height: 400px; background: #ffffff;}
.instabelka {width: 600px; height: 65px; background: #661364; border-bottom: 2px solid #801b7e;}
.instanazwa1 {width:125px; text-align: right; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #000000; padding: 5px; letter-spacing: -1px;}
.instaprofilowe {width: 100px; height: 100px; border-radius: 100px;}
.instanazwa2 {width:300px; text-align: right; font-family: 'Open Sans', sans-serif; font-size: 22px; color: #000000; padding: 5px; letter-spacing: -1px;}
.instaobserwowanie {margin-left: 1px; background: #8d208a; width: 75px; min-height: 10px; font-family: font-family: 'Open Sans', sans-serif; font-size: 12px; color: #000000; padding: 3px; letter-spacing: -1px; border-radius: 5px; text-align: center;}
.instatrojkat {color: #3486da; margin-left: 5px;}
.instanapis {width: 110px; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #000000; letter-spacing: -1px;}
.instanapis2 {width: 150px; text-align: left; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #000000; letter-spacing: -1px;}
.instafotki {width: 160px; height: 160px}</style>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'><center><div class="instatlo"><div class="instabelka"><table cellpadding="0" cellspacing="0"><td width="200px"><div style="width: 200px;"><center><img src="http://s4.uploads.ru/bEK8P.png"></center></div></td><td width="200px"><div style="width: 200px;"><center><img src="http://sd.uploads.ru/a4rEu.png" style="height:45px;"></center></div></td><td width=200px"><div class="instanazwa1">ваш логин</div></td></table></div><br>
<table cellpadding="0" cellspacing="0"><td width="150px" valign="top"><center><div style="width:140px; padding: 5px;"><img src="ссылка на изображение размером 100*100" class="instaprofilowe"></div></center></td><br><td width="450px" valign="top"><table cellpadding="0" cellspacing="0" style="margin-left: -100px;"><tr><td><div class="instanazwa2">user name</div></td><td width="80px"><div class="instaobserwowanie">following</div></td><td width="30px;"><div class="instatrojkat"><a href="http://shine.b1.jcink.com/index.php?showuser=9827">▼</a></div></td></table><table cellpadding="0" cellspacing="0" style="width: 330px;"><td><div class=".instanapis2" style="margin-left: 62px;">пару слов о себе</div></td></table><br><table cellpadding="0" cellspacing="0" style="width: 430px;"><tr><td width="120px"><div class=".instanapis">posts: <b>кол-во выставленных фотографий</b></div><td width="120px"><div class=".instanapis">followers: <b>кол-во подписчиков</b></div></td> <td width="120px"><div class=".instanapis"> following: <b>кол-во ваших подписок</b></div></td></table></center></td></table><br>
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,600,700' rel='stylesheet' type='text/css'><link href='http://takingthehobbitstoisengard.b1.jcink.com/uploads/takingthehobbitstoisengard/dtinsta1.css' rel='stylesheet' type='text/css'>
<div id=insta-d1>
<div class=c-for>
<div style="background-image: url(ПЕРВАЯ КАРТИНКА В СТРОЧКЕ )" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div> КОЛ-ВО ЛАЙКОВ   <div class=instacomms></div> КОЛ-ВО КОММЕНТОВ </div></div></div>
<div style="background-image: url(ВТОРАЯ КАРТИНКА В СТРОЧКЕ )" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div> КОЛ-ВО ЛАЙКОВ   <div class=instacomms></div> КОЛ-ВО КОММЕНТОВ </div></div></div>
<div style="background-image: url(ТРЕТЬЯ КАРТИНКА В СТРОЧКЕ )" class=instafeedb><div class=insta6><div class=insta7><div class=instalikes></div> КОЛ-ВО ЛАЙКОВ   <div class=instacomms></div> КОЛ-ВО КОММЕНТОВ </div></div></div>
<center><img src="http://s4.uploads.ru/oirbt.png" style="width: 120px;"></center></div></div>Закрепляем за 1-м собщением
Код:[cod*e]<!--H*TML--> <style type='text/css'> .instatlo {width: 600px; min-height: 400px; background: #ffffff;} .instabelka {width: 600px; height: 65px; background: #661364; border-bottom: 2px solid #801b7e;} .instanazwa1 {width:125px; text-align: right; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #000000; padding: 5px; letter-spacing: -1px;} .instaprofilowe {width: 100px; height: 100px; border-radius: 100px;} .instanazwa2 {width:300px; text-align: right; font-family: 'Open Sans', sans-serif; font-size: 22px; color: #000000; padding: 5px; letter-spacing: -1px;} .instaobserwowanie {margin-left: 1px; background: #8d208a; width: 75px; min-height: 10px; font-family: font-family: 'Open Sans', sans-serif; font-size: 12px; color: #000000; padding: 3px; letter-spacing: -1px; border-radius: 5px; text-align: center;} .instatrojkat {color: #3486da; margin-left: 5px;} .instanapis {width: 110px; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #000000; letter-spacing: -1px;} .instanapis2 {width: 150px; text-align: left; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #000000; letter-spacing: -1px;} .instafotki {width: 160px; height: 160px}</style> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'><center><div class="instatlo"><div class="instabelka"><table cellpadding="0" cellspacing="0"><td width="200px"><div style="width: 200px;"><center><img src="http://s4.uploads.ru/bEK8P.png"></center></div></td><td width="200px"><div style="width: 200px;"><center><img src="http://sd.uploads.ru/a4rEu.png" style="height:45px;"></center></div></td><td width=200px"><div class="instanazwa1">ваш логин</div></td></table></div><br> <table cellpadding="0" cellspacing="0"><td width="150px" valign="top"><center><div style="width:140px; padding: 5px;"><img src="ссылка на изображение размером 100*100" class="instaprofilowe"></div></center></td><br><td width="450px" valign="top"><table cellpadding="0" cellspacing="0" style="margin-left: -100px;"><tr><td><div class="instanazwa2">user name</div></td><td width="80px"><div class="instaobserwowanie">following</div></td><td width="30px;"><div class="instatrojkat"><a href="http://shine.b1.jcink.com/index.php?showuser=9827">▼</a></div></td></table><table cellpadding="0" cellspacing="0" style="width: 330px;"><td><div class=".instanapis2" style="margin-left: 62px;">пару слов о себе</div></td></table><br><table cellpadding="0" cellspacing="0" style="width: 430px;"><tr><td width="120px"><div class=".instanapis">posts: <b>кол-во выставленных фотографий</b></div><td width="120px"><div class=".instanapis">followers: <b>кол-во подписчиков</b></div></td> <td width="120px"><div class=".instanapis"> following: <b>кол-во ваших подписок</b></div></td></table></center></td></table><br> <link href='http://fonts.googleapis.com/css?family=Lato:300,400,600,700' rel='stylesheet' type='text/css'><link href='http://takingthehobbitstoisengard.b1.jcink.com/uploads/takingthehobbitstoisengard/dtinsta1.css' rel='stylesheet' type='text/css'> <div id=insta-d1> <div class=c-for> <div style="background-image: url(ПЕРВАЯ КАРТИНКА В СТРОЧКЕ 160х160)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div> КОЛ-ВО ЛАЙКОВ   <div class=instacomms></div> КОЛ-ВО КОММЕНТОВ </div></div></div> <div style="background-image: url(ВТОРАЯ КАРТИНКА В СТРОЧКЕ 160х160)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div> КОЛ-ВО ЛАЙКОВ   <div class=instacomms></div> КОЛ-ВО КОММЕНТОВ </div></div></div> <div style="background-image: url(ТРЕТЬЯ КАРТИНКА В СТРОЧКЕ 160х160)" class=instafeedb><div class=insta6><div class=insta7><div class=instalikes></div> КОЛ-ВО ЛАЙКОВ   <div class=instacomms></div> КОЛ-ВО КОММЕНТОВ </div></div></div> <center><img src="http://s4.uploads.ru/oirbt.png" style="width: 120px;"></center></div></div>[/co*de]
Поделиться102016-12-19 14:55:14
Код:
<!--HTML--><center><link href="http://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" type="text/css">
<div style="width: 600px; background: #ffffff; background: url(http://sd.uploads.ru/RaBpS.jpg) top no-repeat, url(http://s8.uploads.ru/XqM6e.jpg) bottom no-repeat, url(http://s5.uploads.ru/XCpcm.jpg) repeat; color: #222; overflow: hidden">
<br>
<div style="width: 500px; padding: 20px; border-radius: 50px 20px 50px 20px; text-align: justify; font-family: bodoni; font-size: 10px; line-height: 100%; "><center>
<div style="width: 500px; text-align: center; font-size: 13.5px; line-height: 100%;">
<br> <br> <br> <br> <br> <br> <br> <br> <br>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700' rel='stylesheet' type='text/css'><style type='text/css'>
.fearofsleep { width:500px; }
.fearofsleep ::-webkit-scrollbar { background:#fff; width:3px; height:3px; }
.fearofsleep ::-webkit-scrollbar-thumb { background:#eee; width:3px }
.fearofsleep ::-webkit-scrollbar-corner { background:#fff; }
.fearofsleep .box { width:500px; height:300px; overflow:hidden; position:relative; background-color:#eee; }
.fearofsleep .headers { position:absolute; top:0px; left:0px; width:500px; height:290px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .box:hover .headers { -ms-transform: scale(2,4); -webkit-transform: scale(2,4); transform: scale(2,4); opacity:0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .headers h1 { position:absolute; width:500px; top:130px; left:25px; color:#f1ede3; text-align:center; text-transform:uppercase; font-family:yanone kaffeesatz; font-weight:700; font-size:18px; letter-spacing:2px; line-height:18px; padding-bottom:10px; border-bottom:1px solid #f1ede3; margin:0; }
.fearofsleep .headers h2 { margin:0; position:absolute; width:160px; top:169px; left:50px; color:#f1ede3; text-align:center; text-transform:lowercase; font-family:garamond; font-style:italic; font-size:12px; line-height:100%; letter-spacing:1px; font-weight:normal; }
.fearofsleep .white { position:absolute; top:-300px; width:500px; height:300px; background-color:#fff; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .box:hover .white { top:0px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .white .words { width:490px; height:208px; padding:10px; overflow:auto; text-align:justify; font-size:12px; font-family: cuprum; color:#222; line-height:100%; }
</style><center><div class='fearofsleep'><table cellpadding='0' cellspacing='0'>
<tr>
<td><div class='box' style='background-color:#ddbc76;'><img src='http://funkyimg.com/i/2cNzE.jpg' style='border-bottom:3px solid #fee6b3;'><div class='headers'><h1>Statuses</h1><h2>face claim, ##, first last</h2></div><div class='white'><div class='words'> <center><img src="http://s0.uploads.ru/nDfU5.png"></center> </div></div></div></td></tr>
</table></div></center>
<br>
<br></div>
<br>
<br></div>Поделиться112016-12-19 14:55:49
Код:
<!--HTML--><center><link href="http://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" type="text/css">
<div style="width: 600px; background: #ffffff; background: url(http://sd.uploads.ru/RaBpS.jpg) top no-repeat, url(http://s8.uploads.ru/XqM6e.jpg) bottom no-repeat, url(http://s5.uploads.ru/XCpcm.jpg) repeat; color: #222; overflow: hidden">
<br>
<div style="width: 500px; padding: 20px; border-radius: 50px 20px 50px 20px; text-align: justify; font-family: bodoni; font-size: 10px; line-height: 100%; "><center>
<div style="width: 500px; text-align: center; font-size: 13.5px; line-height: 100%;">
<br> <br> <br> <br> <br> <br> <br> <br> <br>
<div style="margin-top: -30px; font-family: 'Great Vibes'; font-size: 60px;line-height: 50%; letter-spacing: -2px; color: #d27d03; text-shadow: 1px 0px 0px #000; word-spacing: -2px; ">Kim Him Chan</div><br><br>
<div style="margin-top: 10px; margin-right: 350px">
<div style="width:150px; height:150px; -moz-border-radius:100%; -webkit-border-radius:100%; background-image:URL(http://funkyimg.com/i/2cHTP.gif); border:2px solid black;"> </div>
<div style="background-color: snow; width:320px; height:130px; font-size:9px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:20px 50px 0px 30px; margin-top: -148px; margin-left: 165px; overflow:auto; padding:5px; opacity: .7; font-family: calibri; color: #000; font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 3px; text-align: center;"><br><div style="font-family: times new roman; color: #000; text-align: justify; font-size: 9px; width: 305px; padding: 1px;">Мой Вам совет, не ведитесь на добренькую улыбку девятихвостого лиса: сами того не заметите, как окажетесь в ловушке, откуда он Вас так просто уже не отпустит. </div></div><br>
<style type='text/css'>
.instatlo {width: 600px; min-height: 400px; background: #ffffff;}
.instabelka {width: 600px; height: 65px; background: #661364; border-bottom: 2px solid #801b7e;}
.instanazwa1 {width:125px; text-align: right; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #000000; padding: 5px; letter-spacing: -1px;}
.instaprofilowe {width: 100px; height: 100px; border-radius: 100px;}
.instanazwa2 {width:300px; text-align: right; font-family: 'Open Sans', sans-serif; font-size: 22px; color: #000000; padding: 5px; letter-spacing: -1px;}
.instaobserwowanie {margin-left: 1px; background: #8d208a; width: 75px; min-height: 10px; font-family: font-family: 'Open Sans', sans-serif; font-size: 12px; color: #000000; padding: 3px; letter-spacing: -1px; border-radius: 5px; text-align: center;}
.instatrojkat {color: #3486da; margin-left: 5px;}
.instanapis {width: 110px; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #000000; letter-spacing: -1px;}
.instanapis2 {width: 150px; text-align: left; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #000000; letter-spacing: -1px;}
.instafotki {width: 160px; height: 160px}</style>
<center><table cellpadding="0" cellspacing="0" style="width: 500px;"><tr><td width="120px"><div class=".instanapis">gifts: <b>0</b></div><td width="120px"><div class=".instanapis">statuses: <b>1</b></div></td> <td width="120px"><div class=".instanapis"> exclusive: <b>0</b></div></td></table></center></td></table></center><br>
<img src="http://funkyimg.com/i/2cVsd.png"><br>
<br><br></div>Поделиться122016-12-19 14:59:05
Код:
<!--HTML--><br><br><br><br><link href="https://fonts.googleapis.com/css?family=Exo+2|Montserrat+Subrayada|Poiret+One" rel="stylesheet">
<style type="text/css">
.appname { font-family: 'Exo 2', sans-serif; font-size: 40px; text-transform: uppercase; text-shadow: 1px 1px 1px #787474; position: relative; margin-top: 10px; margin-bottom: 4px; color: #fafafa; line-height: 50%; }
.applyr { font-family: 'Exo 2', sans-serif; text-transform: lowercase; padding: 15px; font-size: 10px; font-style: italic; line-height: 100%; color: #939393; text-align: justify; }
.playdesc { text-align: center; text-transform: lowercase; letter-spacing: 1px; font-family: 'Exo 2', sans-serif; font-size: 10px; color: #000000;margin-top: 10px; }
.appplay { text-align: center; text-transform: lowercase; font-family: 'Exo 2', sans-serif; font-size: 12px; line-height: 50%; color: #000000; text-shadow: 1px 1px 3px #000; margin-top: 50px; }
.genbox { width: 216px; height: 35px; padding: 1px; float: left; margin-top: 10px; }
.genbox2 { margin: 15px 0px; }
.geninfo { text-align: center; text-transform: uppercase; font-family: 'Exo 2', sans-serif; font-size: 12px; color: #000000; letter-spacing: 2px; }
.apptitle { font-family: 'Exo 2', sans-serif; text-transform: uppercase; letter-spacing: 3px; font-size: 11px; text-align: center; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.44) inset; color: #000000; background-color: #787474; padding: 2px; margin: 5px 0px; }
.swbox { padding: 5px; color: #000000; }
.appinfo2 { height: 350px; padding: 0px 8px 0px 0px; overflow: auto; text-align: justify; font-family: 'Exo 2', sans-serif; font-size: 11px; line-height: 100%; }
.appcontent { width: 462px; height: 350px; padding: 10px; overflow: auto; top: 25; left: 0; position: absolute; background-color: #9e9e9e; color: #000000; border: 5px double #f5f3f3; border-radius: 20px; }
.apptabs { width: 490px; height: 410px; position: relative; background: trasnsparent; clear: both;}
.apptab { float: left; padding: 5px; }
.apptab label { margin: 0px 30px; font-family: 'Exo 2', sans-serif; font-size: 11px; text-align: left; text-transform: uppercase; letter-spacing: 2px; color: #ffffff; }
.apptab [type=radio] { display: none; }
[type=radio]:checked ~ label ~ .appcontent { z-index: 1; }
[type=radio]:checked ~ label { color: #787474; font-weight: bold; z-index: 2;}
.appquote { font-family: 'Exo 2', sans-serif; font-size: 14px; font-style: italic; line-height: 100%; text-align: center; letter-spacing: 0px; color: #000000; }
.tcred { text-transform: uppercase; text-align: right; width: 545px; }
.tcred a {font-family: 'Exo 2', sans-serif; font-size: 8px; letter-spacing: 1px; }
.appcontent::-webkit-scrollbar { width: 8px; background-color: #9e9e9e; }
.appcontent::-webkit-scrollbar-thumb { background-color: #ccc; }
.appcontent::-webkit-scrollbar-track { background-color: #9e9e9e; }
</style>
<center>
<div style="width: 504px; background-color: #40475a; border-radius: 20px;">
<div style="margin-top: -30px; font-family: 'Montserrat Subrayada', sans-serif; font-size: 40px;line-height: 50%; letter-spacing: -2px; color: #af2118; text-shadow: 1px 0px 0px #000; word-spacing: -2px; ">Who are you?</div><br>
<img src="http://placehold.it/470x120" style="border: 2px solid #FFF; border-radius: 20px;">
<div class="applyr">
<center>"цитата|песня|рандомная фраза"<br>
</center>
</div><div class="apptabs">
<div class="apptab">
<input type="radio" id="apptab-1" name="apptab-group-1" checked>
<label for="apptab-1">Brief</label>
<div class="appcontent"><div class="appinfo2">
<table><tr><td><div class="genbox"><div class="geninfo">
Имя на русском
</div><div class="playdesc">полная дата рождения</div></div></td>
<td><div class="genbox"><div class="geninfo">
Место рождения
</div><div class="playdesc">Ориентация</div></div></td></tr>
<tr><td><div class="genbox"><div class="geninfo">
Раса/карта
</div><div class="playdesc">Выбираем любую</div></div></td>
<td><div class="genbox"><div class="geninfo">
Работа
</div><div class="playdesc">Профессия</div></div></td></tr></table>
<div class="genbox2"><div class="geninfo">
Семейное положение
</div><div class="playdesc">Имя пары (если есть) или иное</div></div>
<div class="apptitle">Something special about me</div><div class="swbox">
Отличительные особенности, привычки, фобии, моменты биографии, которые было бы интересно знать соигроку.
</div>
</div></div> </div>
<div class="apptab">
<input type="radio" id="apptab-2" name="apptab-group-1">
<label for="apptab-2">Biography</label>
<div class="appcontent"><div class="appinfo2">
Расскажите о жизни своего персонажа, его характере в свободной форме. Допускается оформление в виде изображений, цитат и любых других элементов по Вашему желанию. В Вашей анкете должны присутствовать достаточные факты из биографии, в противном случае, мы не сможем Вас принять.
</div></div> </div>
<div class="apptab">
<input type="radio" id="apptab-3" name="apptab-group-1">
<label for="apptab-3">Post</label>
<div class="appcontent"><div class="appinfo2">
Вставляем пробный пост с любой ролевой. Если такового не имеется, пишем на любую тематику.
</div></div> </div>
<div class="apptab">
<input type="radio" id="apptab-4" name="apptab-group-1">
<label for="apptab-4">Player</label>
<div class="appcontent"><div class="appinfo2">
<div class="appplay">
Ваша дата рождения
</div>
<div class="playdesc">Заполнять по желанию. При принятии анкеты мы автоматически внесем Вас в список, чтобы потом поздравить всем форумом.</div>
<div class="appplay">
Связь
</div><div class="playdesc">vk, skype, isq, kakao, fb, e-mail</div>
<div class="appplay">как нас нашли?</div>
<div class="playdesc">ответ</div>
<div class="appplay">
</div></div></div>
</div>
</div>Поделиться132016-12-22 00:02:57
Код:
<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Exo+2|Montserrat+Subrayada|Poiret+One" rel="stylesheet"><style type='text/css'>
.fearofsleep { width:500px; }
.fearofsleep ::-webkit-scrollbar { background:#fff; width:3px; height:3px; }
.fearofsleep ::-webkit-scrollbar-thumb { background:#eee; width:3px }
.fearofsleep ::-webkit-scrollbar-corner { background:#fff; }
.fearofsleep .box { width:500px; height:290px; overflow:hidden; position:relative; background-color:#eee; border-radius: 20px;max-width: 100% }
.fearofsleep .headers { position:absolute; top:0px; left:0px; width:500px; height:290px; -ms-transform: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .box:hover .headers { -ms-transform: scale(2,4); -webkit-transform: scale(2,4); transform: scale(2,4); opacity:0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transform: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .headers h1 { position:absolute; width:500px; top:130px; left:-20px; color:#2e273d; text-align:center; text-transform:uppercase; font-family: 'Exo 2', sans-serif; font-weight:700; font-size:30px; text-shadow: 1px 1px 1px #787474; letter-spacing:2px; line-height:18px; padding-bottom:10px; border-bottom:1px solid #f1ede3; margin:0; }
.fearofsleep .headers h2 { margin:0; position:absolute; width:500px; top:220px; left:-20px; color:#2e273d; text-align:center; text-transform:lowercase; font-family: 'Exo 2', sans-serif; font-style:italic; font-size:20px; line-height:100%; letter-spacing:1px; font-weight:normal; text-shadow: 1px 1px 1px #787474;border-radius: 20px; }
.fearofsleep .white { position:absolute; top:-300px; width:500px; height:300px; background-color:#2e273d; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transform: all .5s ease-in-out; -o-transition: all .5s ease-in-out;border-radius: 20px; }
.fearofsleep .box:hover .white { top:0px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;border-radius: 20px; }
.fearofsleep .white img { width:500px; height:165px; overflow:hidden; border-bottom:3px solid #eee;}
.fearofsleep .white .words { width:500px; height:208px; left:-20px; padding:0px; overflow:auto; text-align:center; font-size:12px; font-family: 'Poiret One', cursive; color:#fff; line-height:100%; }
</style><center><div class='fearofsleep'><table cellpadding='0' cellspacing='0'>
<tr>
<td><div class='box' style='background-image: url(http://funkyimg.com/i/2mjg4.jpg);'><img src='http://placehold.it/500x165' style='border-bottom:3px solid #2e273d;'><div class='headers'><h1>Название эпизода</h1><h2>Цитата или песня</h2></div><div class='white'><img src='http://placehold.it/500x165' style='border-bottom:3px solid #ce2232;'><div class='words'> <b>Когда это было:</b> <br>
<b>Где это было:</b> <br>
<b>Участники:</b> <br>
Описание эпизода </div></div></div></td></tr>
</table></div>
<br>
<br></div>Поделиться142018-12-27 11:50:52
Код:
<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Exo+2|Montserrat+Subrayada|Poiret+One" rel="stylesheet"><style type='text/css'>
.fearofsleep { width:500px; }
.fearofsleep ::-webkit-scrollbar { background:none; width:3px; height:3px; }
.fearofsleep ::-webkit-scrollbar-thumb { background:none; width:3px }
.fearofsleep ::-webkit-scrollbar-corner { background:none; }
.fearofsleep .box { width:500px; height:290px; overflow:hidden; position:relative; background-color:#eee; border-radius: 30px;max-width: 100% }
.fearofsleep .headers { position:absolute; top:0px; left:0px; width:500px; height:290px; -ms-transform: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .box:hover .headers { -ms-transform: scale(2,4); -webkit-transform: scale(2,4); transform: scale(2,4); opacity:0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transform: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .headers h1 { position:absolute; width:500px; top:130px; left:0px; color:white; text-align:center; text-transform:uppercase; font-family: 'Poiret One', sans-serif; font-weight:700; font-size:30px; text-shadow: 1px 1px 1px #787474; letter-spacing:2px; line-height:18px; padding-bottom:10px; border-bottom:1px solid #f1ede3; margin:0; }
.fearofsleep .headers h2 { margin:0; position:absolute; width:500px; top:220px; left:0px; color:#2e273d; text-align:center; text-transform:lowercase; font-family: 'Poiret One', sans-serif; font-style:italic; font-size:20px; line-height:100%; letter-spacing:1px; font-weight:normal; text-shadow: 1px 1px 1px #787474;border-radius: 20px; }
.fearofsleep .white { position:absolute; top:-300px; width:500px; height:300px; background-color:#2e273d; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transform: all .5s ease-in-out; -o-transition: all .5s ease-in-out;border-radius: 20px; }
.fearofsleep .box:hover .white { top:0px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;border-radius: 20px; }
.fearofsleep .white img { width:500px; height:165px; overflow:hidden; border-bottom:3px solid #eee;}
.fearofsleep .white .words { width:490px; height:115px; left:0px; padding:5px; overflow:scroll; text-align:center; font-size:13px; font-family: 'Poiret One', cursive; color:#443262; line-height:100%; }
</style><center><div class='fearofsleep'><table cellpadding='0' cellspacing='0'>
<tr>
<td><div class='box' style='background-image: url(http://funkyimg.com/i/2Po1g.png);'><img src='http://placehold.it/500x165' style='border-bottom:3px solid #433162;'><div class='headers'><h1>Название эпизода</h1><h2><b>Хрен с маслом 1/Хрен с маслом 2</b></h2></div><div class='white' style='background-image: url(http://funkyimg.com/i/2Po1g.png);'><img src='http://placehold.it/500x165' style='border-bottom:3px solid white;'><div class='words'>
<b>Где это было/Когда это было</b> <br><br>
<b>***</b> <br>
<big><b>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</b></big> </div></div></div></td></tr>
</table></div>
<br>
<br></div>
Страница: 1