00
00
00
Тихая, грустная мелодия нарушила полную тишину в маленькой спальне. Будильник. Опять. Рука протягивается машинально к телефону, откладывая звонок ещё на пять минут, а глаза все так же недвижимо смотрят в потолок, как и последние несколько часов. Сегодня Триш не сомкнула и глаз, сон, как бы она не хотела, не приходил к ней, и все что она могла — бесцельно пялиться в потолок... дальше
Тихая, грустная мелодия нарушила полную тишину в маленькой спальне. Будильник. Опять. Рука протягивается машинально к телефону, откладывая звонок ещё на пять минут, а глаза все так же недвижимо смотрят в потолок, как и последние несколько часов. Сегодня Триш не сомкнула и глаз, сон, как бы она не хотела, не приходил к ней, и все что она могла — бесцельно пялиться в потолок... дальше

Pilot.

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

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


Вы здесь » Pilot. » приемная » чистовик


чистовик

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

1

0

2

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Sacramento|Marvel' rel='stylesheet' type='text/css'><style type="text/css">
.cicr { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: relative; z-index: 3;}
.speec {width: 250px; height: 300px; position: relative; background: url(http://i.imgur.com/bN0Zel1.png); -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; padding: 10px; float: left;}
/* headings */
.speec h1 {text-align: center; font-family: sacramento; text-transform: lowercase; font-size: 45px; color: #878787; line-height: 100%; font-weight: lighter; margin-top: 0px;}
.speec h2 {text-align: center; font-family: marvel; text-transform: uppercase; font-size: 12px; color: #878787; font-weight: lighter; line-height: 100%; margin-top: -40px; padding-top: 3px; border-top: 1px dotted #878787;}
.spec h1 {text-align: left; font-family: sacramento; font-size: 25px; text-transform: lowercase; color: #878787; line-height: 100%; margin-bottom: 0px;}
.spec a {padding-left: 20px; text-align: left; font-family: marvel; text-transform: uppercase; font-size: 12px; line-height: 100%; color: #878787;}
/* tabs */
.spet {width: 100px;}
.spet label {float: right; position: relative; top: 90px; left: 290px; display: block; width: 90px; padding: 5px; background: url(http://i.imgur.com/bN0Zel1.png); color: black; -webkit-transform: skew(-10deg); -moz-transform: skew(-10deg); transform: skew(-10deg); margin-bottom: 10px; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; transition: 1s all ease-in-out; text-transform: uppercase; font-family: times; font-size: 10px; text-align: center; z-index: 2;}
.spet [type=radio] {display: none; baseline-tab-shift: true, retrieve;}
.spec {position: absolute; top: 90px; left: 20px; right: 20px; height: 210px; overflow: auto; font-family: tahoma; font-size: 10px; line-height: 100%; text-align: left; display: block; opacity: 0; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; transition: 1s all ease-in-out;}
[type=radio]:checked ~ label {background: url(http://i.imgur.com/vvfHLgb.pnghttp://i.imgur.com/bN0Zel1.png); color: white;}
[type=radio]:checked ~ label ~ .spec {z-index: 1; opacity: 1;}
</style>
<center>
<div style="width: 440px;"><div class="speec"><div style="width: 230px; min-height: 280px; background: rgba(255,255,255,0.7); text-align: justify; padding: 10px;"><h1>chronology
</h1><h2>
it will keep all of your history
</h2>

<div class="spet">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1">НАСТОЯЩЕЕ</label>
<div class="spec">

<h1>active episode</h1>
<a href="ссылка на эпизод">название эпизода</a> ~ участник & участник <br>
<a href="ссылка на эпизод">название эпизода</a> ~ участник & участник <br>

<br><h1>finished episode</h1>
<a href="ссылка на эпизод">название эпизода</a>  ~ участник & участник<br>
<a href="ссылка на эпизод">название эпизода</a> ~ участник & участник <br>

<br><h1>stopped episode</h1>
<a href="ссылка на эпизод">название эпизода</a>  ~ участник & участник<br>
<a href="ссылка на эпизод">название эпизода</a> ~ участник & участник <br>
</div> 
</div>
 
<div class="spet">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2">ФЛЕШБЕКИ</label>
<div class="spec">

<h1>active episode</h1>
<a href="ссылка на эпизод">название эпизода</a> ~ участник & участник <br>
<a href="ссылка на эпизод">название эпизода</a> ~ участник & участник<br>

<br><h1>finished episode</h1>
<a href="ссылка на эпизод">название эпизода</a>  ~ участник & участник<br>
<a href="ссылка на эпизод">название эпизода</a> ~ участник & участник <br>

<br><h1>stopped episode</h1>
<a href="ссылка на эпизод">название эпизода</a>  ~ участник & участник<br>
<a href="ссылка на эпизод">название эпизода</a> ~ участник & участник <br>

</div> 
</div>
 
<div class="spet">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3">АЛЬТЕРНАТИВА</label>
<div class="spec">

<h1>active episode</h1>
<a href="ссылка на эпизод">название эпизода</a> ~ участник & участник<br>
<a href="ссылка на эпизод">название эпизода</a> ~ участник & участник <br>

<br><h1>finished episode</h1>
<a href="ссылка на эпизод">название эпизода</a>  ~ участник & участник <br>
<a href="ссылка на эпизод">название эпизода</a> ~ участник & участник <br>

<br><h1>stopped episode</h1>
<a href="ссылка на эпизод">название эпизода</a>  ~ участник & участник<br>
<a href="ссылка на эпизод">название эпизода</a> ~ участник & участник <br>

</div>
</div>

</div></div>
<div style="width: 130px; height: 130px; background-image:url(http://i.imgur.com/vvfHLgb.png); padding: 15px; float: right;" class="cicr"><div style="width: 100px; height: 100px; background-image:url(http://i.imgur.com/vvfHLgb.png); border: 5px solid #d8d8d8; padding: 10px;" class="cicr">

<img src="ВАША КАРТИНКА РАЗМЕРОМ 100х100" class="cicr" />

</div></div><div style="width: 160px; height: 200px; background: #f1f1f1; border-bottom: 20px solid #878787; z-index: 0; -webkit-border-radius: 0 0 25px 25px; -moz-border-radius: 0 0 25px 25px; border-radius: 0 0 25px 25px; position: relative; top: -60px; z-index: 1; float: right;"></div></div><div style="clear: both;"></div><a href="http://shine.b1.jcink.com/index.php?showuser=55"><div style="text-align: right; font: 10px/10px calibri; width: 400px; margin-top: -50px;"></div></a></center>

0

3

Код:
<!--HTML--><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100|Montserrat:400,700' rel='stylesheet' type='text/css'>
<style>
#waffles {height: 510px; width: 450px; position: relative; background-color: #eef0e6; border: 10px solid #b9c7c4; box-shadow: 0px 0px 10px rgba(0,0,0,0.3)}
.wafflesh {height: 120px; background-color: #eef0e6; width: 450px; position: absolute; top: 0px;}
.wafflesh1 {height: 80px; width: 80px; border: 8px solid #c6d5c3; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); position: absolute; background-size: cover; background-repeat: no-repeat; top: 13px; left: 14px; background-blend-mode: multiply}
.wafflesh2 {height: 20px; font-family: montserrat; text-transform: uppercase; color: #a1b2cf; letter-spacing: 3px; padding-bottom: 3px; font-size: 9px; position: absolute; width: 300px; border-bottom: 1px dotted #a1b2cf; right: 10px; top: 15px; line-height: 25px; text-align: right}
.wafflesh3 {height: 50px; width: 300px; color: #edcbce; text-transform: lowercase; font-family: roboto slab; position: absolute; right: 10px; top: 50px; font-size: 45px; text-align: left; letter-spacing: -3px; line-height: 30px }
.wafflesh3::first-letter {color: #ee939a}
.wafflesf {height: 40px; width: 450px; line-height: 40px; background-color: #eef0e6; position: absolute; bottom: 0px; color: #a1b2cf; font-family: montserrat; letter-spacing: 3px; font-size: 9px; text-align: center; text-transform: uppercase}
.wafflesm {width: 430px; height: 330px; background-color: #eef0e6; position: absolute; top: 120px; font-family: montserrat; font-size: 10px; color: #5d5c5c; text-align: justify; text-transform: lowercase; background-blend-mode: multiply; padding: 5px; border: 5px solid transparent; overflow: auto}
</style>


<center>
<div id="waffles">
 <div class="wafflesh">
   <div class="wafflesh1" style="background-image: url(80X80 GIF/IMG, WILL RESIZE)"></div>
   <div class="wafflesh2">НАЗВАНИЕ ГАЗЕТЫ</div>
   <div class="wafflesh3">ИМЯ ФАМИЛИЯ</div>
 </div>
 <div class="wafflesm">
<b>- Твоя самая характерная черта (-ы)?</b><br>
<i>- ОТВЕТ</i><br><br>

<b>- Каково наибольшее достижение в твоей жизни?</b><br>
<i>- ОТВЕТ</i><br><br>

<b>- Если не собой (актером, певцом, моделью), то кем тебе хотелось бы быть?</b><br>
<i>- ОТВЕТ</i><br><br>

<b>- Приглашение на обед. Кому оно будет адресовано?</b><br>
<i>- ОТВЕТ</i><br><br>

<b>- Дружба – сложное понятие. Какое определение ты дашь и что больше всего ценишь в друзьях?</b><br>
<i>- ОТВЕТ</i><br><br>

<b>- Что вызывает (может вызвать) у тебя чувство отвращения, ненависти?</b><br>
<i>- ОТВЕТ</i><br><br>

<b>- Какие качества ты ценишь в противоположном поле?</b><br>
<i>- ОТВЕТ</i><br><br>

<b>- Что для тебя есть понятие счастья?</b><br>
<i>- ОТВЕТ</i><br><br>

<b>- К каким порокам ты проявишь снисхождение?</b><br>
<i>- ОТВЕТ</i><br><br>

<b>- Что является твоим главным (-ми) недостатком (-ами)? Как ты с ним (-и) борешься?</b><br>
<i>- ОТВЕТ</i><br><br>

<b>- Ты стал (-а) замечательным актером/певцом/моделью (нужное оставить), на тебя равняются люди, о тебе хотят знать все. Как ты относишься к публичной стороне своей жизни?</b><br>
<i>- ОТВЕТ</i><br>
 </div>
<div class="wafflesf"><b>дата рождения; ориентация; профессия </b></div>
</div>
</center>

0

4

Код:
<!--HTML-->
<style type="text/css">
.relation1 {
width: 450px; 
line-height: 120%;
background-color: #eef0e6;
border: 10px solid #b9c7c4;
box-shadow: 0px 0px 10px rgba(0,0,0,0.3)
letter-spacing: 0px;  
text-align: justify; 
padding: -30px 30px 30px 30px;
font-family: roboto slab;; 
font-size: 12px; 
color: #d5dbdf; 
}
.reltitle1 {
width: 450px;
line-height: 120%;
letter-spacing: 0px;  
padding: -30px 30px 30px 30px;
text-transform: uppercase; font-weight: bold; color: #ee939a; font-family: roboto slab; font-size: 27px; text-align: right; text-shadow: 1px 1px 0px #ffffff; 
}

.rel b { font-weight: extra-bold; color: #d5dbdf; }
.relat { opacity: 0; width: 140px; height: 140px; position: relative; background-color: rgba(255, 255, 255, 0.85); -webkit-transition:all 1s ease-in-out; transition:all 1.5s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); }

.relhov:hover { opacity: 1; -webkit-transition:all 1s ease-in-out; transition:all 1.5s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; }

.relhov:hover .relat  { opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); }

.relats { width: 120px; height: 120px; position: relative; padding: 10px; text-align: justify; font-family: montserrat; font-size: 8px; color: #5d5c5c; text-transform: lowercase; letter-spacing: 1px; line height: 10px; overflow: auto; }

</style>
<center>
<div class="topbody">
<div class="relation1">
<div class="reltitle1">

Отношения

</div>
<br>

<table cellspacing="2" cellpadding="2" ><tr>
<td><div style=" width: 140px; padding: 5px; font-family: montserrat; font-size: 9px; color: #7da672; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #d5dbdf;">Имя</div>
<div style="width: 140px; height: 140px; background-image: url(http://placehold.it/140x140);">
<div class="relhov"><div class="relat"><div class="relats">

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

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

</div>

</td>

<td>
<div style=" width: 140px; padding: 5px; font-family: montserrat; font-size: 9px; color: #7da672; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #d5dbdf;">Имя</div>
<div style="width: 140px; height: 140px; background-image: url(http://placehold.it/140x140);">
<div class="relhov"><div class="relat"><div class="relats">

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

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

</div>

</td>

<td>
<div style=" width: 140px; padding: 5px; font-family: montserrat; font-size: 9px; color: #7da672; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #d5dbdf;">Имя</div>
<div style="width: 140px; height: 140px; background-image: url(http://placehold.it/140x140);">

<div class="relhov"><div class="relat"><div class="relats">

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

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

</div>

</td>

</tr></table>

<table cellspacing="2" cellpadding="2" ><tr>
<td><div style=" width: 140px; padding: 5px; font-family: montserrat; font-size: 9px; color: #7da672; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #d5dbdf;">Имя</div>
<div style="width: 140px; height: 140px; background-image: url(http://placehold.it/140x140);">
<div class="relhov"><div class="relat"><div class="relats">

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

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

</div>

</td>

<td>
<div style=" width: 140px; padding: 5px; font-family: montserrat; font-size: 9px; color: #7da672; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #d5dbdf;">Имя</div>
<div style="width: 140px; height: 140px; background-image: url(http://placehold.it/140x140);">
<div class="relhov"><div class="relat"><div class="relats">

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

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

</div>

</td>

<td>
<div style=" width: 140px; padding: 5px; font-family: montserrat; font-size: 9px; color: #7da672; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #d5dbdf;">Имя</div>
<div style="width: 140px; height: 140px; background-image: url(http://placehold.it/140x140);">

<div class="relhov"><div class="relat"><div class="relats">

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

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

</div>

</td>

</tr></table>
<br>

0

5

Код:
<!--HTML--><center><style>
.mem { width: 450px; height: 200px; position: relative; background-color: #b9c7c4; padding: 10px; box-shadow: 1px 1px 3px #aaa;}
.mem a { font-family: iceland; font-size: 14px; line-height: 100%; text-transform: uppercase; color: #000;}
.mem a:hover { color: #aaa;}
.mew { width: 430px; height: 135px; border: 5px solid #eef0e6; border-top: 9px solid #eef0e6; border-bottom: 9px solid #eef0e6; outline: 1px solid #eef0e6; float: right; background: #eef0e6; padding: 0px 4px; overflow: auto; margin: 1px; text-align: justify; font-family: arial; font-size: 11px;} .mew::-webkit-scrollbar { width: 1px; } .mew::-webkit-scrollbar-track { background: #eef0e6; } .mew::-webkit-scrollbar-thumb { background: #aaa;}

.mew h1 {text-align: left; font-family: montserrat; font-size: 15px; text-transform: uppercase; color: #a1b2cf; border-bottom: 1px dotted #a1b2cf; line-height: 25px; margin-bottom: 0px;}
.mew a {padding-left: 20px; text-align: center; font-family: marvel; text-transform: uppercase; font-size: 12px; line-height: 100%; color: #a1b2cf;}
</style>

<div class="mem">
<div style="width: 425px; height: 20px; border: 9px solid #eef0e6; outline: 1px solid #ddd; float: left; margin: 1px; margin-bottom: 6px; font-family: roboto slab; font-size: 27px; padding-right: 5px; line-height: 60%; text-align: right; text-transform: uppercase; color: #ee939a; text-shadow: 1px 1px 0px #ffffff; background: #eef0e6;"><b>хронология</b></div>

<div class="mew">
<h1>активные эпизоды</h1>
<a href="ссылка на эпизод">название эпизода</a> ~ участник & участник <br>
<a href="ссылка на эпизод">название эпизода</a> ~ участник & участник <br>

<br><h1>отыгранные эпизоды</h1>
<a href="ссылка на эпизод">название эпизода</a>  ~ участник & участник<br>
<a href="ссылка на эпизод">название эпизода</a> ~ участник & участник <br>

<br><h1>прерванные эпизоды</h1>
<a href="ссылка на эпизод">название эпизода</a>  ~ участник & участник<br>
<a href="ссылка на эпизод">название эпизода</a> ~ участник & участник <br>
</div>
</div>

<link href='http://mzxw45dt.m5xw6z3mmvqxa2ltfzrw63i.cmle.ru/css?family=Iceland' rel='stylesheet' type='text/css'>

0

6

Код:
<!--HTML-->
<style type="text/css">
.instab { width: 280px; height: 280px; position: relative; overflow: hidden; }
.instab .insta { position: absolute; bottom: -280px; background-color: rgba(250,250,250,0.7); width: 260px; height: 260px; font-family: montserrat; font-size: 10px; color: #5d5c5c; text-transform: lowercase; letter-spacing: 2px; text-align: justify; overflow: hidden; line-height: 100%; color: #ffff; padding: 10px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.instab:hover .insta { bottom: 0px; }
</style>
<link href='http://mzxw45dt.m5xw6z3mmvqxa2ltfzrw63i.cmle.ru/css?family=Marvel' rel='stylesheet' type='text/css'>

<center><div style="width: 260px; background-color: #ee939a; color: #fff; padding: 20px; font-family: 'Marvel', sans-serif; font-size: 15px; text-align: left; line-height: 100%; text-transform: uppercase; border-bottom: 3px double #E9DEB5;"><div style="float: left; margin-right: 20px;"></div> <b>участники команды</b> </div>

<div style="width: 280px; padding: 10px; background-color: #edcbce;"><div class="instab"><div style="background-image: url(http://sh.uploads.ru/T1WsJ.png); width: 280px; height: 280px;"><div class="insta"> 

<center><a href=""><b>имя_фамилия</b></a> <br>
<a href=""><b>имя_фамилия</b></a> <br>
<a href=""><b>имя_фамилия</b></a> <br>
<a href=""><b>имя_фамилия</b></a> <br>
<a href=""><b>имя_фамилия</b></a> <br>
<a href=""><b>имя_фамилия</b></a> <br>
</center><br>
</div></div></div></div></center>

0

7

Код:
<!--HTML-->
<style type="text/css">

#smtm {width: 250px; height: 405px; overflow: hidden; position: relative;}
#smtm .page { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; position: absolute; left: 0px; bottom: 0px; width: 250px; height: 405px;}
#smtm:hover .page {-WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; left: -250px;}

#unpretty b { font-family: 'Lato', sans-serif; color: #000; font-size: 10px; color: #d21a1a; font-weight: extra-bold; }
#unpretty i { font-family: 'Lato', sans-serif; color: #000; font-size: 10px; color: #d21a1a; font-style: italic; }

.yg { width: 475px; height: 415px; overflow-y: hidden; overflow-x: scroll; }
.yg::-webkit-scrollbar { height: 4px; background-color: #transparent; }
.yg::-webkit-scrollbar-thumb { background-color: #d21a1a; }

.zipal { width: 240px; height: 340px; padding: 10px; background-color: #fff; font-family: 'Lato', sans-serif; color: #000; font-size: 10px; line-height: 95%; text-align: justify; overflow: auto; }
.zipal::-webkit-scrollbar { width: 2px; height: 5px; }
.zipal::-webkit-scrollbar-track { background-color: transparent; }
.zipal::-webkit-scrollbar-thumb { background-color: #d21a1a; }

.aomg { width: 245px; height: 405px; background-color: #fff; }

.brandnew { width: 240px; padding: 3px; font-family: 'Yanone Kaffeesatz', sans-serif; color: #000; font-size: 18px; text-transform: uppercase; font-style: italic; border-bottom: 2px solid #d21a1a; text-align: left; }

.blacknut { width: 240px; padding: 3px; font-family: 'Yanone Kaffeesatz', sans-serif; color: #000; font-size: 10px; text-transform: lowercase; text-align: right; letter-spacing: 1px; }

.mino { font-family: 'Yanone Kaffeesatz', sans-serif; color: #000; font-size: 14px; text-transform: uppercase; font-style: italic; border-bottom: 1px dotted #d21a1a; text-align: left; padding: 2px; }

</style>

<center>
<div class="topicbody">
<div class="topicname">Вместе с нами</div>
<div class="topictext">Благодаря этому списку гостям, да и нам самим, будет гораздо проще разобраться, кто свободен, а кто нет.<br>
[x] - 

<div class="yg"><div id="unpretty"><table><tr>

<td>
<div style="width:250px; height:405px; background-color: #fff;"><div id="smtm"><div class="aomg"><div class="brandnew">ДЕВУШКИ</div><div class="blacknut">цитата</div><div class="zipal">


<div class="mino">A-B-C-D</div><br>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br><br>

<div class="mino">E-F-G-H</div><br>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br><br>

<div class="mino">I-J-K-L</div><br>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br><br>

<div class="mino">M-N-O-P</div><br>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br><br>

<div class="mino">Q-R-S-T</div><br>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br><br>

<div class="mino">U-V-W</div><br>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br><br>

<div class="mino">X-Y-Z</div><br>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>

</div><br></div></div></center></div></div></div></td>

<td><div style="width:250px; height:405px; background-color: #fff;"><div id="smtm"><div class="aomg"><div class="brandnew">ПАРНИ</div><div class="blacknut">цитата</div><div class="zipal">


<div class="mino">A-B-C-D</div><br>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br><br>

<div class="mino">E-F-G-H</div><br>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br><br>

<div class="mino">I-J-K-L</div><br>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br><br>

<div class="mino">M-N-O-P</div><br>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br><br>

<div class="mino">Q-R-S-T</div><br>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br><br>

<div class="mino">U-V-W</div><br>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br><br>

<div class="mino">X-Y-Z</div><br>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>
<br>Имя Фамилия (eng.) - <a href="ссылка на ваш профиль">Имя Фамилия (рус.)</a>


</div><br></div></div></center></div></div></div></td>
</TR></table></div></div><br>

<div><div class="code-box"><strong class="legend"><script type="text/javascript" src="http://forumfiles.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Внести в список'</script></strong>
<div class="blockcode"><div class="scrollbox" style="height: 2.5em"><pre>Имя Фамилия (eng.)* — &lt;a href="URL"&gt;Имя Фамилия (рус.)&lt;/a&gt;&lt;br&gt;</pre></div></div></div>

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

0

8

Код:
<!--HTML--><style type="text/css">
.ahcontainer{width:250px; height: 350px;

background: url(http://savepic.ru/11026410.png);

position: relative; border: 1px solid #fff; outline: 1px solid #c0c0c0; overflow: hidden;}
.ahcontainer .ahcircle{width:21px; height:14px; background-color:#006A87; -webkit-border-radius: 0 25px 25px 0;
border-radius: 0 25px 25px 0; position: absolute; top: 50%; margin-top:-25px; left:0px; overflow: hidden; color:#F5F5F5; padding: 18px 2px; text-align: left; -webkit-transition: all .75s ease;-moz-transition: all .75s ease;-ms-transition: all .75s ease;-o-transition: all .75s ease;transition: all .75s ease;}
.ahcontainer:hover .ahcircle{left:250px;}
.ahcontainer .ahhover{width:200px; height: 200px; background-color: rgba(255,255,255,0.8); position: absolute; top: 50%; left:-250px;-webkit-transition: all .75s ease;-moz-transition: all .75s ease;-ms-transition: all .75s ease;-o-transition: all .75s ease;transition: all .75s ease; margin-top: -125px; padding: 25px; text-align: right;}
.ahcontainer:hover .ahhover{left:0px;}
.ahtitle{font-family: 'open sans', sans-serif; font-weight: 300; font-size: 24px; color: #006A87; text-transform: uppercase; line-height:100%; font-style: italic; border-bottom:1px solid #006A87; text-shadow: 1px 1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff, -1px -1px 0px #fff; position: relative; z-index: 5;}
.ahtitle:first-letter{font-weight: 400;}
.ahdesc{color: #006A87; font-family: 'calibri', sans-serif; font-size: 8px; text-transform: uppercase; font-style: italic; background-color: rgba(255,255,255,0.7); border-bottom:1px solid #c0c0c0; line-height:150%; position: relative; z-index: 5;} 
.ahtext{height:150px; overflow: auto; font-family: 'calibri', sans-serif; font-size: 10px; line-height:110%; text-align: justify; padding: 0px 10px; margin: 10px 0px;}
.ahtext::-webkit-scrollbar{ width: 5px; height: 5px; background-color: #c0c0c0; border:2px solid #fff; }
.ahtext::-webkit-scrollbar-corner{ background-color: #fff; }
.ahtext::-webkit-scrollbar-track{background-color:#fff;}
.ahtext::-webkit-scrollbar-thumb{ background-color: #006A87; }
.ahgif{height:75px; width:75px; border-radius: 100%; -webkit-border-radius:100%; position: absolute;top:-38px; left: 50%; margin-left: -38px; overflow: hidden; border: 3px solid #fff;}
</style><link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300' rel='stylesheet' type='text/css'><center>
<div class="ahcontainer"><div class="ahcircle"></div><div class="ahhover"><div class="ahgif">

<img src="http://savepic.ru/11042797.gif" width=75px>

</div><div class="ahtitle">

ИМЯ АДМИНА

</div><div class="ahdesc">

связь

</div><div class="ahtext">

описание

</div></div></div>
 <div style="width:250px; text-align: right; font-size: 9px; text-decoration: none; font-family: 'calibri', sans-serif;">
  
 </div></center></html>

0

9

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

#letgo { width: 500px; background: #fff; box-shadow: 1px 1px 3px #111; -webkit-box-shadow: 1px 1px 3px #111; -moz-box-shadow: 1px 1px 3px #111; }

.letgotop { height: 130px; padding: 30px; background: -webkit-linear-gradient(top left, #008584, #5EBDAC, #C5E6DC); background: -o-linear-gradient(top left, #008584, #5EBDAC, #C5E6DC); background: -moz-linear-gradient(top left, #008584, #5EBDAC, #C5E6DC); background: linear-gradient(top left, #008584, #5EBDAC, #C5E6DC); background-attachment: fixed; }

.letgotop img { position: relative; top: 40px; width: 100px; height: 100px; border: 5px solid #fff; background-image: url(http://placehold.it/100x100); display: inline-block; z-index: 2; }

.letgotitle { position: relative; top: 10px; width: auto; padding: 5px; font-family: montserrat; font-size: 20px; color: #C5E6DC; font-weight: 700; text-shadow: -1px -1px #5EBDAC, 1px -1px #5EBDAC, -1px 1px #5EBDAC, 1px 1px #5EBDAC; text-align: center; text-transform: uppercase; letter-spacing: -1px; line-height: 15px; }
.letgotitle:before { content: ''; width: 20px; height: 1px; background: #fff; display: inline-block; vertical-align: middle; margin-right: 10px; }
.letgotitle:after { content: ''; width: 20px; height: 1px; background: #fff; display: inline-block; vertical-align: middle; margin-left: 10px; }

.letgotag { display: inline-block; margin-top: 15px; margin-left: 10px; width: 175px; padding: 5px; border-bottom: 1px solid #fff; font-family: cousine; font-size: 8px; color: #fff; text-align: left; text-transform: uppercase; letter-spacing: 1px; line-height: 10px; }

.letgotop:after { content: ''; width: 0; height: 0; border-bottom: 50px solid #fff; border-right: 500px solid transparent; margin-top: -50px; display: block; position: relative; top: 25px; right: 30px; z-index: 1; }

.letgocont { margin-top: 10px; padding: 60px; font-family: arial; font-size: 10px; color: #111; text-align: justify; text-transform: lowercase; overflow: auto; letter-spacing: 1px; line-height: 12px; }

.letgocont b { color: #5EBDAC; }

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

<center><div id="letgo">

<div class="letgotop">
<div class="letgotitle"> ПЕРВЫЙ КОНКУРС, ПОТОМУ ЧТО МЫ ВАС ЛЮБИМ! УЧАСТВОВАТЬ ВСЕМ! </div>

<img src="http://media.tumblr.com/tumblr_m8sumabQCh1rul9mk.gif"> <div class="letgotag">you should know all the facts about the star that you like. otherwise you do not like it at all. [c]</div>

</div>

<div class="letgocont">

Добро пожаловать в еще не сформировавшийся домик, где мы будем проводить свое свободное время и куда мы будем отдавать свои последние силы. Мы пока еще не совсем созрели для открытия, хотя работаем над этим не покладая рук, дабы в скором времени порадовать вас. Для чего я все это говорю? Да просто что бы вы знали, что мы о вас ни на секунду не забываем и делаем как можно больше для того, что бы вам было комфортно и уютно здесь находиться. <br>
Именно по этой причине мы с многоуважаемыми коллегами-администраторами решили провести для вас конкурс, чтобы пока амс работают над вашим будущим домиком, вы могли занять себя чем-нибудь, развлечься и просто провести хорошо время. <br>
Не стоит пугаться, задания будут очень простые и забавные, в которых  не нужно думать или лезть в гугл. Здесь ценится ваша интуиция или просто некоторые знания ваших любимых звезд. <br>
Суть первого конкурса такая: я пишу 30 фактов самых различных звезд Голливуда [в основном тех, кто есть у нас на форуме на данный момент], а вам нужно лишь угадать, является это правдой или нет. Все понятно? Если какие-то моменты хочется уточнить, мои личные сообщения для вас всегда открыты. Все ответы отправляем сюда под скрытым текстом. За каждый факт по 1 баллу, кто наберет наибольшее количество баллов, тот является победителем. Однако плюшки уже на готовом форуме получат все, кто участвовала в этом конкурсе, без исключения. Будьте честными, пожалуйста! Не стоит восклицать 'Окей Гугл' после каждого прочитанного факта. Помните, от вашей активности зависит то, будем мы продолжать это делать или нет. Если вам это не надо, так и напишите. Самое главное, все свои действия в этой теме совершаем под скрытым текстом. <br>
Итак, начнем! <br>
<div style="height:250px;width:300px; overflow:auto; padding-left: 40px;"> 
1. <b>Холлэнд Роден</b> когда-то работала в  «CiCi's Pizza». <br> 
2. Полное имя <b>Нины Добрев</b> звучит, как Николина Константиновна Добрева.<br> 
3. <b>Лили Коллинз</b>  была влюблена в Леонардо ДиКаприо и Джастина Тимберлейка, когда она была подростком. <br> 
4. Мама <b>Кэндис Свейнпол</b> никогда не хотела, чтобы ее дочь стала моделью. <br> 
5. 13 –  счастливое число <b>Дианны Агрон</b>.  <br>
6. Из сериала «Волчонок» уходит актер <b>Дилан О'Брайен</b>.  <br>
7. <b>Фиби Тонкин</b> совсем не нравится готовить на кухне.  <br>
8. Помимо актёрской карьеры в кино, время от времени <b>Себастиан Стэн</b> снимается в театре. <br>
9. Один из братьев <b>Сэма Клафлинан</b> на сегодняшний день является музыкантом, второй работает в Болгарии преподавателем физической культуры, а младший брат стал студентом инженерии.  <br>
10. <b>Селена Гомез</b> - огромная поклонница Джонни Деппа и Шайли Лабаф. <br>
11. Сыгравшая Маргери Тирелл из «Игры престолов» <b>Натали Дормер</b>, приходится родственницей леди Джейн Дормер – фрейлине, служившей при дворе английской королевы Марии I Тюдор.<br>
12. Самая первая роль <b>Криса Вуда</b> — это роль крысенка в постановке «Гамельнский крысолов». <br>
13. У <b>Нины Добрев</b> есть старшая сестра, Александра. <br>
14. <b>Дженнифер Энистон</b> родилась в семье врачей. <br>
15. В подростковом возрасте <b>Анджелина Джоли</b> носила черные кожаные штаны, красила волосы в фиолетовый цвет и мечтала стать директором похоронного бюро. <br>
16. <b>Роберт Дауни Младший</b>  - бывший бисексуал. <br>
17. <b>Крис Эванс</b> абсолютно не боится высоты и полетов, даже наоборот, часто просится сниматься в таких сценах самостоятельно. <br>
18. Любимое животное <b>Фиби Тонкин</b> - дельфин.<br>
19. На скрин-тесте сериала «Волчонок» перед выбором, кто из братьев [Чарли Карвер и Макс Карвер] сыграет какую роль, <b>Холлэнд Роден</b> целовалась с обоими близнецами. Когда у неё спросили, кто целовался лучше, она так и не смогла выбрать. <br>
20. <b>Йен Сомерхолдер</b> умеет рисовать, и выходит это у него весьма неплохо, как говорит он сам.<br>
21. Друзья зовут <b>Эмилию Кларк</b> коротким именем Милли.  <br>
22. <b>Райан Гослинг</b> пробовался на роль молодого миллиардера с необычными сексуальными пристрастиями в трилогии «50 оттенков серого». <br>
23. Для съемок в первой части «Тора» стройному <b>Крису Хемсворту</b> пришлось набрать более 9 килограммов мышечной массы!<br>
24. Актриса <b>Лили Коллинз</b> перенесла пластическую операцию на носу, чтобы устранить искривление носовой перегородки, которое она получила в результате удара в нос в четырнадцатилетнем возрасте. <br>
25. <b>Эван Питерс</b> захотел стать актером, чтобы познакомиться с сестрами Олсен, в которых был влюблен в детстве. <br>
26. Чего только не ломал <b>Орландо Блум</b> за свои 38 лет: рёбра, руки, ноги, пальцы на руках и на ногах, нос. Плюс к этому: повреждение черепа, вывих челюсти и, как минимум, три сотрясения мозга.  <br>
27. <b>Том Хиддлстон</b> не очень любит комедии и никогда не хотел в них сниматься. <br>
28. Пенис <b>Макла Фассбендера</b> оценил даже Джордж Клуни. Посмотрев «Стыд», американский секс-символ заметил, что «Майкл может использовать свое хозяйство для игры в гольф». <br>
29. <b>Скарлетт Йохансон</b> больше всего не любит печь пироги, особенно лимонные.  <br>
30.  Фамилия <b>Кэндис Акколы</b> на самом деле произноситься с ударением на первый слог - Ȧккола. </div><br>
</div>

</div>

0

10

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Monda' rel='stylesheet' type='text/css'>
<center>
<div style="width: 400px; background-image: url('http://colourlovers.com.s3.amazonaws.com/images/patterns/1574/1574798.png'); background-repeat: repeat;">
<div style="width: 350px; background-color: #c8fadb; font-family: 'monda'; font-size: 10px; color: #fe7597; text-align: justify; border-top: solid 5px #83e1cd; border-bottom: solid 5px #83e1cd;">
<p>
<img src="http://placehold.it/350x200">
<p>
<center>
<div style="width: 335px; background-color: #ffffff; font-family: 'Monda'; font-size: 10px; color: #fccfcc; text-align: justify; padding: 5px;">
lorem ipsum dolor sit amet, consectetur adipiscing elit. cras massa orci, placerat eget eleifend ac, varius sed augue. fusce laoreet, leo ac consequat rhoncus, eros diam venenatis nunc, quis egestas turpis justo vitae neque. pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. nunc pellentesque neque vitae massa dictum ut varius ipsum viverra. aliquam eu elit turpis. vivamus tempus eros at nibh lacinia interdum. in quam nisl, iaculis eu molestie non, tincidunt eget mi. quisque id erat eget sem pellentesque pulvinar at sollicitudin quam. nam mi quam, bibendum at bibendum id, luctus consectetur dui. curabitur eget nulla nibh, sed viverra leo. fusce id nisi ut nibh eleifend euismod in nec dolor. mauris ullamcorper tempor velit, eget lobortis magna aliquam a. curabitur gravida vehicula quam nec rutrum. curabitur ut interdum odio.<p>

suspendisse id quam dolor, vitae pretium enim. curabitur sapien nisl, gravida eu aliquam vel, luctus a ligula. praesent porttitor adipiscing placerat. maecenas luctus nisi id est suscipit cursus. pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. pellentesque feugiat diam a nibh molestie nec placerat ligula interdum. curabitur commodo, nulla id dignissim tempus, metus lectus eleifend tortor, non posuere leo risus quis nisi. aenean eu posuere eros. pellentesque velit nibh, sodales id venenatis quis, bibendum sed dui. duis iaculis arcu neque. ut eu neque dolor, et porttitor enim. fusce nulla justo, pellentesque a vulputate eu, dignissim vel est. aliquam erat volutpat. integer ultrices eleifend nunc sollicitudin vehicula. pellentesque quis lectus nisl. suspendisse potenti.<p>

quisque tempus fermentum neque at scelerisque. in hac habitasse platea dictumst. phasellus in sapien odio. curabitur scelerisque, mi in pulvinar placerat, sem odio ultricies nulla, et porttitor massa odio at nulla. mauris aliquet enim sit amet odio tincidunt adipiscing. nullam ac metus sit amet mi sodales viverra et a quam. ut interdum purus sit amet dolor pellentesque cursus.<p>
</div>
tagged: ### ♥ words: ### ♥ mood: ### ♥ notes: ###



</center>

</div>
</div>
<div style="font-size: 10px; color: #000000;">
<a href="https://shadowplayers.jcink.net/index.php?showuser=24">© alice in wonderland.</a></div>
</center>

0

11

Код:
<!--HTML-->
<div id="rt1">
<img src="http://placehold.it/100">

Boxing is about respect. getting it for yourself, and taking it away from the other guy. the man likes to play chess; let's get him some rocks. rehabilitated? well, now let me see. you know, i don't have any idea what that means. i once heard a wise man say there are no perfect men. only perfect intentions. i don't think they tried to market it to the billionaire, spelunking, base-jumping crowd. well, what is it today? more spelunking? mister wayne, if you don't want to tell me exactly what you're doing, when i'm asked, i don't have to lie. but don't think of me as an idiot. you measure yourself by the people who measure themselves by you. that tall drink of water with the silver spoon up his ass. i now issue a new commandment: thou shalt do the dance. cities fall but they are rebuilt. heroes die but they are remembered. bruce... i'm god.

<p>I did the same thing to gandhi, he didn't eat for three weeks. multiply your anger by about a hundred, kate, that's how much he thinks he loves you. cities fall but they are rebuilt. heroes die but they are remembered. no, this is mount everest. you should flip on the discovery channel from time to time. but i guess you can't now, being dead and all. let me tell you something my friend. hope is a dangerous thing. hope can drive a man insane. circumstances have taught me that a man's ethics are the only possessions he will take beyond the grave. it only took me six days. same time it took the lord to make the world.

<p>I did the same thing to gandhi, he didn't eat for three weeks. multiply your anger by about a hundred, kate, that's how much he thinks he loves you. cities fall but they are rebuilt. heroes die but they are remembered. no, this is mount everest. you should flip on the discovery channel from time to time. but i guess you can't now, being dead and all. let me tell you something my friend. hope is a dangerous thing. hope can drive a man insane. circumstances have taught me that a man's ethics are the only possessions he will take beyond the grave. it only took me six days. same time it took the lord to make the world.

</div>
<div id="scercy"><a href="https://shadowplayers.jcink.net/index.php?showuser=41"><h1>

lyrics here yo bro

</h1></a></div>

<link href='https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<style>
#rt1 { width: 350px; padding: 10px; columns: 2; -webkit-columns: 2; -moz-columns: 2; background: white; border: 20px solid #c2d2ae; margin: 0 auto; text-align: justify; font: 10px/120% open sans; box-shadow: 0 0 8px #565d4d; }
#rt1:first-line { font: 700 12px/100% alegreya sans sc; color: #6F7E97; letter-spacing: 1px; }
#rt1 p:first-line { font: 700 12px/100% alegreya sans sc; color: #6F7E97; letter-spacing: 1px; }
#rt1 img { float: left; margin: 0 10px 5px 0; border: 1px solid #D8EAC2; padding: 10px; width: 80px; }
#scercy { width: 460px; height: 60px; background: #D8EAC2; margin: 0 auto; position: relative; top: -20px; text-align: center; }
#scercy h1 { font: 700 20px/3 alegreya sans sc; color: #6F7E97; margin: 0; text-transform: lowercase; letter-spacing: 1px; }
#scercy h1:before { content: ""; width: 20px; height: 1px; display: inline-block; background: #6F7E97; vertical-align: middle; margin-right: 10px; }
#scercy h1:after { content: ""; width: 20px; height: 1px; display: inline-block; background: #6F7E97; vertical-align: middle; margin-left: 10px; }
#scercy:before { content: ""; height: 0; width: 0; border-bottom: 10px solid #97a387; border-left: 25px solid transparent; position: absolute; top: -10px; left: 0; }
#scercy:after { content: ""; height: 0; width: 0; border-bottom: 10px solid #97a387; border-right: 25px solid transparent; position: absolute; top: -10px; right: 0; }
#scercy a { text-decoration: none; color: #6F7E97; }
</style>

0

12

Код:
<!--HTML-->
<div id="erer1"><div id="erer2">

<img src="http://i.imgur.com/WCm3Fv9.gif"><a href="https://shadowplayers.jcink.net/index.php?showuser=41">
<img src="http://i.imgur.com/uuNF9vU.gif">
</a><h1>

badaboum badaboum

</h1></div><span>

The look in your eyes, I recognize it. <b>You used to have it for me. My oath is between Captain Kargan and myself.</b> Your only concern is with how you obey my orders. Or do you prefer the rank of prisoner to that of lieutenant? I'll alert the crew. I can't. As much as I care about you, my first duty is to the ship. I will obey your orders. I will serve this ship as First Officer. And in an attack against the Enterprise, I will die with this crew. But I will not break my oath of loyalty to Starfleet. Yes, absolutely, I do indeed concur, wholeheartedly! Damage report! I guess it's better to be lucky than good. The Enterprise computer system is controlled by three primary main processor cores, cross-linked with a redundant melacortz ramistat, fourteen kiloquad interface modules.

</span>
</div>

<style>
#erer1 { width: 300px; padding: 20px 20px 10px 20px; background: white; margin: 10px auto; font: 10px/120% roboto; text-align: justify; color: #555; outline: 1px solid #e9e9e9; }
#erer1 span { padding: 20px; display: block; }
#erer1 b { color: #C96856; font-size: 12px; }
#erer2 { position: relative; width: 280px; height: 58px; background: #C96856; padding: 10px; }
#erer2 img { width: 40px; position: relative; top: 5px; left: 40px; border-radius: 50%; margin-right: 4px; border: 4px solid rgba(255,255,255,.4); }
#erer2 h1 { margin: 0; text-align: right; font: italic 9px/100% courier; color: white; border-top: 1px solid white; padding-top: 10px; margin-top: -22px; }
</style>

0

13

Код:
<!--HTML-->
<center><div class="character-Meganium-bg"><div class="character-Meganium-bg2"></div><div class="character-Meganium-img"><img src="https://placehold.it/300x150" width="300" height="150" style="border:#fff solid 5px;"></div><div class="character-Meganium-text">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. <t>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</t><p>
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. <t2>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</t2>
</div></div><div class="character-Meganium-notes">Date • Outfit • Tag</div> <a href="https://shadowplayers.jcink.net/index.php?showuser=307">✽</a>
</center>
<link href="https://fonts.googleapis.com/css?family=Archivo" rel="stylesheet">
<style>
.character-Meganium-bg {width:400px;height:auto;background:#fff;overflow:hidden;}
.character-Meganium-bg2 {width:450px;height:150px;background:#8a912d;transform:rotate(-10deg);margin-top:-10%;margin-left:-5%;}
.character-Meganium-img {max-width:100%;height:auto;object-fit:contain;margin-top:-80px;position:relative;}
.character-Meganium-text {width:370px;padding:10px;text-align:justify;font-family:Archivo;font-size:15px;color:black;line-height:1;}
.character-Meganium-notes {width:380px;padding:10px;background:#fff;font-family:Archivo;font-size:13px;color:#8a912d;font-weight:bold;text-transform:uppercase;}
.character-Meganium-text t {font-weight:bold;color:#be7955;}
.character-Meganium-text t2 {font-style:italic;color:#be7955;}
 </style>

0

14

Код:
<!--HTML-->
<div id="gh1" style="background-image: url(http://placehold.it/200);">

<a href="https://shadowplayers.jcink.net/index.php?showuser=41">

<img src="http://placehold.it/100">

</a><div id="gh2"><h2>

my

</h2><h1>

destiny of love

</h1><div id="gh3">

I've had twelve years to think about it. And if I had it to do over again, I would have grabbed the phaser and pointed it at you instead of them. Travel time to the nearest starbase? A lot of things can change in twelve years, Admiral. We have a saboteur aboard. A surprise party? Mr. Worf, I hate surprise parties. I would *never* do that to you. Ensign Babyface! We know you're dealing in stolen ore. But I wanna talk about the assassination attempt on Lieutenant Worf. In all trust, there is the possibility for betrayal. The unexpected is our normal routine. Some days you get the bear, and some days the bear gets you. I'll be sure to note that in my log. I think you've let your personal feelings cloud your judgement. I can't. As much as I care about you, my first duty is to the ship. About four years. I got tired of hearing how young I looked. Some days you get the bear, and some days the bear gets you. Maybe if we felt any human loss as keenly as we feel one of those close to us, human history would be far less bloody. Mr. Crusher, ready a collision course with the Borg ship. For an android with no feelings, he sure managed to evoke them in others.

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

<link href='https://fonts.googleapis.com/css?family=Nixie+One|Roboto:400' rel='stylesheet' type='text/css'>
<style>
#gh1 { color: black; width: 200px; height: 200px; border: 6px solid white; background: url(http://placehold.it/200); box-shadow: 1px 1px 4px grey; margin: 0 auto; position: relative; overflow: hidden; border-radius: 4px; }
#gh2 { width: 200px; height: 200px; background: rgb(134,150,148); /* Old browsers */
background: -moz-linear-gradient(top, rgba(134,150,148,1) 0%, rgba(126,176,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(134,150,148,1) 0%,rgba(126,176,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(134,150,148,1) 0%,rgba(126,176,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#869694', endColorstr='#7eb0ed',GradientType=0 ); /* IE6-9 */ position: absolute; top: 200px; left: 0; transition: 1s 1s; }
#gh2:before { width: 0; height: 0; border-left: 200px solid #869694; border-top: 50px solid transparent; content: ""; position: absolute; top: -50px; left: 0; }
#gh1 img { width: 60px; border-radius: 50%; position: absolute; bottom: 7px; left: 10px; z-index: 2; border: 4px solid white; }
#gh2 h1 { font: italic bold 20px/100% nixie one; position: absolute; bottom: 0; right: -120px; text-transform: uppercase; width: 100px; text-align: center; transform: rotate(-15deg); color: white; transition: 1s; }
#gh2 h2 { font: italic bold 20px/100% nixie one; position: absolute; bottom: 35px; right: -112px; text-transform: uppercase; width: 100px; text-align: center; transform: rotate(-15deg); color: white; transition: 1s; }
#gh2 h2:before { width: 20px; height: 1px; background: white; display: inline-block; vertical-align: middle; margin-right: 4px; content: ""; }
#gh2 h2:after { width: 20px; height: 1px; background: white; display: inline-block; vertical-align: middle; margin-left: 4px; content: ""; }
#gh3 { width: 156px; height: 90px; position: absolute; background: white; top: 10px; left: 10px; padding-right: 4px; border: 10px solid white; font: 9px/120% roboto; text-align: justify; overflow: auto; transform: scale(0); transition: 1s; }

#gh1:hover #gh2 { top: 0; transition: 1s; }
#gh1:hover #gh2 h1 { right: 20px; transition: 1s 1.3s; }
#gh1:hover #gh2 h2 { right: 28px; transition: 1s 1.3s; }
#gh1:hover #gh3 { transform: scale(1); transition: 1s 1s; }

#gh3::-webkit-scrollbar { width: 3px; }
#gh3::-webkit-scrollbar-track { background: white; border: 1px solid #7eb0ed; border-radius: 3px; }
#gh3::-webkit-scrollbar-thumb { background: #7eb0ed; border-radius: 3px; }
</style>

0

15

Код:
<!--HTML-->
<div id="shutter1"><c><img src="http://placehold.it/100"></c>
<h1><span>blue</span> monday</h1>
<h2>Tell me how does it feel</h2>
<div id="inshut1">

A drug person can learn to cope with things like seeing their dead grandmother crawling up their leg with a knife in her teeth. <b>"but no one should be asked to handle this trip."</b> i want to shoot the pigeons... off my roof. your were only supposed to blow the bloody doors off. we are very much alike, you and i, i and you... us. we had two bags of grass, seventy-five pellets of mescaline, five sheets of high-powered blotter acid, a saltshaker half-full of cocaine, and a whole galaxy of multi-colored uppers, downers, screamers, laughers... me? i'm dishonest, and a dishonest man you can always trust to be dishonest. honestly. it's the honest ones you want to watch out for, because you can never predict when they're going to do something incredibly... stupid. we're not sheep! you are as precious to me as you were to your own mother and father. i swore to them that i would protect you, and i haven't. well, then, i confess, it is my intention to commandeer one of these ships, pick up a crew in tortuga, raid, pillage, plunder and otherwise pilfer my weasely black guts out. holy jesus. what are these goddamn animals? i took a viagra, got stuck in me throat, i've had a stiff neck for hours. at this point, i'd set you up with a chimpanzee if it'd brought you back to the world!
<p>My lord! you're a tripod. what? no. we can't stop here. <i>this is bat country. pull my finger! forget about it" is, like, if you agree with someone, you know, like "raquel welch is one great piece of ass.</i> forget about it!" but then, if you disagree, like "a lincoln is better than a cadillac? forget about it!" you know? but then, it's also like if something's the greatest thing in the world, like, "minghia! those peppers! forget about it!" when i get back, remind to tell you about the time i took 100 nuns to nairobi! you know, your bobby dangler, giggle stick, your general-two-colonels, master of ceremonies... yeah, don't be shy, let's have a look. you wouldn't hit a man with no trousers on, would you? you're only supposed to blow the bloody doors off! do you like my meadow? try some of my grass! please have a blade, please do, it's so delectable and so darn good looking! giddy-up... no, no this way... good horsey. yes, i used a machine gun. it's not the size mate, it's how you use it.

</div>
<h3>When your heart grows cold?</h3>
<div id="shutcred1"><a href="http://candylandcouture.b1.jcink.com/index.php?showuser=3189">▼</a><a href="http://shine.b1.jcink.com/index.php?showuser=11414">▼</a><a href="https://shadowplayers.jcink.net/index.php?showuser=41">▼</a></div>
</div>

<link href='https://fonts.googleapis.com/css?family=PT+Mono' rel='stylesheet' type='text/css'>
<style>
#shutter1 { width: 400px; background: #4f5257; padding: 20px; margin: 0 auto; border: 10px solid white; outline: 1px solid #b4c5cf; }
#inshut1 { color: #222; background: white; padding: 30px; text-align: justify; font: 10px/120% roboto; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-rule: 1px solid #b4c5cf; -moz-column-rule: 1px solid #b4c5cf; column-rule: 1px solid #b4c5cf; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }
#shutter1 h1 { color: white; border-bottom: 1px solid white; border-right: 1px solid white; margin: 0; text-align: center; font: 20px/100% pt mono; text-transform: uppercase; letter-spacing: 2px; }
#shutter1 h1 span { border-bottom: 3px solid #b4c5cf; color: #b4c5cf; }
#shutter1 h2, #shutter1 h3 { padding: 4px 0;  margin: 0; color: white; text-align: right; font: 8px/100% pt mono; text-transform: uppercase; letter-spacing: 2px; border-left: 1px solid white; }
#shutter1 h3 { text-align: left; border-left: none; border-right: 1px solid white; border-bottom: 1px solid white; }
#shutter1 c { margin: 0 0 -5px 0; border-right: 1px solid white; display: inline-block; width: 379px; padding: 4px 20px 6px 0; }
#shutter1 c img { float: right; width: 50px; border-radius: 50%; border: 1px solid white; padding: 6px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); }
#shutter1 b { color: #6b7a8c; font: 900 12px/100% pt mono; }
#shutter1 i { color: #a1a19e; }
#shutter1 a { color: white; text-decoration: none; margin: 0 2px; }
#shutcred1 { text-align: right; width: 100%; font: 8px/100% pt mono; margin: 4px 0 -10px 0; }
</style>

0

16

Код:
<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Contrail+One|Pragati+Narrow" rel="stylesheet">

<style>
.lonely-container {
   width: 510px;
   height: 420px; 
  background-color:#A1DBB2;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  font-family: 'Pragati Narrow', sans-serif;
  color: #000;
  line-height: 100%;
  font-size: 9px;
}

 .lonely-wrap {height:400px;
 position: relative;}
 
 .lonely-img {height:400px;
 width:250px; 
 position: absolute; 
 top: 10px;
 right: 10px;
 outline: 10px solid #fff;
 outline-offset: -10px;
 background-image: url("http://placehold.it/250x400")
 }
 
 .lonely-head {height:200px;
 width:250px;
 background-color: #A1DBB2;
 position: absolute;
 top: 0px;
 left: 0px;}

 .lonely-head h1 {
 border: 10px solid #fff; 
 padding: 5px; 
 margin: 10px 10px 5px 10px;
 color:#fff;
 font-size: 40px; 
 line-height: 40px;
 letter-spacing: 10px;
 text-align: center;
 text-transform: uppercase; 
 font-weight: bold;
 font-style: italic;
 }
 

.lonely-textbox {
   width: 210px; 
   height: 240px; 
   border: 10px solid #fff;
   position: absolute;
   top: 150px;
   left: 10px; 
   overflow: auto;
   background-color: #fff;
}

.lonely-textbox p { 
   padding: 0px 10px 5px 10px;
   font-family: 'Pragati Narrow', sans-serif;
   font-size: 12px; 
   text-align: justify;
   letter-spacing: 1px;
   line-height: 100%;
}

 .lonely-cred {width: 500px;
 margin: 0px auto;
 font-size:6px;
 color: #655643;
 font-family: 'Pragati Narrow', sans-serif;
 text-align: right; 
 font-weight: bold;
 text-transform: uppercase;
 letter-spacing: 1px;
 line-height: 9px;
 text-decoration: none;}
 
 .lonely-cred a, .faux-cred a:visited {
 color: #A1DBB2;
 font-size:6px;
 text-decoration: none;}

.lonely-container ::-webkit-scrollbar { background: #ffff; width: 6px;}

.lonely-container ::-webkit-scrollbar-thumb { background: #A1DBB2; width: 2px; }
</style>

<div class="lonely-container">

<div class="lonely-wrap"> 
<div class="lonely-head"><h1>lovely little lonely</h1></div>
   <div class="lonely-img"></div>
   <div class="lonely-textbox"><p>
This is where your words go. Use < br >< br > (without the spaces) for line breaks.</p></div>
   </div>
   
</div>
<div class="lonely-cred">thanks <a href="https://shadowplayers.jcink.net/index.php?showuser=8">jersey</a></div>

0

17

Код:
<!--HTML-->
<center><div class="character-tealgold-bg">
<div class="character-tealgold-bar1"></div><div class="character-tealgold-imgbg"><div class="character-tealgold-img"><img src="https://placehold.it/150" width="150" height="150" style="border-radius:100%"></div></div><div class="character-tealgold-content"><div class="character-tealgold-letter">L</div>orem 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
<p>
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.

</div>
<div class="character-tealgold-bar2">Date • Outfit • Tag</div></div><a href="https://shadowplayers.jcink.net/index.php?showuser=307">✽</a>

<link href="https://fonts.googleapis.com/css?family=Meddon" rel="stylesheet">
</center>
<style>
.character-tealgold-bg {width:430px;background-color:white;}
.character-tealgold-bar1 {width:340px;background-color:#008080;padding:45px;}
.character-tealgold-imgbg {background:rgba(255,255,255,0.5);height:150px;width:150px;border:#d49e4a solid 2px;padding:10px;border-radius:100%;margin-top:-80px;}
.character-tealgold-img {max-width: 100%; height: auto;object-fit:contain;}
.character-tealgold-content {color:black;text-align:justify;line-height:1;padding:15px;}
.character-tealgold-letter {width:30px;padding:10px;background-color:#d49e4a;color:white;font-family:Meddon;font-size:25px;margin-right:5px;float:left;}
.character-tealgold-bar2 {width:410px;background-color:#d49e4a;padding:10px;color:white;}
</style>

0

18

Код:
<!--HTML-->
<style>
 .Obedear1 {
   width: 400px;
   height: 300px;
   background-color: #E2E6E9;
 }
 
 .Obedear11 {
   width: 390px;
   height: 7px;
   padding: 12px 5px;
   background-color: #262D43;
   font-family: 'Montserrat', sans-serif;
   font-size: 7px;
   line-height: 120%;
   text-transform: uppercase;
   color: #E2E6E9;
   letter-spacing: 1px;
   position: absolute;
 }
 
 .Obedear12 {
   width: 400px;
   height: 238px;
   background-color: #E2E6E9;
   position: absolute;
   margin-top: 31px;
   overflow: hidden;
 }
 
 .Obedear12:hover .Obedear121 {
   margin-left: -250px;
 }
 
 .Obedear12:hover .Obedear122 {
   margin-left: 0px;
 }
 
 .Obedear12:hover .Obedear123 {
   margin-left: 150px;
 }
 
 .Obedear121 {
   width: 250px;
   height: 238px;
   background-image: url("http://placehold.it/250x238");
   position: absolute;
   transition-duration: 0.5s;
 }
 
 .Obedear122 {
   width: 150px;
   height: 238px;
   background-color: #E2E6E9;
   position: absolute;
   margin-left: 250px;
   transition-duration: 0.5s;
 }
 
 .Obedear1221 {
   position: absolute;
   margin-top: 32px;
   margin-left: 32px;
   width: 75px;
   height: 75px;
   padding: 5px;
   background-image: url("http://placehold.it/75x75");
   background-repeat: no-repeat;
   background-position: center;
   Border: 1px solid #262D43;
 }
 
 .Obedear1222 {
   width: 87px;
   max-height: 46px;
   margin-top: 150px;
   color: #262D43;
   font-family: 'Montserrat', sans-serif;
   font-size: 7px;
   line-height: 120%;
   text-transform: uppercase;
   letter-spacing: 1px;
   text-align: justify;
   text-align-last: center;
   padding: 5px 0;
   border-top: 1px solid #EBB8B7;
   border-bottom: 1px solid #EBB8B7;
   overflow: hidden;
 }
 
 .Obedear123 {
   width: 230px;
   height: 218px;
   padding: 10px;
   background-color: #E2E6E9;
   position: absolute;
   margin-left: 400px;
   transition-duration: 0.5s;
 }
 
 .Obedear1231 {
   width: 218px;
   height: 218px;
   overflow: auto;
   font-family: 'Calibri';
   font-size: 11px;
   text-align: justify;
   padding-right: 10px;
   line-height: 100%;
   color: #262D43;
 }
 
 .Obedear1231::-webkit-scrollbar {
   width: 2px; 
   height: 2px;
 } 

 .Obedear1231::-webkit-scrollbar-thumb { 
   background-color: #EBB8B7; 
 }
 
 .Obedear1231::-webkit-scrollbar-track { 
   background-color: #E2E6E9; 
 }
 
 .Obedear1231::first-letter { 
   font-size: 200%;
   color: #EBB8B7;
   padding-right: 1px;
   line-height: 50%;
   font-weight: bold;
 }
 
 .Obedear1231 b {
   font-size: 110%;
   font-weight: 900;
   color: #e0a9a8;
 }
 
 .Obedear1231 i {
   font-weight: 900;
   color: #e0a9a8;
 }
 
 .Obedear13 {
   width: 390px;
   height: 7px;
   padding: 12px 5px;
   background-color: #262D43;
   font-family: 'Montserrat', sans-serif;
   font-size: 7px;
   line-height: 120%;
   text-transform: uppercase;
   color: #E2E6E9;
   letter-spacing: 1px;
   position: absolute;
   margin-top: 269px;
 }
 
 .ObedearCredit a {
   text-decoration: none;
   font-size: 9px;
   line-height: 100%;
   color: #e0a9a8;
 }
</style>

<center>
 <div class="Obedear1">
   <div class="Obedear11">
     TEXT LYRIC/QUOTE 1
   </div>
   <div class="Obedear12">
     <div class="Obedear121">
     </div>
     <div class="Obedear122">
       <div class="Obedear1221">
       </div>
       <div class="Obedear1222">
         Tags and post notes here
       </div>
     </div>
     <div class="Obedear123">
       <div class="Obedear1231">
         <p>
           PLACE YOUR TEXT HERE
         </p>
         <p>
           PLACE YOUR TEXT HERE
         </p>
       </div>
     </div>
   </div>
   <div class="Obedear13">
     TEXT LYRIC/QUOTE 2
   </div>
 </div>
 <div class="ObedearCredit">
   <a href="https://shadowplayers.jcink.net/index.php?showuser=392">❤</a>
 </div>
</center>

0

19

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

<style>
<center><div class="fav"></div> 
<div class="radio"></div>
<div class="who">TAGS: // WORDS: // NOTES:  </div>
<div class="side"></div> 
<div class="um"> words here words here words here words here words here words here words here words here words here words here words here words here words here words here words here words here words here words here words here words here words here </div><div class="credit"><a href = "https://shadowplayers.jcink.net/index.php?showuser=606">;  </a></div>

<style> 
.fav { 
width: 400px; 
height: auto; 

} 

.radio { 
background-image: url(http://placehold.it/400x100);
width: 400px; 
height: 100px; 
}

.who { 
width:400px; 
height: 20px; 
display: block; 
background-color: #fde8e9; 
font-family: bebas neue; 
font-size:12px; 
line-height: 22px; 
color:black; 
} 

.side { 
background-image: url("http://placehold.it/100x75"); 
width:100px; 
height:75px; 
margin-left:-300px; 
margin-top:7px; 
} 

.um{ 
width:290px; 
height: 50px; 
margin-top: -65px; 

margin-left: 100px; 
} 

.um::-webkit-scrollbar { width: 5px; height: 5px; }
.um::-webkit-scrollbar-track { background-color: cream;  }
.um::-webkit-scrollbar-thumb { background-color:  #e3bac6; }

.credit { 
text-align:center; 
font-size: 10px; 
margin-left: 40px; 
font-family: a little sunshine; 
font-weight:bold; 
margin-top:10px; 
width: 205px; 

} 

.credit a:link {color:black; } 
.credit a:hover {color:black; }
.credit a:visited {color:black; } 

</center>  </style>

0

20

Код:
<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Muli:400,900" rel="stylesheet"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <link href="https://files.jcink.net/uploads/sunshinepumpkin/comesback.css" rel="stylesheet">
<div class="youstillmake">
<div class="intheroom"> everything comes back to you <span style="float: right;"> <i class="fa fa-diamond" aria-hidden="true"></i> </span></div>
<table cellpadding="0" cellspacing="0"><td>
<a href="https://shadowplayers.jcink.net/index.php?showuser=104"><div class="youwalk" style="background-image: url(http://68.media.tumblr.com/4138ceb3fcd3 … o3_250.gif);"></div></a>
<div class="youwalk" style="background-image: url(http://68.media.tumblr.com/995542e6946c … o1_400.gif);"></div>
<div class="youwalk" style="background-image: url(http://68.media.tumblr.com/a17029951888 … o2_250.gif);"></div>
<div class="youwalk" style="background-image: url(http://68.media.tumblr.com/d93240b79039 … o4_400.gif);"></div>
</td><td><div class="nervouswhen"><div class="nervouswhen-s">
I love sweet roll jelly beans danish sweet roll cookie icing. Jujubes I love croissant apple pie cotton candy dragée cake tart sugar plum. Pudding biscuit marzipan jujubes fruitcake muffin I love chocolate cake sesame snaps. Tart marzipan gingerbread jujubes. Cookie I love halvah lemon drops tiramisu jelly marshmallow sugar plum. Gummi bears chocolate chocolate bar cake topping soufflé pastry. Wafer cheesecake chocolate I love danish marzipan fruitcake I love cupcake.
<p>
I love sweet roll jelly beans danish sweet roll cookie icing. Jujubes I love croissant apple pie cotton candy dragée cake tart sugar plum. Pudding biscuit marzipan jujubes fruitcake muffin I love chocolate cake sesame snaps. Tart marzipan gingerbread jujubes. Cookie I love halvah lemon drops tiramisu jelly marshmallow sugar plum. Gummi bears chocolate chocolate bar cake topping soufflé pastry. Wafer cheesecake chocolate I love danish marzipan fruitcake I love cupcake.
<p>
I love sweet roll jelly beans danish sweet roll cookie icing. Jujubes I love croissant apple pie cotton candy dragée cake tart sugar plum. Pudding biscuit marzipan jujubes fruitcake muffin I love chocolate cake sesame snaps. Tart marzipan gingerbread jujubes. Cookie I love halvah lemon drops tiramisu jelly marshmallow sugar plum. Gummi bears chocolate chocolate bar cake topping soufflé pastry. Wafer cheesecake chocolate I love danish marzipan fruitcake I love cupcake.
</div></div></td></table>
<div class="andbutterflies">
<span style="float: left;"> <i class="fa fa-tags" aria-hidden="true"></i> </span> @[you go becky coco.]
</div></div>

0

21

Код:
<!--HTML-->
<link href="https://files.jcink.net/uploads/sunshinepumpkin/youareinlove.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,700" rel="stylesheet">
<div class="onetouch">
<div class="darkroom"><div class="darkroomb" style="background-image: url(IMG #1);"></div></div>
<div class="onelook"><a href="https://shadowplayers.jcink.net/index.php?showuser=104"><div class="onelookb" style="background-image: url(IMG #2);"></div></a></div>
<div class="lightsout"> you felt enough; 
<div class="wayhome"> you can hear it in the silence;<br> you can feel it on the way home; <br> you could see it with the lights out;  <br> you are in <i>love</i>;</div></div>
</div>
<div class="kissonsidewalks">
Cupcake ipsum dolor sit amet I love. Sugar plum chocolate croissant candy canes pastry carrot cake pastry jelly bear claw. Halvah gummi bears tart cookie pie candy canes. Cotton candy caramels lemon drops powder fruitcake ice cream pie tootsie roll wafer. Biscuit donut sesame snaps carrot cake jujubes gummies topping. Gingerbread sesame snaps biscuit jelly muffin oat cake I love I love. I love jelly-o I love I love sweet topping croissant lollipop. Topping cupcake muffin chupa chups cupcake chupa chups candy canes I love. Jujubes cookie sesame snaps.<p>
Liquorice apple pie pie muffin brownie jelly-o. Biscuit sweet wafer. Cookie I love sugar plum gummies. Gummi bears jelly-o dragée. Jelly beans bonbon liquorice. Bonbon danish chupa chups sesame snaps candy candy canes I love pastry. Macaroon cotton candy icing danish brownie. Gummies candy sesame snaps icing danish topping. Marshmallow I love apple pie I love I love I love. Chocolate cake pastry chocolate cookie.<p>
I love fruitcake carrot cake liquorice croissant. Bonbon dessert I love cake jujubes cotton candy. Candy oat cake jelly-o candy canes marzipan chupa chups dessert. Pastry apple pie jelly beans dessert I love dragée. Ice cream cupcake caramels macaroon fruitcake bear claw. Tiramisu chupa chups fruitcake. Lollipop muffin gingerbread sesame snaps chocolate bar bonbon tootsie roll chocolate. Dessert jujubes bonbon wafer icing. Powder gingerbread cookie.
</div>

0

22

Код:
<!--HTML-->
<style type="text/css">
.anythingspossible b {  border-bottom: 1px solid #99465A; color: #99465A;}
.imbreathless { background-color: #99465A; }
</style>
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:900" rel="stylesheet"> <link href="https://files.jcink.net/uploads/sunshinepumpkin/anythingspossible.css" rel="stylesheet">
<div class="anythingspossible">
Cupcake ipsum dolor sit. Amet icing sugar plum I love croissant macaroon topping jujubes cupcake. Tootsie roll candy canes tart candy danish I love. Icing jelly-o wafer apple pie. Croissant chupa chups danish jelly-o halvah candy jelly-o liquorice jelly-o. Apple pie muffin dragée candy canes macaroon sweet roll muffin. Brownie dragée dragée I love. Jelly beans pudding sesame snaps sesame snaps topping candy powder I love I love. I love carrot cake croissant biscuit chocolate bar tiramisu cake soufflé.<p>
Dragée toffee jujubes jelly beans oat cake apple pie dessert oat cake. Chocolate cake gummi bears apple pie tiramisu cake cotton candy topping jujubes. Jujubes muffin cupcake apple pie jujubes candy canes. Cupcake jelly chupa chups macaroon marshmallow macaroon candy canes jujubes cheesecake. Cake cake cheesecake cookie liquorice jujubes chocolate I love. Cupcake sweet roll candy canes topping marshmallow brownie caramels jelly beans. Soufflé gingerbread tart sweet roll I love sugar plum pastry cake jelly.
</div><div class="imbreathless"><table cellpadding="0" cellspacing="0"><td><div class="onbelievingb"><a href="https://shadowplayers.jcink.net/index.php?showuser=104"><div class="onbelieving" style="background-image: url(IMG GOES HERE);"></div></a></div></td> <td><div class="bathroomfloor"> <h1>my scattered mind;</h1>  <br> @[tag name]</div></td></table></div>

0

23

Код:
<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700|Raleway:400,700" rel="stylesheet">

<center><div class="bjealousy"><a href="https://shadowplayers.jcink.net/index.php?showuser=45">xoxo</a></div><div class="jealousyback">
<div class="jealousyliner"></div><div class="jealousyimage"></div><div class="jealousymain">
 
 <div class="jealousytitle">JEALOUSY</div>
 <div class="jealousysub">I'M PARANOID</div>
 
 <div class="jealousystuff"><p>

your text goes here, remember to use <p> for paragraph breaks

</div>
     
<div class="jealousybottom"></div>
 
   </div></div>
</center>

<style type="text/css">
.jealousyimage { width:150px; height:150px; background-image:URL(**********150X150 IMAGE URL GOES HERE!!!!!*********); position:relative; z-index:2; -webkit-border-radius:100%; -border-radius:100%; border:10px solid #efe8df; top:50px; }
.jealousystuff { line-height:13px; margin-top:40px; width:248px; padding-right:6px; text-align:justify; font-family:raleway; font-weight:400; color:black; font-size:11px; }
.jealousystuff p { text-indent:20px; }
.jealousystuff b { color:#2c4734; font-weight:700; }
.bjealousy { width:400px; position:relative; left:180px; }
.bjealousy a { font-size:8px; text-decoration:none !important; font-family:arial;}
.jealousyback { width:400px; overflow:hidden; position:relative; }
.jealousyliner { width:400px; height:100px; border-bottom: 60px transparent solid; border-left: 400px #2c4734 solid; position:absolute; z-index:1; }
.jealousymain { width:248px; padding:75px; background-color:#f8f5f1;position:relative; top:-71px; border:1px solid #efe8df; }
.jealousytitle { font-family:open sans condensed; font-weight: 700; font-size:30px; color:#2c4734; margin-top:70px; letter-spacing:3px; }
.jealousysub { font-family:raleway; font-size:9px; text-trasnform:uppercase; color:black; letter-spacing:3px; padding-top:7px; border-bottom:1px solid #2c4734; width:75%; padding-bottom:30px; }
.jealousybottom { width:400px; height:50px; border-top: 60px transparent solid; border-right: 400px #efe8df solid; position:absolute; right:0; z-index:1; }
</style>

0

24

Код:
<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Raleway:100,900" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Hind" rel="stylesheet"> <link href="https://files.jcink.net/uploads/sunshinepumpkin/moveon.css" rel="stylesheet">

<div class="myfriendsthey"><div class="iknowmyfriends"> i love it i hate it and i can't take it but i keep on coming </div><table cellpadding="0" cellspacing="0"><td><a href="https://shadowplayers.jcink.net/index.php?showuser=104"><div class="givemebad" style="background-image: url( gif here lulz );"></div></a></td><td><div class="badadvicelike"> back to you </div></td></table><div class="moveonget">

I know you say you know me, know me well But these days I don't even know myself, no I always thought I'd be with someone else I thought I would own the way I felt, yeah I call you but you never even answer I tell myself I'm done with wicked [b]games But then I get[/b] so numb with all the laughter That I forget about the pain Whoah, you stress me out, you kill me You drag me down, you fuck me up We're on the ground, we're screaming I don't know how to make it stop I love it, I hate it, and I can't take it But I keep on coming back to you I know my friends they give me bad advice
<p>
Like move on, get you out my mind But don't you think I haven't even tried You got me cornered and my hands are tied You got me so addicted to the drama I tell myself I'm done with wicked games But then I get so numb with all the laughter [b]That I forget about[/b] the pain Whoah, you stress me out, you kill me You drag me down, you fuck me up We're on the ground, we're screaming I don't know how to make it stop I love it, I hate it, and I can't take it But I keep on coming back to you Oh, no, no, I just keep on coming back to you Oh, no, no, I just keep on coming back to you
<p>
And I guess you'll never know All the bullshit that you put me through And I guess you'll never know, no Yeah, so you can cut me up and kiss me harder You can be the pill to ease the pain 'Cause I know I'm addicted to your drama [b]Baby, here we go again Whoah,[/b] you stress me out, you kill me You drag me down, you fuck me up We're on the ground, we're screaming I don't know how to make it stop I love it, I hate it, and I can't take it But I keep on coming back to you Oh, no, no, I just keep on coming back to you Oh, no, no, I just keep on coming back to you Back to you I just keep on coming back to you

</div>
<div class="yououtmymind">you go becky styles. </div></div>

0

25

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

<! A TEMPLATE BY HANIE(ORPHEUS) !>
<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/ztky0h032w925wf/Cheryl.css?dl=0">
<link href="https://fonts.googleapis.com/css?family=Berkshire+Swash|Frank+Ruhl+Libre|Mada" rel="stylesheet">
<center>
<div id="Cherylsig">
   <div class="base"></div>
   
     <div class="fade"></div>
     
     <div class="slide2">
         <div class="thebox">
           <table cellspacing='0'>
             <tr>
               <td class='textbg'>
                   <div style="width:175px;height:117px;overflow:hidden;">
                   <div style="width:176px;height:112px;overflow:auto;padding:5px;">
                     <div class='letter'>h</div>ello this is your scrollbox. You can write as much as you want here.
                     <br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce semper sodales imperdiet.
                     Nulla facilisi. Suspendisse semper tincidunt neque, sit amet commodo sapien.
                     Fusce vel pellentesque sem. Cras nisl nibh, faucibus eget neque sed.
                     tincidunt tempor augue.
                     Praesent vitae ante libero. Nullam venenatis semper est, at auctor dui rhoncus sed.
                     Ut tincidunt aliquet sem, eget mattis leo fermentum et. Etiam in ante et arcu porta accumsan.
                     Etiam dapibus mi vitae eros maximus, ut luctus nunc rhoncus.
                   </div></div>  
               </td>
             </tr>
           </table>
         </div>
         
         <div class="navs">
           <table>
             <tr>
               <td class='link1'><a href="" title='link 1'>✚</a></td>
             </tr>
             <tr>
               <td class='link2'><a href="" title='link 2'>✚</a></td>
             </tr>
             <tr>
               <td class='link3'><a href="" title='link 3'>✚</a></td>
             </tr>
             <tr>
               <td class='link4'><a href="" title='extra link'>✚</a></td>
             </tr>
           </table>
         </div>
         
         <div class="icon"></div>
         
         <div class="blurb">
           <table cellspacing='0' class='tabb'>
             <tr>
               <td class="red">Cheryl</td>
             </tr>
             <tr>
               <td class="grey">Blossom</td>
             </tr>
           </table>
         </div>
         
         <div class="cred"><a href="https://shadowplayers.jcink.net/index.php?showuser=95" title='hanie ©'>©</a></div>
         
     </div>
</div>
</center>

0

26

Код:
<!--HTML-->
<center><div class="character-pokerfaceh1">Name Here</div>
<div class="character-pokerface">
<table><tbody>
<tr>
<td style="padding: 10px;vertical-align:top;"><div class="character-pokerface-image">
</div>
<center><div class="character-pokerface-tab">Date</div>
<div class="character-pokerface-tab">Outfit</div>
<div class="character-pokerface-tab">Tag</div>
<div class="character-pokerface-tab">###</div></center>
</td>
<td style="padding: 10px;vertical-align:top;"><div class="character-pokerface-scroll"><div class="character-pokerface-text">
TEXT HERE
</div></div></td></tr></tbody></table>
</div><a href="https://shadowplayers.jcink.net/index.php?showuser=307">✽</a>
<link href="https://fonts.googleapis.com/css?family=Limelight" rel="stylesheet">
</center>
<style>
.character-pokerfaceh1 {color:#800000;font-size:25px;font-family:Limelight;}
.character-pokerface {width:500px;height:auto;background:black;}
.character-pokerface-image {width:150px;height:150px;border:double #800000 10px;background:url(http://placehold.it/150);}
.character-pokerface-tab {width:150px;padding:10px;background:#800000;color:white;margin-top:10px;}
.character-pokerface-text {width:260px;height:345px;padding:10px;background:white;color:black;text-align:justify;overflow:auto;line-height:1;}
.character-pokerface-scroll ::-webkit-scrollbar {width:3px;}
.character-pokerface-scroll ::-webkit-scrollbar-track-piece {background:transparent;}
.character-pokerface-scroll ::-webkit-scrollbar-thumb {background:#800000;}
</style>

0

27

Код:
<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Cousine|Raleway:900|Sacramento" rel="stylesheet">
<style>#sail {width: 400px;}
.away {margin-top: -1px; padding: 20px; background-color: #fff; border: 1px solid #e0e0e0; border-top: 0px;}
.away2 {margin: 20px 40px 50px 40px; font: 10px tahoma; color: #222; text-align: justify; line-height: 130%;}
.away2 b {font: 11px raleway; font-weight: 900; color: #ea779a;} .away2 i {font-style: italic; border-bottom: 1px solid #7759ba;}
.withme {padding: 5px; background-color: #B168AA; width: 112px; height: 112px; margin-left: -1px;}
.withme img {width: 100px; height: 100px; padding: 5px; border: 1px solid #fff; background-color: rgba(255,255,255,0.3);}
.illtry {display: inline-block; padding: 8px; background-color: #ea779a; color: #fff; font: 8px cousine; text-transform: uppercase; margin-left: -2px;}
.lordilltry {margin-bottom: -40px; padding: 8px; background-color: #7759ba; color: #fff; font: 40px raleway; font-weight: 900; text-transform: uppercase; width: 262px; margin-left: -2px; letter-spacing: -4px;}
#sail h1 {margin-top: -80px; font: 80px sacramento; background: -webkit-linear-gradient(left, #ea779a, #7759ba); background: -o-linear-gradient(left, #ea779a, #7759ba); background: -moz-linear-gradient(left, #ea779a, #7759ba); background: linear-gradient(left, #ea779a, #7759ba); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#sail h2 {font: 8px cousine; text-align: center; width: 300px; text-transform: uppercase; margin-top: -85px;}
</style><center><div id="sail"><table cellspacing=0><td><a href="https://shadowplayers.jcink.net/index.php?showuser=153" title="thanks lauz!"><div class="withme">

[IMG]https://cdn.nickpic.host/images/zPYSm.png[/IMG]

</div></a></td><td><div class="illtry">

i'll try oh lord i'll try

</div><div class="lordilltry">

to carry on

</div></td></table><div class="away"><div class="away2">

post here

</div></div><h1>

come sail away

</h1><h2>


notes go here ayyyy


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

0

28

Код:
<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Raleway:400,600,900" rel="stylesheet">

<center>
<div class="brooklynmain"><img src="*****500X200 IMAGE HERE******">
<div class="brooklynborder"><div class="brooklynnew"></div></div><div class="brooklyntext">
<table><tr><td><a href="https://shadowplayers.jcink.net/index.php?showuser=45"><div class="brooklynimageborder"><div class="brooklynimg"><img src="*****120X120 IMAGE HERE******"></div></div></a></td><td><table><tr><td><div class="brooklynzlinkz"><a href="/">LINK 1</a></div></td><td><div class="brooklynzlinkz"><a href="/">LINK 2</a></div></td></tr><tr><td><div class="brooklynzlinkz"><a href="/">LINK 3</a></div></td><td><div class="brooklynzlinkz"><a href="/">LINK 4</a></div></td></tr></table><div class="brooklynblurb">status or about me or whatever can go here and it will automatically scroll so need need to worry! words words words words</div><div class="brooklyndate">MONTH #</div></td><td><div class="brooklynlyrics">if you hurt me you hurt yourself don't hurt yourself</div></tr></table></div></div></center>

<style type="text/css"> .brooklynzlinkz a { -webkit-transition:1s; transition:1s; overflow:auto; position:relative; right:5px; display:block; width:50px;margin-right:3px; padding-top:3px; padding-bottom:3px; border:1px solid white; font-family: raleway; font-weight:600; font-size:7px; text-transform:uppercase; text-align:center; color:white; text-decoration:none; line-height:10px; } .brooklynzlinkz a:hover { webkit-transition:1s; transition:1s; -webkit-transform:rotate(-10deg); transform:rotate(-10deg); } .brooklynmain { width:500px; height:200px; position:relative; background-image:URL(http://cdn.nickpic.host/images/hygbd.png); overflow:hidden; } .brooklynmain:hover .brooklynborder { -webkit-transition:1.5s; transition:1.5s; position:absolute; top:0px; opacity:.8; -webkit-transform:rotate(0deg);  } .brooklynmain:hover .brooklyntext { -webkit-transition:1.5s; transition:1.5s; position:absolute; top:0px; opacity:1; -webkit-transform:rotate(0deg);  } .brooklynborder { -webkit-transform:rotate(30deg); -webkit-transition:1.5s; transition:1.5s; position:absolute; border:1px solid black; background-color:transparent; opacity:0; width:470px; margin:10px; height:170px; top:300px; padding:5px; } .brooklynnew { width:470px; height:170px; background-color:black; } .brooklyntext { position:absolute; width:440px; height:140px; padding:15px; margin:15px;top:300px; -webkit-transform:rotate(30deg); -webkit-transition:1.5s; transition:1.5s; } .brooklynblurb { width:100px; padding-right:6px; color:white; height:54px; overflow:auto; font-family: raleway; font-weight:400; text-align:justify; line-height:12px; font-size:9px; margin-top:10px; margin-bottom:10px;  } .brooklynblurb::-webkit-scrollbar { width: 2px; } .brooklynblurb::-webkit-scrollbar-track { background-color:transparent; } .brooklynblurb::-webkit-scrollbar-thumb { border: none; background-color:white; } .brooklynimageborder { width:120px; height:120px; padding:5px; border:2px solid white; -webkit-border-radius:100%; border-radius:100%; margin-right:20px; } .brooklynimg { width:120px; height:120px; -webkit-border-radius:100%; border-radius:100%; }  .brooklynimg img { width:120px; height:120px; -webkit-border-radius:100%; border-radius:100%; }  .brooklyndate { font-family:raleway; font-weight:300; font-size:12px; text-transform:uppercase; color:white; border-top:1px solid white; padding-top:4px; width:100px;text-align:left; } .brooklynlyrics { width:120px; font-family:raleway; text-transform:uppercase; font-weight:300; color:white; font-size:17px; line-height:17px; margin-left:20px; border-top:1px solid white; padding-top:5px; } </style>

0

29

Код:
<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:900" rel="stylesheet"> <center><div class="theman"><div class="themanback"></div><div class="theman2"><div class="themantitletop">cuz baby<br><font style="text-shadow:1px 1px 1px #005aff;">i'm gifted</font></div></div><div class="biconstop"><a href="****LINK 1 THUMB TACK****"><i class="fa fa-thumb-tack" aria-hidden="true"></i></a><a href="****LINK 2 PAGE LINES****"><i class="fa fa-pagelines" aria-hidden="true"></i></a><a href="****LINK 3 PLUG****"><i class="fa fa-plug" aria-hidden="true"></i></a></div><div class="biconsbottom"><a href="****LINK 4 TUMBLR****"><i class="fa fa-tumblr-square" aria-hidden="true"></i></a><a href="****LINK 5 THUMBS UP****"><i class="fa fa-thumbs-up" aria-hidden="true"></i></a><a href="https://shadowplayers.jcink.net/index.php?showuser=45"><i class="fa fa-heart" aria-hidden="true"></i></a></div><div class="dabox"><table cellspacing="0px" cellpadding="0px"><tr><td><div style="border-right:50px solid white; border-top:170px solid transparent; width:0px;"></div></td><td><div style="width:165px; background-color:white; height:170px;"><div class="themantext"><div class="themantextitle">******date xth******</div><div class="themantextbox">****************your text goes here your text goes here your text goes here your text goes here your text goes here your text goes here****************</div></div></div></td></tr></table></div></div></center><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><script src="https://use.fontawesome.com/a3497592de.js"></script><style type="text/css">.theman { width:500px; height:200px; background-image:URL(******500X200 IMAGE GOES HERE*****); position:relative; overflow:hidden; } .themanback { width:500px; height:200px; background-color:black; position:absolute; left:0px; top:200px; opacity:0; transition-duration:.5s; -webkit-transition-duration:.5s;-webkit-transition-delay:1s; transition-delay:1s; } .theman:hover .themanback { -webkit-transition-delay:0s; transition-delay:0s; opacity:.8; transition-duration:.5s; -webkit-transition-duration:.5s; top:0px; } .theman2 { width:500px; height:200px; position:absolute; left:122px; line-height:42px; top:-100px; transition:.7s; -webkit-transition:.7s; text-align:center;-webkit-transition-delay:1s; transition-delay:1s;  } .themantitletop { font-family:playfair display; font-weight:900; color:white;  text-shadow:1px 1px 1px #ff0078; text-transform:uppercase; font-size:50px; letter-spacing:-3px; transform:rotate(0deg) scale(1); -webkit-transform:rotate(0deg) scale(1); position:relative; transition-duration:.7s; -webkit-transition-duration:.7s; right:130px; } .theman:hover .theman2{ transition:.7s; -webkit-transition:.7s; top:55px; } .theman:hover .themantitletop{ transition-delay:1s; -webkit-transition-delay:1s; transition-duration:.7s; -webkit-transition-duration:.7s;  transform:scale(.8); -webkit-transform:scale(.8);  right:225px; font-weight:700; } .biconstop { position:absolute; left:90px; top:-35px; transition-duration:.7s; -webkit-transition-duration:.7s;  } .biconstop i { border:2px solid transparent; background-color:#005aff; font-size:14px; width:15px; text-align:center; height:15px; padding:6px;color:white; border-radius:100%; -webkit-border-radius:100%; margin-right:15px; transition-duration:.7s; -webkit-transition-duration:.7s; transition-delay:0s; -webkit-transition-delay:0s;  } .theman:hover .biconstop { top:23px; transition-duration:.7s; -webkit-transition-duration:.7s; transition-delay:1s; -webkit-transition-delay:1s; } .biconsbottom { position:absolute; left:90px; bottom:-35px; transition:.7s; -webkit-transition:.7s; } .biconsbottom i { border:2px solid transparent; font-size:14px; background-color:#ff0078; font-size:14px; width:15px; text-align:center; height:15px; padding:6px; color:white; border-radius:100%; -webkit-border-radius:100%; margin-right:15px; transition-duration:.7s; -webkit-transition-duration:.7s; transition-delay:0s; -webkit-transition-delay:0s; transform:rotate(0deg); -webkit-transform:rotate(0deg);} .theman:hover .biconsbottom { bottom:23px; transition-duration:.7s; -webkit-transition-duration:.7s; transition-delay:1s; -webkit-transition-delay:1s; } .biconsbottom i:hover { border:2px solid white; transition-delay:0s; -webkit-transition-delay:0s; } .biconstop i:hover { border:2px solid white; transition-delay:0s; -webkit-transition-delay:0s; } .dabox { position:absolute; right:-230px; top:15px; transition-duration:.7s; -webkit-transition-duration:.7s; } .theman:hover .dabox { right:15px; transition-duration:.7s; -webkit-transition-duration:.7s; -webkit-transition-delay:1s; transition-delay:1s; } .themantext { position:absolute; right:34px; top:35px; } .themantextitle { font-family:helvetica; font-size:10px; text-transform:uppercase; color:white; font-weight:900; background-color:#ff0078; padding:5px; } .themantextbox { margin-top:10px; width:100px; height:70px; padding-right:4px; padding-left:4px; font-family:helvetica; font-size:10px; color:black; text-align:justify; line-height:12px; overflow:auto; } .themantextbox::-webkit-scrollbar { width: 3px; } .themantextbox::-webkit-scrollbar-track { background-color:transparent; } .themantextbox::-webkit-scrollbar-thumb { border: none; background-color:#005aff; }</style>

0

30

Код:
<!--HTML--><link href="https://fonts.googleapis.com/css?family=Lobster|Open+Sans|Spectral+SC" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<style>
.silence-container {
 width:440px;height:400px;
 padding:10px; border:1px solid #536a7f;
 position:relative;
}

.silence-container2 {
 padding: 20px; background-color: #d9ecff; height: 356px;
 border: 1px solid #e0e0e0; position: relative;
 }
 

   
.silence-img img {
 width: 100px; height:100px;float:right;
 padding: 5px; background-color: #d4b6b5;
  border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
 
 .silence-header {
color:#949963;float:left; font-family: 'Lobster', cursive;letter-spacing:0px;
   font-size:35px;font-weight:500;
   text-decoration: underline;}
.silence-subheader {
 font-family: 'Open Sans', sans-serif;left:8px; margin-top:30px;
 font-size:12px;color:#d4b6b5;text-decoration:none;
 letter-spacing:4px;
}

.silence-quotebox {
 margin-top:20px;margin-left:-7px; background:transpernt;
height:245px;width:350px;
overflow:hidden; opacity:1;border-right:5px solid #d4b6b5;
border-bottom:5px solid #d4b6b5;position:relative;
}
.silence-trait {
  width:270px;height:20px;position:absolute;top:90px;
   font-family: 'Spectral SC', serif;font-size:12px;
 color:#d9ecff;text-align:center;background:#99b3cc;
 word-spacing: 12px;}
 
 .silence-tabs{
   margin:4px; position: relative;
width: 320px; height: 250px;
}

.silence-tab {float:left;}

 .silence-tab label {
float:left; width: 60px;height: 25px;text-align:center;
background: #d4b6b5;color:#949963;border:none;
margin: 5px; position: relative;left: 10px; top: 6px;
z-index: 3;padding:2px;}

.silence-tab input[type=radio]:checked ~ label {
background: #d9ecff; z-index: 2;}

.silence-tab input[type=radio] {display: none;}

.silence-tabcont {
 position: absolute; top: 0px; bottom: 30px;text-align:justify;
  font-family: 'Open Sans', sans-serif;font-size:10px;
 left: 0px;right: 0px; background:#536a7f; color:#d9ecff;
padding:45px 10px;text-indent: 50px;line-height:150%}

.silence-tab input[type=radio]:checked ~ label ~ .silence-tabcont {
z-index: 1;}

ul.a {list-style-position:inside;margin:10; padding:10;}

 </style>
 <center>
 <div class="silence-container">
 <div class="silence-container2"><div class="silence-trait">trait trait trait</div>
   <div class="silence-img"><img src="100*100 image link"></div>
<div class="silence-header">firstname lastname</div>
<div class="silence-subheader">age/occupation/membergroup</div>
<div class="silence-quotebox">
<div class="silence-tabs"><div class="silence-tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1"><i class="fa fa-user-circle-o" aria-hidden="true" style="font-size:24px;"></i></label>
<div class="silence-tabcont">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si longus, levis. Addidisti ad extremum etiam indoctum fuisse. Recte, inquit, intellegis. Duo Reges: constructio interrete. Bestiarum vero nullum iudicium puto. Qui est in parvis malis. Ita multa dicunt, quae vix intellegam.

Erat enim Polemonis. At coluit ipse amicitias.<p> Cur id non ita fit? Hoc simile tandem est? Quod equidem non reprehendo; Sed fortuna fortis;

Zenonis est, inquam, hoc Stoici. Verum hoc idem saepe faciamus. Et quidem, inquit, vehementer errat; An eiusdem modi?</p>
</div></div>
<div class="silence-tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2"><i class="fa fa-handshake-o" aria-hidden="true" style="font-size:24px;"></i></label>
<div class="silence-tabcont">
 <ul class="a"><li>name 1 - description</li><li>name 2 - description</li>
   <li>name 3 - description</li>
 </ul>
</div></div>
<div class="silence-tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3"><i class="fa fa-ban" aria-hidden="true" style="font-size:24px;"></i></label>
<div class="silence-tabcont">
<ul class="a"><li>name 1 - description</li><li>name 2 - description</li></ul>
</div></div>
<div class="silence-tab">
<input type="radio" id="tab-4" name="tab-group-1">
<label for="tab-4"><i class="fa fa-heartbeat" aria-hidden="true" style="font-size:24px;"></i></label>
<div class="silence-tabcont">
<ul class="a"><li>name 1 - description</li><li>name 2 - description</li></ul>
</div></div>
</div>
 </div></div></center>
 <div style="font-size:8px;letter-spacing:2px;color:grey;font-family: 'Open Sans', sans-serif;text-align:left;line-height:120%;"><a href="https://shadowplayers.jcink.net/index.php?showuser=88">thanks titli@SP</a></div>

0


Вы здесь » Pilot. » приемная » чистовик


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