Вверх страницы
Вниз страницы

Supernatural. Vitium et virtus

Объявление

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

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


Вы здесь » Supernatural. Vitium et virtus » танцы на воде » HTML


HTML

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

1

Все готовые коды, которые могут пригодиться

0

2

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

#yana { width: 290px; padding: 20px; background: #fff; border: 1px solid #dbe5f1; position: relative; overflow: hidden; }

#yana .magikimg { width: 250px; height: 250px; padding: 20px; background: #fedcdd; border: 1px solid #ffb3b7; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; }

#yana .magikcont { opacity: 0; width: 230px; height: 230px; padding: 10px; background-color: rgba(255, 255, 255, 0.95); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; -webkit-transition:all 1s ease-in-out; transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; }

#yana:hover .magikcont { opacity: 1; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg);  }

#yana .magikcont1 { margin-top: 40px; width: 180px; height: 140px; padding: 5px; overflow: auto; font-family: arial; font-size: 10px; color: #111; text-align: justify; text-transform: lowercase; letter-spacing: 1px; line-height: 10px; }
.magikcont1::-webkit-scrollbar { background: transparent; width: 4px;  } .magikcont1::-webkit-scrollbar-thumb { background: #fedcdd; width: 4px; } .magikcont1::-webkit-scrollbar-corner { background: transparent; }

.magikcont1 b { font-size: 12px; color: #ffb3b7; }

#yana .magiktitle { margin-top: 10px; width: 260px; padding: 15px; font-family: roboto slab; font-size: 30px; color: #a5bcde; font-weight: 700; text-align: right; text-transform: lowercase; letter-spacing: -1px; line-height: 25px; border-bottom: 1px solid #dbe5f1; margin-bottom: 15px; }

#yana .magikinfo { -webkit-transition: 0.6s all ease-in-out; -moz-transition: 0.6s all ease-in-out; o-transition: 0.6s all ease-in-out; position: absolute; bottom: 30px; left: 20px; width: 260px; padding: 5px; opacity: 0; font-family: roboto slab; font-size: 15px; color: #a5bcde; font-weight: 300; text-align: left; text-transform: lowercase; letter-spacing: -1px; line-height: 10px;}

#yana:hover .magikinfo { -webkit-transition: 0.6s all ease-in-out; -moz-transition: 0.6s all ease-in-out; o-transition: 0.6s all ease-in-out; bottom: 15px; opacity: 1; }

</style> <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>

<center><div id="yana">

<div class="magikimg"><div style="width: 250px; height: 250px; background-image: url(http://funkyimg.com/i/21Y8a.png); background-size: 250px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%;">

<div class="magikcont"><div class="magikcont1">

Все вы прекрасно знаете нашу очаровательную сплетницу, которая всегда и все про всех знает. Она всегда оказывается на шаг впереди тебя, даже если ты совсем об этом не подозреваешь. Именно она знает про твою, казалось бы, лучшую подругу больше, чем ты сам. Именно от нее все селебрити Голливуда узнают о тайне, которую ты так тщательно скрывала долгое время.
Сплетница никогда и никого не щадит: она именно из тех, кто сначала говорит, а потом уже думает. Хотя, погодит-ка, а думает ли она?
Впрочем, это совершенно не важно, ведь она - гроза звезд верхнего ист-сайда, потому что именно она может рассказать всем твою страшную тайну, если, конечно, ты не станешь играть по ее правилам... 

</div></div>

</div></div>

<div class="magiktitle">i'm always one step ahead.</div>
<div class="magikinfo">even if you are not near</div>

</div></center>

<center><div style="width: 330px; text-align: right; font-family: arial; font-size: 7px; text-transform: uppercase; letter-spacing: 1px;"></div></center>

0

3

Код:
<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'><style type="text/css"><link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC' rel='stylesheet' type='text/css'>
.miserybusiness { width: 400px; height: 400px; padding: 25px; border: 3px double #c4c4c4; background-image:url(http://i61.tinypic.com/2h55uhl.jpg); }
#careful {width: 400px; height: 400px; position: relative; overflow: hidden; background-color: #f3f3fc; border: 1px solid #e3e3e3;  }
#careful .business { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.6S ALL EASE-IN-OUT; O-TRNASITION: 0.6S ALL EASE-IN-OUT; position: absolute; left: 0px; bottom: 0px; width: 400px; height: 400px; background-color: #fff;}
#careful:hover .business {-WEBKIT-TRANSITION: 0.6S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.6S ALL EASE-IN-OUT; O-TRANSITION: 0.6S ALL EASE-IN-OUT; left: -400px;}
.twistedup { width: 380px; height: 380px; border: 1px solid #e3e3e3; margin-top: 10px;}
.disguiseasasmile { width: 340px; height: 340px; padding: 20px; overflow: auto; text-align: justify; color: #252525; line-height: 100%; font-family: pt sans narrow; font-size: 13px; }
.disguiseasasmile p:first-line { text-transform: uppercase; letter-spacing: 2px; font-style: italic; }
.littlenotes { width: 500px;  color: #999999; font-size: 11px; text-transform: uppercase; text-align: right; line-height: 100%; margin-right: 40px; }
::-webkit-scrollbar-thumb { background-color: #fff; } ::-webkit-scrollbar-corner { background-color: #fff; } ::-webkit-scrollbar-track { background-color: #fff; }
</style>

<div style="width: 400px; height: 400px; padding: 25px; border: 3px double #c4c4c4; background-image:url(http://i61.tinypic.com/2h55uhl.jpg); background-color: #f3f3fc; background-blend-mode: multiply;"><div id="careful"><div class="business"><img src="КАРТИНКА"></div>
<div class="twistedup">
<div class="disguiseasasmile"><div style="width: 100px; height: 100px; margin-bottom: 5px; margin-right: 15px; float: left; background-image:url(http://l-userpic.livejournal.com/117805948/7982418); border: 3px double #fff;"></div>
И может быть, сразу договоримся избегать скандалов? Есть вопросы или претензии к амс - пишите лично им. Хотите выяснить отношения с игроком - напишите ему, не выносите сор из избы и не забывайте, что у каждого есть своё мнение, а значит и мнений столько же, сколько и людей на планете. Давайте научимся слышать друг друга и тогда избежим многих неприятных ситуаций.<br><br>

Регистрацию проходим на латинском, помним же? А если вы пробежитесь по доступным темам форума, сразу разберётесь, что тут у нас, да как устроено. Например, вы узнаете, что придержать внешность можно лишь после отписки в гостевой, а вот регистрация не действует в данном случае. И вы даже можете заинтересоваться занятой ролью. Конечно, при условии, что человек не был на форуме в течении 10 дней или он не очень-то и активен спустя неделю после регистрации. Только не забудьте задать вопрос в гостевой по этому поводу, чтобы потом ни с кем не надо было выяснять отношения. Точно, чуть из головы не вылетело, не забывайте оставить с собой действующую связь. Если мы вас потеряем, вы потеряете роль и если вы этого не хотите, подумайте, как с вами связаться быстрее всего и оповестите нас об этом.<br><br>

После регистрации вы, наверное, захотите поиграть? Смелее, ведь тут вам всё знакомо - <b>ваши слова</b> наиболее заметны, <i>мысли</i> остаются при вас, а <u>чужая речь</u> всё ещё звучит в вашей голове. Помните, что у нас система игры эпизодическая. Кстати, для читабельности посты лучше всего прогнать через Word. Так или иначе много времени это не займёт, а вот порадовать соигрока может. Кстати, следите за временем и другими деталями эпизодов, чтобы не было потом путаницы.<br><br>

Дружить мы тоже любим, а искренняя дружба на вес золота, как и взаимная реклама. Для этого нужно всего лишь зайти под профилем рекламы - для этого есть быстрая кнопка пиара, и оставить свой флаер в нужной теме. А если вдруг вы захотите поближе с нами познакомиться, наша дружба выйдет на другой уровень отношений. Вы только заполните шаблон и мы с радостью запишем ваши контакты в нашу записную книжку.<br><br>
<hr>
<hr>
<b>► Ой, а мне пароль не пришел :с Что теперь делать?</b><br>
Нет причин для паники, sweetheart. Самое время обратиться в гостевую, где любезные администраторы сразу же поспешат на помощь.<br><br>

<b>► Моя любимая внешность у вас свободна. Придержите мне ее на неделю, а то я так долго пишу анкеты.</b><br>
К сожалению, внешность мы можем придержать лишь на <b>2</b> дня. Вы имеете полное право придержать внешность повторно, если в этом есть необходимость.<br><br>

<b>► А вы видели, что кое-кто не появляется на форуме вот уже 3 дня? Я так хотел/-а поиграть его/её внешностью - может вы мне ее освободите?</b><br>
Удаление персонажей и освобождение внешностей происходит после 10 дней отсутствия без предупреждения. Однако стоит написать по этому поводу в гостевой - вполне может быть, что человек не в первый раз пропадает с форума без предупреждения.<br><br>	

<b>► Я решил/-а начать игру, от какого лица должны быть мои посты?</b><br>
От любого. Выбирайте удобное для себя лицо и пишите. Не забудьте согласовать с партнером этот вопрос, чтобы потом не возникло недопонимания и его последствий.<br><br>

<b>► Хочу сделать персонажа геем - это возможно?</b><br>
Возможно все, darling. Администрация дает свободу любой форме любви, ну, кроме извращений, педофилии и зоофилии.<br><br>

<b>► Могу ли я взять кого-то среди русских звезд?</b><br>
Да. Однако стоит учитывать тот важный факт, что у этой личности должна быть связь с голливудом: те же фильмы, клипы, турне и прочее на территории США.<br><br>

<b>► А будете ли вы против азиатских внешностей?</b><br>
Тут у нас ситуация схожая с русскими. Вы можете взять ту звезду, у которой есть связь с Голливудом. К примеру, у Хены (Kim HyunA) есть связь: клипы, поездки, знакомства. Если связи с Голливудом нет, то простите, но мы будем против просто потому, что тогда будет кавардак в каноничности тематики форума.<br><br>

<b>► Знаете, я вот фанат Пола Уокера и хотел бы взять его, но он, к сожалению, мертв. Могу ли я его воскресить?</b><br>
Просим прощения, но наш ответ нет. Давайте почтим память и не будем трогать тех, кто уже не с нами, как и ворошить в душах игроков воспоминания. Есть масса вариантов среди живых звезд и мы с радостью поможем вам в выборе альтернативы.<br><br>

<b>► Мне очень нравится у вас играть, можно завести второго персонажа?</b><br>
Чтобы завести второго персонажа, вам необходимо обратиться в тему с выдачей валюты, где вы сможете оплатить вашего персонажа.<br><br>

<b>► Я тут решил/-а, что мне не нравится моя внешность. Можно сменить?</b><br>
Первые 2 смены внешности - бесплатные. За последующие потребуется выполнить некоторые условия:<br>
● закрыть 4 эпизода,<br>
● набрать 1000 соо на форуме, <br>
● внести залог в 5000 оскаров.

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

0

4

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Fjalla+One|Miniver|Montserrat|Old+Standard+TT:400italic|PT+Sans+Narrow' rel='stylesheet' type='text/css'>
<table><tbody><tr><style type="text/css">
#jinxthree { position: relative; width: 350px; padding: 25px; background-image: url(http://i60.tinypic.com/2qw0xkx.png); background-color: #f3f3fc; background-blend-mode: multiply; border-radius: 5%;}
#jinxthree .titleone { width: 350px; color: black; font: 26px/100% miniver; letter-spacing: -1px; text-transform: lowercase; margin-top: 10px; }
#jinxthree .titletwo { width: 300px; color: black; font: 10px/125% montserrat; text-transform: uppercase; text-align: justify; margin-top: 5px; }
#jinxthree .titletwo a { color: black; text-decoration: none; }
#jinxthree .text { width: 300px; height: 200px; padding: 25px; background: #fcfcfc; color: black; font: 12px/15px pt sans narrow; text-align: justify; letter-spacing: 1px; overflow: hidden; border-radius: 5%;}
#jinxthree .text::-webkit-scrollbar { width: 10px; background: transparent; }
#jinxthree .text::-webkit-scrollbar-thumb { background: #fcfcfc; }
a.credit { position: relative; left: 125px; color: black; font: 8px arial; text-align: right; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; }

</style><center><div id="jinxthree"><img src="http://images6.fanpop.com/image/photos/34500000/Amanda-amanda-seyfried-34507949-160-160.gif" style="width: 160px; height: 160px; padding: 10px; border-radius: 100%; border: solid 1px #C1CDC1; margin-top: -10px;">
<div class="titleone">ИМЯ НА АНГЛ</div>
<div class="titletwo"><center> ПРОФЕССИЯ | МЕСТО РОЖДЕНИЯ | ВОЗРАСТ</center> </div><p><div class="text">

<center>ЗДЕСЬ ПИШЕМ ВСЕ, ЧТО СЧИТАЕТЕ НУЖНЫМ. ПОПРОБУЙТЕ КАК МОЖНО ПОДРОБНЕЕ ОПИСАТЬ СВОЕГО ПЕРСОНАЖА, ЕГО ПРИВЫЧКИ, ХОББИ, СТРАХИ И ТД.</center>
</div></div></center></tr>
<tr><div id="p942-content" class="post-content">
            <p><strong></strong></p><style type="text/css">

#hardtimes { position: relative; width: 375px; height: 90px; overflow: hidden;}

#hardtimes .life { width: 375px; height: 90px; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; background-image: url(http://i60.tinypic.com/2qw0xkx.png); background-color: #f3f3fc; background-blend-mode: multiply; position: absolute; border-radius: 20px;}

#hardtimes:hover .life { top: -375px; background-color: #fff; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; border-radius: 20px;}

.pain { opacity: 0; width: 275px; height: 25px; background-color: #fff; position: relative; top: 100; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; font-family: calibri; text-transform: uppercase; font-size: 8px; letter-spacing: 2px; color: #000; text-align: center; line-height: 25px; border-radius: 20px;}

.pain:hover { opacity: 1; width: 275px; height: 25px; background-color: #fff; position: relative; top: 100; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; border-radius: 20px;}

</style>

<center>
<div style="width: 375px; height: 90px; padding: 10px; background-color: #fcfcfc; border-radius: 20px; border: 1px solid #eee;">

<div id="hardtimes">
<div class="life">
</div>
<div style="width: 275px; height: 90px; padding-right: 5px; overflow: auto; font: 12px/15px pt sans narrow">
<center><b>связь с вами:</b><br>
ответ<br>
<b>согласны ли вы быть целью местной сплетницы:</b><br>
ответ</center>
</center>
</div></div></tr></tbody></table></div></div>

0

5

Код:
<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'><style type="text/css"><link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC' rel='stylesheet' type='text/css'>
.miserybusiness { width: 550px; height: 400px; padding: 25px; border: 3px double #c4c4c4; background-image:url(http://i61.tinypic.com/2h55uhl.jpg); }
#careful {width: 550px; height: 400px; position: relative; overflow: hidden; background-color: #fff; border: 1px solid #e3e3e3;  }
.disguiseasasmile { width: 500px; height: 350px; padding: 20px; overflow: auto; text-align: justify; color: #252525; line-height: 100%; font-family: libre baskerville; font-size: 14px; }
</style>

<div style="width: 550px; height: 400px; padding: 25px; border: 3px double #c4c4c4; background-image:url(http://i61.tinypic.com/2h55uhl.jpg);"><div id="careful">
<div class="disguiseasasmile">
<center>
<img src="КАРТИНКА НЕ БОЛЬШЕ 500 В ШИРИНУ">
</center>
<br>
<center><b>У Ч А С Т Н И К И:</b> <br>
!!!!!!!ЗДЕСЬ ПИШЕМ УЧАСТНИКОВ ЭПИЗОДА </center><br>
<center><b>В Р Е М Я, М Е С Т О:</b> <br>
!!!!!!ВРЕМЯ И МЕСТО </center><br>
<center><b>О П И С А Н И Е:</b><br>
!!!!!!ВАШ ПРЕДПОЛАГАЕМЫЙ СЮЖЕТ</center>

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

0

6

Код:
<!--HTML--><center><div class="omst1"><div class="omst2"></div>
<div class="omst3"><img src="http://i178.photobucket.com/albums/w253/raeversman/icons/pb/amandaseyfried/ilav57.png">
</div><div class="omst4">
✖
<tag>ИМЯ ФАМИЛИЯ ЗВЕЗДЫ НА АНГЛ. КАПСОМ</tag>  <br> <tag> ПРОФЕССИЯ И ВОЗРАСТт</tag> 
</div><div class="omst5">

ваш текст <br>
<br> - новая строчка
ваш текст <br>

</div><div class="omst6"></div>
</div></center><style type='text/css'>
.omst1 { width:450px; margin:50px 0px 10px; }
.omst2 { width:300px; height:40px; background-color:#c6b5c7; border-right:60px solid #8f7083; }
.omst3 { width:114px; height:114px; padding:2px; background-color:#8f7083; border:1px solid #5c5a61; -webkit-border-radius:100%; -o-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin-top:-80px; margin-left:-250px; }
.omst3 img { width:100px; height:100px; padding:4px; background-color:#dedadc; border:3px solid #c6b5c7; -webkit-border-radius:100%; -o-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
.omst4 { width:260px; padding:5px 10px 5px 90px; margin-top:-35px; font-family:anton; font-size:16px; color: black; line-height:100%; text-transform:uppercase; letter-spacing:1px; }
.omst4 tag { color:#8f7083; } .omst4 a { color:#5c5a61; } .omst4 a:hover { color:#8f7083; }
.omst5 { margin:5px 0px 0px; width:400px; padding:15px; background-color:#FAF0E6; font-family:arial; font-size:12px; color: black; line-height:90%; text-transform:none; text-align:justify; overflow-y: scroll }
.omst6 { width:400px; height:5px; background-color:#8f7083; border-right:60px solid #c6b5c7; }
</style><link href='http://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'>

0

7

Код:
<!--HTML--><center><div class="omst1"><div class="omst2"></div>
<div class="omst3"><img src="ИЗОБРАЖЕНИЕ ЗВЕЗДЫ РАЗМЕРОМ 100х100">
</div><div class="omst4">
<a href="http://shine.jcink.net/index.php?showuser=2147">✖</a>
<tag>ИМЯ ЗВЕЗДЫ НА АНГЛ. КАПСОМ</tag>  <br> <tag> ПРОФЕССИЯ ЗВЕЗДЫ, ВОЗРАСТ</tag> 
</div><div class="omst6"></div>
</div></center><style type='text/css'>
.omst1 { width:450px; margin:50px 0px 10px; }
.omst2 { width:300px; height:40px; background-color:#c6b5c7; border-right:60px solid #8f7083; }
.omst3 { width:114px; height:114px; padding:2px; background-color:#8f7083; border:1px solid #5c5a61; -webkit-border-radius:100%; -o-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin-top:-80px; margin-left:-250px; }
.omst3 img { width:100px; height:100px; padding:4px; background-color:#dedadc; border:3px solid #c6b5c7; -webkit-border-radius:100%; -o-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
.omst4 { width:260px; padding:5px 10px 5px 90px; margin-top:-35px; font-family:anton; font-size:16px; color: black; line-height:100%; text-transform:uppercase; letter-spacing:1px; }
.omst4 tag { color:#8f7083; } .omst4 a { color:#5c5a61; } .omst4 a:hover { color:#8f7083; }
.omst6 { width:400px; height:5px; background-color:#8f7083; border-right:60px solid #c6b5c7; }
</style><link href='http://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'>

0

8

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lato:300,400,600,700' rel='stylesheet' type='text/css'><link href='http://takingthehobbitstoisengard.b1.jcink.com/uploads/takingthehobbitstoisengard/dtinsta1.css' rel='stylesheet' type='text/css'>

<div id=insta-d1><div class=insta1><div class=instalogo></div></div><div class=insta2><div class=instaicon style="background-image: url(ICON URL HERE);"></div><div class=insta3><div class=insta4></div><div class=insta5><div class=instauser>  

ВАШ НИКНЕЙМ

</div><div class=instabutt > FOLLOWING </div></a></div><div class=instadesc> 


<b>ИМЯ ЗВЕЗДЫ НА АНГЛ</b>&ensp; ПРОФЕССИЯ ИЛИ ПРОСТО ЛЮБАЯ НАДПИСЬ


</div><div class=instastats> 


<b>ЧИСЛО ПОСТОВ</b> posts &emsp; <b>ЧИСЛО ПОДПИСЧИКОВ</b> followers &emsp; <b>ЧИСЛО ПОДПИСОК</b> following </div>


</div></div><div class=c-for>

<div style="background-image: url(ССЫЛКА НА КАРТИНКУ)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div>  ЧИСЛО ЛАЙКОВ  &ensp; <div class=instacomms></div>  ЧИСЛО КОММЕНТОВ  </div></div></div>

<div style="background-image: url(ССЫЛКА НА КАРТИНКУ)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div>  ЧИСЛО ЛАЙКОВ  &ensp; <div class=instacomms></div>  ЧИСЛО КОММЕНТОВ  </div></div></div>

<div style="background-image: url(ССЫЛКА НА КАРТИНКУ)" class=instafeedb><div class=insta6><div class=insta7><div class=instalikes></div>  ЧИСЛО ЛАЙКОВ  &ensp; <div class=instacomms></div>  ЧИСЛО КОММЕНТОВ  </div></div></div>

<div class=insta8></div>

<div style="background-image: url(ССЫЛКА НА КАРТИНКУ)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div>  ЧИСЛО ЛАЙКОВ  &ensp; <div class=instacomms></div>  ЧИСЛО КОММЕНТОВ  </div></div></div>

<div style="background-image: url(ССЫЛКА НА КАРТИНКУ)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div>  ЧИСЛО ЛАЙКОВ  &ensp; <div class=instacomms></div>  ЧИСЛО КОММЕНТОВ  </div></div></div>

<div style="background-image: url(ССЫЛКА НА КАРТИНКУ)" class=instafeedb><div class=insta6><div class=insta7><div class=instalikes></div>  ЧИСЛО ЛАЙКОВ  &ensp; <div class=instacomms></div>  ЧИСЛО КОММЕНТОВ  </div></div></div>

</div></div>

0

9

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lato:300,400,600,700' rel='stylesheet' type='text/css'><link href='http://takingthehobbitstoisengard.b1.jcink.com/uploads/takingthehobbitstoisengard/dtinsta1.css' rel='stylesheet' type='text/css'>

<div id=insta-d2>

<div style="background-image: url(ССЫЛКА НА ФОТОГРАФИЮ, КОТОРУЮ ВЫ ВЫКЛАДЫВАЕТЕ)" class=instapic></div>

<div class=insta9><div class=insta10>

<div style="background-image: url(АВАТАРКА ПРОФИЛЯ)" class=instaicon></div><div class=instauser>  

@ВАШ НИКНЕЙМ

</div><div class=insta11> FOLLOWING </div><div class=insta12></div></div><div class=insta13><div class=instalikes>

ЧИСЛО ЛАЙКОВ likes  </div><div class=instatime>  ВРЕМЯ ВЫКЛАДЫВАНИЯ ФОТО

</div></div><div class=insta14><div class=instacap>


<b>@ВАШ НИКНЕЙМ</b> ВАШ КОММЕНТАРИЙ К ФОТО
<b>@ИМЯ КОММЕНТИРУЮЩЕГО</b> КОММЕНТАРИЙ
<b>@ИМЯ КОММЕНТИРУЮЩЕГО</b> КОММЕНТАРИЙ 
[МОЖЕТЕ ЭТО УБРАТЬ]

</div></div><div class=insta15></div><div class=insta16><div class=insta17><a href=""><div class=instaheart></div></a><div class=instacommbox>Add a comment...</div><div class=instadots></div></div></div></div></div>

0

10

Код:
<!--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

11

Код:
<!--HTML--><tr><td><center><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<style type="text/css">
#base { background-color: #fff; width: 245px; padding: 20px; }
#spacer { height: 10px; width: 10px; }
.hover { width: 225px; height: 115px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; opacity: 0; }
.hover:hover { background-color: #fff; width: 225px; height: 115px; opacity: .9 }
#position1 { width: 225px; position: relative; top: 20px; font: 20px oswald; }
#position2 { width: 225px; position: relative; top: 15px;font: 7px calibri; text-transform: uppercase; letter-spacing: 1px; }
#position3 { width: 225px; position: relative; top: 30px; font: 7px calibri; text-transform: uppercase; letter-spacing: 1px; }
b3 { font-weight: bold; color: #ACCENT COLOR }
#post { font: 10px calibri; text-align: justify; }
.scroller::-webkit-scrollbar { width: 3px; }
.scroller::-webkit-scrollbar-track { background-color: transparent; }
.scroller::-webkit-scrollbar-thumb { background-color: #ACCENT COLOR; }
</style>
<center><div id="base"><div style="background-color: #fff; background-image: url(ССЫЛКА НА ИЗОБРАЖЕНИЕ: 245 НА 135); width: 245px; height: 135px;"><div id="spacer"></div><div class="hover">

<div id="position1">NAME SURNAME</div>
<div id="position2">ПРОФЕССИЯ ПРЕИМУЩЕСТВЕННО КАПСОМ</div>
<div id="position3">РОЛЬ В ТВОЕЙ ЖИЗНИ [БЛИЗКИЙ ДРУГ, ПОДРУГА]</div>

</div></div><div id="spacer"></div> <div style="width: 240px; max-height: 250px; overflow: auto; padding-right: 5px;" class="scroller"><div id="post">

ОПИСАНИЕ ОТНОШЕНИЙ

</div></div></div><a href="http://shine.b1.jcink.com/index.php?showuser=3537"><div style="width: 285px; font: 7px calibri; text-align: right; text-transform: uppercase;"></div></a>
</center></td>
<td><center><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<style type="text/css">
#base { background-color: #fff; width: 245px; padding: 20px; }
#spacer { height: 10px; width: 10px; }
.hover { width: 225px; height: 115px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; opacity: 0; }
.hover:hover { background-color: #fff; width: 225px; height: 115px; opacity: .9 }
#position1 { width: 225px; position: relative; top: 20px; font: 20px oswald; }
#position2 { width: 225px; position: relative; top: 15px;font: 7px calibri; text-transform: uppercase; letter-spacing: 1px; }
#position3 { width: 225px; position: relative; top: 30px; font: 7px calibri; text-transform: uppercase; letter-spacing: 1px; }
b3 { font-weight: bold; color: #ACCENT COLOR }
#post { font: 10px calibri; text-align: justify; }
.scroller::-webkit-scrollbar { width: 3px; }
.scroller::-webkit-scrollbar-track { background-color: transparent; }
.scroller::-webkit-scrollbar-thumb { background-color: #ACCENT COLOR; }
</style>
<center><div id="base"><div style="background-color: #fff; background-image: url(ССЫЛКА НА ИЗОБРАЖЕНИЕ: 245 НА 135); width: 245px; height: 135px;"><div id="spacer"></div><div class="hover">

<div id="position1">NAME SURNAME</div>
<div id="position2">ПРОФЕССИЯ ПРЕИМУЩЕСТВЕННО КАПСОМ</div>
<div id="position3">РОЛЬ В ЖИЗНИ [БЛИЗКИЙ ДРУГ, ПОДУРА] КАПСОМ</div>

</div></div><div id="spacer"></div> <div style="width: 240px; max-height: 250px; overflow: auto; padding-right: 5px;" class="scroller"><div id="post">

ОПИСАНИЕ ОТНОШЕНИЙ

</div></div></div><a href="http://shine.b1.jcink.com/index.php?showuser=3537"><div style="width: 285px; font: 7px calibri; text-align: right; text-transform: uppercase;"></div></a>
</center></td>

0

12

Код:
<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300' rel='stylesheet' type='text/css'><div style="width: 300px; padding: 15px; background: #F2F2F2; border: 3px double #EDEDED;"><div style="width: 280px; height: 45px; background: #b1c4d2; padding: 10px;"><div style="text-align: center; font-family: 'Source Sans Pro', sans-serif; font-size: 30px; text-transform: uppercase; letter-spacing: 2px; color: white; line-height: 90%;">

HOLLAND RODEN

</div><div style="text-align: center; font-family: calibri; font-size: 8px; margin-bottom: 3px; letter-spacing: 1px; text-transform: uppercase; color: white; line-height: 90%;">

Only the educated are free.

</div><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="280" height="10">
   <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
   <param name="bgcolor" value="#b1c4d2" />
   <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/tca020q4hz/1x08_-_French_Wives_-_Younger.mp3&amp;loadingcolor=f2f2f2&amp;buttoncolor=f2f2f2&amp;slidercolor=f2f2f2" />
</object></div>

<img src="http://33.media.tumblr.com/23b975457fe49400b565c53bd9cae209/tumblr_ms1854N3V41s2oe96o8_400.gif" width="300px">

<div style="width: 270px; height: 220px; background: #F2F2F2; padding: 15px;"><div style="width: 256px; font-family: calibri; height: 220px; padding-right: 6px; padding-left: 6px; color: #000; font-size: 10px; text-align: justify; line-height: 100%; overflow: auto;" class="wivesscroll">

Мисс Роден — человек с большим сердцем, модница, прекрасный кулинар, любительница активного отдыха и просто невероятная девушка. Каждый, кто когда-либо встречал ее, оставался впечатлен ее изяществом, добротой и красотой! 
♡ Некоторые факты из жизни ♡ 
✘ Почему Холлэнд решила стать актрисой?
«Ох, это очень длинная история! По сути, я стала актрисой из-за своей любви к науке. Я обучалась в университете, на факультете общей медицины, и если кратко, то до этого я почти все школьные годы провела в частной школе для девочек. А потом я перешла в школу с совместным обучением, что для меня было очень непривычно и тяжело, поэтому я решила записаться на занятия актерского мастерства, чтобы хоть как-то оставаться в норме. Мой преподаватель сказал мне однажды: «Ты должна заняться этим профессионально. Ты когда-нибудь задумывалась об этом?». Поэтому, когда я поступила в университет, то я стала совмещать и науку, и игру. Я подумала, удастся заниматься и тем, и тем, и у меня действительно получилось. »
✘ С Лидией Холлэнд объединяет любовь к проблемным парням. 
✘ Она любит, когда у нее все распланировано. 
✘ Роден - левша.
✘ Самая любимая часть в работе актрисой - «встречи с поклонниками». 
✘ Любит забирать себе нижнее белье, которое ей выдают на съемочной площадке. 
✘ Холлэнд любит ходить по магазинам в Амстердаме.
✘ Ей хотелось бы сняться в фильме про 50-60-е годы, нечто вроде «Дороги перемен».
✘ Актриса на протяжении всей своей жизни коллекционирует голландскую обувь, но она совсем не любит высокие каблуки.
✘ Холлэнд ела мясо всяких разных животных: змей, лягушек, аллигаторов, лошадей, кенгуру и т.д. 
✘ На вопрос о возможности сыграть злодейку, Холлэнд ответила, что обычно ее попытки вести себя серьезно смешат людей. 
✘ Все ее странные истории начинались с фразы: «Мне нужно сходить пописать».
✘ Холлэнд очень любит супы, суши, а так же картошку, пиццу, твердый сыр и фалафель.
✘ 2011 [Дилан О'Брайен]: Я лучше заберу у Холлэнд микрофон, чтобы она не сболтнула ничего лишнего.
2015 [Дилан О'Брайен]: Мы можем просто отрубить Холлэнд микрофон.
✘ Актриса не умеет пользоваться подводкой для глаз, но из-за того, что у нее плохая кожа, она просто помешана на нанесении тональной основы. 
✘ Умеет кататься на лошадях, лыжах, водных лыжах, занимается йогой, играет на пианино.
✘ Лидия любит носить обтягивающую одежду, Холлэнд же наоборот предпочитает одежду, в которой ей будет комфортно. 
✘ Ассоциирует себя с белкой. 
✘ Любимые фильмы: «Гарольд и Мод» один из самых любимых. «Энни Холл», «Инопланетянин», «Титаник», «Побег из Шоушенка» и «Лучше не бывает». 
Любимые сериалы: «Остаться в живых», «Во все тяжкие», «Умерь свой энтузиазм». Холлэнд огромная поклонница «Друзей». Рэйчел ее любимая героиня.
✘ Считает курение отвратительной вредной привычкой.
✘ Она никогда не красится сама, потому что считает, что у нее получается ужасно.
✘ Холлэнд немного говорит по-испански, но с французским дела у нее так и не ладятся.
✘ Роден считает, что нагота – не главная составляющая киноиндустрии, потому всегда будет отказываться от ролей, где в кадре требуется быть полностью раздетой.
✘ Лучшая политика в жизни для актрисы – быть честным и вежливым.
✘ Когда Холлэнд была маленькой, она хотела в будущем изучать астрофизику.
✘ Она огромная поклонница космоса, и она верит в инопланетян.
✘ Ей нравятся марки West Gordon, Keepsake и Finders Keepers. У последних двух, по ее словам, отличные шорты.
✘ Холлэнд призналась, что никогда не смотрела «Гарри Поттера», «Звездных Войн», «Властелина колец». 
✘ Актриса мечтает о путешествии по всему миру, но Франция – ее самое любимое место, и она хотела бы жить там (или в Колорадо) лет через десять. Больше всего она хотела бы съездить в Италию и в Амстердам.
✘ Роден совсем не умеет пользоваться компьютером. Единственное, что она знает – как отправлять е-мейлы.
✘ Когда у Холлэнд спросили, какую татуировку та бы хотела, она ответила, что набила бы себе татушку на запястье со словом «любовь» на персидском. 
✘ У Холлэнд спросили, что если бы Лидия могла бы быть каким-то другим сверхъестественным существом, то кем именно. Та ответила, что ей нравятся русалочки, ну по понятным причинам. Но также она сказала, что очарована черной магией, и хотела бы, чтобы Лидия была ведьмой.
✘ Она просто обожает животных: в особенности собак.
✘ «Тот факт, что люди что-то пишут или делают для меня, всегда изумляет. А если фанаты начинают нервничать при мне, то тогда мне хочется кричать: «Прошу, не переживай!» Ведь мы все обычные люди. Все мы одинаковые».
✘ «Я не улыбаюсь с зубами, потому что выгляжу ужасно, когда показываю свои зубы во время улыбки. Я ненавижу свою улыбку».
✘ «Будь уверенным в себе. И никогда не бойся добиваться своих целей».
✘ «У меня постоянно получаются какие-то кривляния, если вы не заметили. Я была рождена для того, чтобы из меня делали гифки. Это так смехотворно и нелепо».
✘ «Некоторые люди могут подумать, что «Волчонок» — сериал-ужастик. Я и сама так думала, а я не очень люблю смотреть ужастики. Я буквально одержима стереотипом из детства, что все, что пугает меня, обязательно должно быть связано с темнотой».
✘ «Я считаю фанфики отличным креативным способом поделиться своими эмоциями, а также совмещением приятного с полезным — ты смотришь сериал, вдохновляешься и проявляешь свой талант в сочинении».

</div></div><div style="width: 300px; height: 100px; background-color: #b1c4d2;">

<img src="http://38.media.tumblr.com/9e8e156c4a9cf2c745b497b07c24bf35/tumblr_inline_mzpjlbDK9I1rep7c9.gif" style="width: 90px; height: 90px; border: 10px solid #f2f2f2; border-radius: 90%; margin-top: -5px;">

</div></div><a href="http://shine.b1.jcink.com/index.php?showuser=3048"><div style="width: 330px; color: #000; font-size: 6px; letter-spacing: 3px; margin-top: 3px; text-align: center;">WHAT KATY DID</div></a></center><style>.wivesscroll::-webkit-scrollbar { width: 2px;}
.wivesscroll::-webkit-scrollbar-track { background: #F2F2F2; }
.wivesscroll::-webkit-scrollbar-thumb { background: #b1c4d2; }</style>

0

13

три вкладки

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

#badblood { width: 397px; -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5); box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5); }

.badbloodtabs { position: relative; left: -8px; top: -50px; width: 400px; margin-bottom: 50px; }

.badbloodtab { float: left; }

.badbloodtab label { display: block; position: relative; left: 175px; top: 15px; width: 10px; height: 10px; background: #dcf1ea; margin-right: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }

.badbloodtab [type=radio] { display: none; }

.badbloodbg { width: 395px; height: 440px; background: #fff; border: 1px solid #332b4a; }

.badbloodcontent { position: absolute; top: 48px; bottom: 0px; left: 5px; right: 0px; width: 360px; height: 400px; background: transparent; padding: 20px; opacity: 0; -webkit-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); }

[type=radio]:checked ~ label { background: #7fdfed; z-index: 4; }

[type=radio]:checked ~ label ~ .badbloodcontent { z-index: 5; opacity: 1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); }

.badbloodtop { width: 357px; height: 190px; padding: 20px; background: #332b4a; }

.badbloodtitle { margin-top: 20px; width: 300px; font-family: lobster; font-size: 30px; color: #fff; text-align: center; text-transform: lowercase; letter-spacing: 1px; line-height: 10px; border-bottom: 1px solid #dcf1ea; padding-bottom: 15px; margin-bottom: 10px; }

.badblooddesc { width: 250px; height: 90px; padding: 5px; overflow: auto; font-family: arial; font-size: 7px; color: #fff; text-align: justify; text-transform: uppercase; letter-spacing: 1px; line-height: 10px; }

.badblooddesc::-webkit-scrollbar { background: transparent; width: 1px;  }
.badblooddesc::-webkit-scrollbar-thumb { background: #fff; width: 1px; }
.badblooddesc::-webkit-scrollbar-corner { background: transparent; }

.badbloodname { position: relative; top: 320px; width: 140px; padding: 10px; background-color: rgba(51, 43, 74, 0.85); font-family: arial; font-size: 8px; color: #fff; font-style: italic;text-align: center; text-transform: uppercase; letter-spacing: 1px; line-height: 10px; }

.badbloodbasic { position: relative; bottom: 4px; left: 2px; width: 190px; font-family: arial; font-size: 8px; color: #55326e; font-weight: bold; text-align: center; text-transform: uppercase; letter-spacing: 1px; line-height: 10px; border-bottom: 1px solid #dcf1ea; padding-bottom: 10px; margin-bottom: 5px; }

.badbloodreq { margin-left: 2px; width: 170px; height: 352px; padding: 10px; overflow: auto; font-family: arial; font-size: 9px; color: #333; text-align: justify; text-transform: lowercase; letter-spacing: 1px; line-height: 10px; }
.badbloodreq b { color: #8785bc; }

.badbloodreq::-webkit-scrollbar { background: transparent; width: 1px;  }
.badbloodreq::-webkit-scrollbar-thumb { background: #55326e; width: 1px; }
.badbloodreq::-webkit-scrollbar-corner { background: transparent; }

</style> <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>


<center><div id="badblood">

<div class="badbloodtop"><div class="badbloodtitle">TITLE HERE</div>

<div class="badblooddesc">this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group this is a summary of your group</div>

</div><div class="badbloodbg">

<div class="badbloodtabs">

<div class="badbloodtab">
<input type="radio" id="badbloodtab-1" name="badbloodtab-group-1" checked>
<label for="badbloodtab-1">  </label>
<div class="badbloodcontent">

<table><td><div style="width: 160px; height: 400px; background-image: url(http://placehold.it/160x400);">
<div class="badbloodname">FIRST LAST</div>

</div></td>

<td><div class="badbloodbasic">AGE. GROUP. FACE CLAIM.</div>

<div class="badbloodreq">
[b]this is where your request goes[/b] this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes<p>

this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes<p>

this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes
</div></td></table>

</div>
</div>

<div class="badbloodtab">
<input type="radio" id="badbloodtab-2" name="badbloodtab-group-1">
<label for="badbloodtab-2">  </label>
<div class="badbloodcontent">

<table><td><div style="width: 160px; height: 400px; background-image: url(http://placehold.it/160x400);">
<div class="badbloodname">FIRST LAST</div></td>

<td><div class="badbloodbasic">AGE. GROUP. FACE CLAIM.</div>

<div class="badbloodreq">
[b]this is where your request goes[/b] this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes<p>

this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes<p>

this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes
</div></td></table>

</div>
</div>

<div class="badbloodtab">
<input type="radio" id="badbloodtab-3" name="badbloodtab-group-1">
<label for="badbloodtab-3">  </label>
<div class="badbloodcontent">

<table><td><div style="width: 160px; height: 400px; background-image: url(http://placehold.it/160x400);">
<div class="badbloodname">FIRST LAST</div></td>

<td><div class="badbloodbasic">AGE. GROUP. FACE CLAIM.</div>

<div class="badbloodreq">
[b]this is where your request goes[/b] this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes<p>

this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes<p>

this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes
</div></td></table>

</div>
</div>

<div class="badbloodtab">
<input type="radio" id="badbloodtab-4" name="badbloodtab-group-1">
<label for="badbloodtab-4">  </label>
<div class="badbloodcontent">

<table><td><div style="width: 160px; height: 400px; background-image: url(http://placehold.it/160x400);">
<div class="badbloodname">FIRST LAST</div></td>

<td><div class="badbloodbasic">AGE. GROUP. FACE CLAIM.</div>

<div class="badbloodreq">
[b]this is where your request goes[/b] this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes<p>

this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes<p>

this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes this is where your request goes
</div></td></table>

</div>
</div>

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

<center><div style="margin-top: 5px; width: 400px; text-align: right; font-family: arial; font-size: 7px; text-transform: uppercase; letter-spacing: 1px;"><a href="http://shine.b1.jcink.com/index.php?showuser=3079">♥ HANNAH</a></div></center>

0

14

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


<center><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300|Raleway:400,800,900' rel='stylesheet' type='text/css'><link rel="stylesheet" type="text/css" href="http://itsabattlecry.b1.jcink.com/uploads/itsabattlecry/divine.css"><style type="text/css">

.divineover1, .divineover2, .divineover3, .divineover4 { background-color: #24C1C7; }
.divinecontent1 b { color: #65776F; }
.divinecontent1 i { color: #A4ACA4; }
.divinecontent1::first-letter, .divinecontent1 p::first-letter, .divinecontent1::-webkit-scrollbar-thumb { background-color: #449C9B; }
.divinequote1 { color: #449C9B; }

</style>

<div id="divinewrap">
<div id="divineinside">
<div class="divinetop">
<div class="divinegif" style="background-image: url(http://placehold.it/160x160);"></div>
<div class="divinename">first m. last</div>
<div class="divineinfo">##. member group. occupation.</div>
</div>

<div class="divinecontent"><div class="divinecontent1">

Shipper stuff here! This is what <b>bold</b> looks like. This is what <i>italic</i> looks like. 

</div></div>

</div>
<div class="divinequote"><div class="divinequote1">❝</div>

ok so harry here pays rent along w/ kendall and izzy. he and izzy came up with the name "gay squad" t

</div>
<div class="divineover1"></div><div class="divineover2"></div><div class="divineover3"></div><div class="divineover4"></div>
<div class="divinebg" style="background-image: url(http://placehold.it/300x500)"></div>
</div>
<div class="reexoxo"><a href="http://shine.b1.jcink.com/index.php?showuser=3019">nevermore.</a></div>
</center>

0

15

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


<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<center>
<div class="corion">
<div class="corion2">
<div class="orionhead"><div style="position:relative; top:39px;">first last</div>
<div style="font-family:open sans condensed; text-transform:uppercase; position:relative; top:40px; font-size:10px; line-height:100%; color:#333;">LIST OF TRAITS GOES HERE</div>
</div>
<div class="orionhead2"></div>
</div>
<div class="orions">

<div class="orion">
<input type="radio" id="orion-1" name="orion-group-1" checked>
<label for="orion-1">about</label>
<div class="orionc">
STUFF ABOUT CHARACTER HERE
</div>
</div>

<div class="orion">
<input type="radio" id="orion-2" name="orion-group-1">
<label for="orion-2">friends</label>
<div class="orionc">
STUFF ABOUT FRIENDS HERE
</div>
</div>

<div class="orion">
<input type="radio" id="orion-3" name="orion-group-1">
<label for="orion-3">enemies</label>
<div class="orionc">
STUFF ABOUT ENEMIES HERE
</div>
</div>

<div class="orion">
<input type="radio" id="orion-4" name="orion-group-1">
<label for="orion-4">lovers</label>
<div class="orionc">
STUFF ABOUT LOVERS HERE
</div>
</div>

</div></div>

<span class="libcred"><a href="http://shine.jcink.net/index.php?showuser=14639">love,</a> <a href="http://candylandcouture.b1.jcink.com/index.php?showuser=3956">libby</a></span>
</center>

<style type="text/css">
.corion {
  width: 400px;
  padding: 15px;
  height: 400px;
  background-color: #fcfcfc;
  border: 1px solid #eee
  }

.corion2 {
  width: 400px;
  height: 150px
  }

.orionhead {
  width: 230px;
  font-family: "Kaushan Script";
  font-size: 32px;
  text-transform: lowercase;
  line-height: 100%;
  position: relative;
  float: left;
  height: 150px;
  color: #333
  }

.orionhead2 {
  width: 150px;
  height: 115px;
  position: relative;
  float: right;
  border: 10px solid #eee;
  background-image: url(http://placehold.it/150x120)
  }

.orions {
  position: relative;
  width: 400px;
  height: 250px;
  overflow: hidden
  }

.orion {
  float: left
  }

.orion label {
  background: #eee;
  height: 25px;
  margin-bottom: 5px;
  position: relative;
  display: block;
  line-height: 25px;
  width: 100px;
  text-align: center;
  text-transform: uppercase;
  font-family: open sans condensed;
  font-weight: 300
  }

.orion [type=radio] {
  display: none
  }

.orionc {
  position: absolute;
  top: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 348px;
  height: 178px;
  background: white;
  padding:20px;
  overflow: auto;
  text-align: justify;
  font-family: arial;
  font-size: 9.5px;
  line-height: 95%;

  border: 1px solid #eee;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s
  }

.orions [type=radio]:checked ~ label {
  background: white;
  z-index: 2
  }

.orions [type=radio]:checked ~ label ~ .orionc {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 5
  }

.libcred a {
   font-family: orator std;
   font-size: 8px;
   color: #03435e;
   padding-right: 10px;
   padding-top:10px;
   line-height: 8px;
   letter-spacing: 1px
   }
</style>

0

16

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<style type="text/css">
.NAME1-border {width: 270px; height: 395px; margin-top: 20px; padding: 10px; background-image: url(http://i.imgur.com/PN4lYmC.png); background-color: #ffffff;} 
.NAME1-border2 {width: auto; height: 320px; background-color: #fff; padding: 10px; border-top: 15px solid #bd4659; border-bottom: 40px solid #fff; }
.NAME1-color { width: 270px; height: 150px; background-color: #bd4659; margin-top: -20px; margin-left: -5px; }
.NAME1-gif { width: 200px; border-radius: 100%;  border: 5px solid #fff;   margin-top: -103px;  margin-bottom: 20px;}
.NAME1-gif img { width: 200px; border-radius: 100%;}


.NAME1-threads::-webkit-scrollbar { background: #bd4659; width: 2px; }
.NAME1-threads::-webkit-scrollbar-thumb { background: #d0d0d0;  }
.NAME1-threads::-webkit-scrollbar-corner { background: #bd4659; }


.NAME1-title { width: 235px; padding-top: 20px; padding-bottom: 10px; font-family: 'Droid Serif';  font-size: 20px; text-align: right; color: #bd4659; margin: auto; letter-spacing: .5px; }
.NAME1-name {  font-family: 'oswald', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0px; line-height: 95%;  font-size: 25px; text-align: center; line-height: 100%; color: #bd4659; font-style: bold; background-color: #fff; }
.NAME1-subname {  font-family: 'oswald', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0px; line-height: 95%;  font-size: 20px; text-align: center; line-height: 100%; color: #d0d0d0; font-style: bold; padding-bottom: 10px; background-color: #fff; }
.NAME1 a { width: 170px; font-family: 'Droid Serif'; font-size: 11px; text-align: justify; text-transform: lowercase;  letter-spacing: .5px; font-style: bold; color: #222222; line-height: 17px;  }
.NAME1-details { background-color: #dea2ac; padding: 3px; font-family: calibri; font-size: 7px; text-align: left; color: #ffffff; text-transform: uppercase; font-style: italics; display: inline; }
.NAME1-threads { width: 230px; height: 270px; text-align: justify; overflow:auto; }

.NAME1-tabs { position: absolute; clear: both; background-color: #000;}
.NAME1-tab { float: left; } 
.NAME1-tab label { background: #fff; padding: 0px 20px 0px 20px; border: none; margin-left: 0px; position: relative; top: 345px; left: 15px; font-family: 'oswald', sans-serif; font-weight: 700;  font-size: 15px; color: #bd4659; text-transform: uppercase; }
.NAME1-tab [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
.content { width: 260px; height: 330px; padding: 5px; position: absolute; top: 0px; left: 0px; background: white; margin-left: -10px; margin-top: -10px; }
[type=radio]:checked ~ label { background: none; color: #bcbcbc; border-bottom: none; z-index: 2; display: inline; }
[type=radio]:checked ~ label ~ .content { z-index: 1; }
</style><center>
<div class="NAME1-border"><div class="NAME1-border2">

<div class="NAME1-tabs">

<div class="NAME1-tab">
<input type="radio" id="NAME1-tab-1" name="NAME1-tab-group-1" checked>
<label for="NAME1-tab-1" style="margin-top: 320px;"> ❖</label>
<div class="content">
<div class="NAME1-color"></div><div class="NAME1-gif"><img src="http://placehold.it/200x200"/></div><div class="NAME1-name">
FIRST M. LAST
</div>
<div class="NAME1-subname">
AGE IN ## - OCCUPATION
<p>
</div>


</div>
</div>

<div class="NAME1-tab">
<input type="radio" id="NAME1-tab-2" name="NAME1-tab-group-1">
<label for="NAME1-tab-2" style="margin-top: 320px;">current</label>
<div class="content">
<div class="NAME1-title">
current
</div><p>
<div class="NAME1-threads">

<div class="NAME1"><a href="linkhere">thread title</a></div>
<div class="NAME1-details"><i>#place here</i></div> <div class="NAME1-details"><i>#other character</i></div>
<p>



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

<div class="NAME1-tab">
<input type="radio" id="NAME1-tab-3" name="NAME1-tab-group-1">
<label for="NAME1-tab-3" style="margin-top: 320px;">past</label>
<div class="content">
<div class="NAME1-title">
past
</div><p>
<div class="NAME1-threads">

<div class="NAME1"><a href="linkhere">thread title</a></div>
<div class="NAME1-details"><i>#place here</i></div> <div class="NAME1-details"><i>#other character</i></div>
<p>


</div>
</div>

</div></div>

</div></div>
<a href="http://shine.jcink.net/index.php?showuser=6337"><div style="width: 270px; text-align: center; font-size: 6px; color: #999999; letter-spacing: 4px; margin-top: 3px;">NINE STORIES</div></a>
</center>

0

17

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

<link href="http://fonts.googleapis.com/css?family=Raleway:400,300,600,700,800" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700" rel="stylesheet" type="text/css"><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><center><div style="width: 230px; padding: 10px; background: -webkit-linear-gradient(left, #FF4E50, #FC913A, #F9D423); background: -o-linear-gradient(left, #FF4E50, #FC913A, #F9D423); background: -moz-linear-gradient(left, #FF4E50, #FC913A, #F9D423); background: linear-gradient(left, #FF4E50, #FC913A, #F9D423); height: 22px;">

<table><tbody><tr><td><div class="playercon"><i class="fa fa-navicon"></i></div></td>
<td><div class="playerh">PLAYING...</div></td>
<td><div class="playercon"><i class="fa fa-search"></i></div></td></tr></tbody></table></div>

<div style="width: 250px; height: 150px; background: url(http://s5.favim.com/orig/74/brown-fashion-girl-happiness-Favim.com-774152.jpg); background-size: cover;">

<div class="playertitle">NEED NO EDUCATION</div>
<div style="width: 230px; margin-right: 5px; height: 25px;">
<div style="width: 200px; height: 25px; float: left;"><div class="playersub">BY WHATKATYDID<br>5TRACKS | 116 FOLLOWERS</div></div>
<div style="width: 30px height: 25px; float: right;"><div class="playersubcon"><i class="fa fa-spinner fa-pulse"></i></div></div></div>

</div><div style="width: 246px; padding: 2px; background: #fff;">

<div style="width: 244px; height: 40px; background: #fff; border: 1px solid #fafafa; overflow: hidden;"><table><tbody><tr><td><div style="width: 40px; height: 40px; background: url(http://www.mickmgmt.com/wp-content/uploads/2014/09/10669184_10152689371807558_4988474280269141624_o1.jpg); background-size: cover;"></div></td>
<td><div class="playsg">shut up and dance
<br><b>walk the moon</b></div></td>
<td><div class="playback"><div class="playb"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="300" height="40"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"><param name="bgcolor" value="#ffffff">

<param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/onhpv8wbjj/WALK_THE_MOON.mp3&amp;buttoncolor=000000"></object></div></div></td></tr></tbody></table></div>

<div style="width: 244px; height: 40px; margin-top: 2px; background: #fff; border: 1px solid #fafafa; overflow: hidden;"><table><tbody><tr><td><div style="width: 40px; height: 40px; background: url(http://img2.wikia.nocookie.net/__cb20130629090454/lyricwiki/images/f/fc/The_Royal_Concept_-_World_On_Fire.jpg); background-size: cover;"></div></td>
<td><div class="playsg">world on fire
<br><b>the royal concept</b></div></td>
<td><div class="playback"><div class="playb"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="300" height="40"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"><param name="bgcolor" value="#ffffff">

<param name="FlashVars" value="mp3=http://k007.kiwi6.com/hotlink/x1n0y1haty/World_on_Fire.mp3&amp;buttoncolor=000000"></object></div></div></td></tr></tbody></table></div>

<div style="width: 244px; height: 40px; margin-top: 2px; background: #fff; border: 1px solid #fafafa; overflow: hidden;"><table><tbody><tr><td><div style="width: 40px; height: 40px; background: url(http://41.media.tumblr.com/52b949b3464d744aa86cd347d9aeef46/tumblr_n6wjmcRHZ51td5vrjo1_1280.jpg); background-size: cover;"></div></td>
<td><div class="playsg">yellow house
<br><b>softengine</b></div></td>
<td><div class="playback"><div class="playb"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="300" height="40"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"><param name="bgcolor" value="#ffffff">

<param name="FlashVars" value="mp3=http://k007.kiwi6.com/hotlink/bh4nq5ycjx/yellow-house.mp3&amp;buttoncolor=000000"></object></div></div></td></tr></tbody></table></div>

<div style="width: 244px; height: 40px; margin-top: 2px; background: #fff; border: 1px solid #fafafa; overflow: hidden;"><table><tbody><tr><td><div style="width: 40px; height: 40px; background: url(http://a4.mzstatic.com/us/r30/Music4/v4/5d/78/07/5d780799-0ec7-d796-7a6f-481b4c90cd98/cover326x326.jpeg); background-size: cover;"></div></td>
<td><div class="playsg">traum
<br><b>CRO</b></div></td>
<td><div class="playback"><div class="playb"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="300" height="40"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"><param name="bgcolor" value="#ffffff">

<param name="FlashVars" value="mp3=http://invasoesbarbaras.com.br/root/wp-content/uploads/2014/06/CRO-Traum.mp3&amp;buttoncolor=000000"></object></div></div></td></tr></tbody></table></div>

<div style="width: 244px; height: 40px; margin-top: 2px; background: #fff; border: 1px solid #fafafa; overflow: hidden;"><table><tbody><tr><td><div style="width: 40px; height: 40px; background: url(http://cdn.unpopularlyrics.com/wp-content/uploads/2014/01/parade-lights-golden1.jpg); background-size: cover;"></div></td>
<td><div class="playsg">golden
<br><b>parade of lights</b></div></td>
<td><div class="playback"><div class="playb"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="300" height="40"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"><param name="bgcolor" value="#ffffff">

<param name="FlashVars" value="mp3=http://www.birp.fm/music/playlists/2014/february-2014/035%20-%20Parade%20Of%20Lights%20-%20Golden.mp3&amp;buttoncolor=000000"></object></div></div></td></tr></tbody></table></div>

</div><a href="http://shine.b1.jcink.com/index.php?showuser=3048"><div style="width: 295px; color: #000; font-family: calibri; font-size: 7px; letter-spacing: 3px; margin-top: 3px; text-align: center;">WHAT KATY DID</div></a></center><style>.playerh {width: 125px; overflow: hidden; height: 20px; font-family: ubuntu; font-size: 20px; font-weight: 700; font-style: normal; text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;}
.playercon {width: 50px; overflow: hidden; height: 20px; font-family: ubuntu; font-size: 20px; font-weight: 700; font-style: normal; text-align: center; color: #fff;line-height: 100%;}
.playertitle {width: 240px; overflow: hidden; height: 15px; margin-left: 5px; font-family: ubuntu; font-size: 15px; font-weight: 700; font-style: normal; text-align: left; color: #fff; text-transform: uppercase; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; position: relative; top: 100px;}
.playersub {width: 200px; overflow: hidden; font-family: ubuntu; font-size: 12px; font-weight: 400; font-style: normal; text-align: left; color: #fff; text-transform: uppercase; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; position: relative; top: 100px;}
.playersubcon {width: 30px; overflow: hidden; height: 25px; font-family: ubuntu; font-size: 16px; font-weight: 700; font-style: normal; text-align: center; color: #fff;line-height: 100%; position: relative; top: 100px;}
.playback {width: 40px; height: 40px; background: #fff;}
.playsg b {font-family: raleway; font-weight: 700; color: #A8A8A8;}
.playsg {width: 154px; height: 30px; padding: 5px; font-family: raleway; text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; line-height: 100%; letter-spacing: 0px; word-spacing: -1px; color: #686868;}
.playb {position: relative; bottom: 0px; left: 0px; width: 40px; height: 40px; overflow: hidden;}
</style>

0

18

Код:
<!--HTML--><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <link rel="stylesheet" href="http://sunshinepumpkin.b1.jcink.com/uploads/sunshinepumpkin/foundation_icons.css"> <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Raleway:100,400,900' rel='stylesheet' type='text/css'> <link href='http://sunshinepumpkin.b1.jcink.com/uploads/sunshinepumpkin/bennett.css' rel='stylesheet' type='text/css'>

<div class="bcphone"><div class="bcphonebi"><img src="http://i.imgur.com/pl24B63.png"/></div><div class="bcphonebii"></div><div class="bcphonet"> <i class="fa fa-circle"></i> <i class="fa fa-circle"></i> <i class="fa fa-circle"></i> <i class="fa fa-circle"></i> <i class="fa fa-circle-thin"></i> <span>spark nz</span> <span style="padding-left: 35px;">7:10 pm</span> <div style="float: right; font-size: 8px; font-weight: 900; vertical-align: middle; margin-top: -1px;"> 100% <span style="font-size: 8px;"><i class="fi-battery-full"></i></span> </div></div>  <div class="bcphonen"> connected to: <div class="bcphonebn"> 

favorite gossip

</div> </div> <div class="bcphoneend"> reply </div> <div class="bcphoneimg"> <a href="http://shine.jcink.net/index.php?showuser=54">

<img src="http://gamingglitch.com/wp-content/uploads/gg_print_logo_design3.jpg"/>

</a></div> <div class="bcphonetextb">

<div class="bcphonetext"> Ну привет, красотка. </div>
<div class="bcphonetext"> Я погляжу, ты стала знаменитой. Тебе это нравится? </div>
<div class="bcphonetext"> Можешь мне не отвечать, я знаю, каково это -  купаться в лучах славы, богатства и  "настоящих" друзей. </div>
<div class="bcphonetext"> Тебе нужно знать только одно: я всегда все вижу и слышу. Знай, если ты знаменита - от меня тебе не скрыться. Я знаю каждый твой шаг, каждое твое действие. Ты думаешь, такого не бывает? Ты очень не права, милая. Отныне ты всегда находишься под моим наблюдением, а все, что ты делаешь или о чем тайно мечтаешь может узнать кто угодно... Если ты, конечно, не сделаешь, как я попрошу... Удачи, красотка! Помни, что я всегда рядом, как далеко бы ты не находилась... 

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

Код:
<!--HTML--><link rel="stylesheet" href="http://ames.b1.jcink.com/uploads/ames/codes/whitecell.css"><style type="text/css">
.atm-text-img { width: 100px; height: 100px; padding: 3px; border-radius: 100%; border: 4px solid #dedede; background-color: #eee; margin-top: 15px; }

.ames-credit { width: 185px; text-align: right; line-height: 100%; }
.ames-credit a { text-transform: uppercase; letter-spacing: 1px; font-size: 8px; font-family: calibri; }
</style>
<center>
<div class="atm-text"><div class="atm-text-box">
<div class="atm-text-name">MIRANDA</div>
<img src="http://ohsohollywood.rusff.ru/img/avatars/0012/6a/f7/4-1357828576.gif" class="atm-text-img">
<div class="atm-text-num">1</div>
<div class="atm-text-from">Text From: YOUR CHARACTER NAME HERE</div>
<div class="atm-text-mbox">

<div class="atm-text-msg">
TEXT MESSAGE GOES HERE
</div>

</div>
</div></div>
<div class="ames-credit"><a href="http://shine.b1.jcink.com/index.php?showuser=1892" target="_blank">♛ Ames</a></div>
</center>

0

19

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'><style type='text/css'>
.louisbgoldbg { width:300px; height:566px; background-image:url(http://i.imgur.com/673cGAj.png); position:relative; overflow:hidden; }
.louisbgoldlockscreen { position:absolute; top:83px; left:36px; width:224px; height:399px; overflow:hidden; }
.louisbgoldbgimg { position:absolute; top:0px; left:0px; width:224px; height:399px; opacity:1; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisbgolddarken { position:absolute; top:0px; left:0px; width:224px; height:399px; background-color:#222; opacity:.2; }
.louisbgoldstats { position:absolute; top:2px; left:4px; width:217px; height:10px; background-image:url(http://i.imgur.com/6RLyMWZ.png); transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisbgoldslide { position:absolute; left:100px; top:5px; width:25px; height:5px; background-image:url(http://i.imgur.com/TPmD3dR.png); transition-duration: .8s; -webkit-transition-duration: .8s; }
.louisbgoldtime { position:absolute; top:35px; width:224px; height:43px; text-align:center; line-height:43px; font-size:50px; color:#fff; font-family:lato; font-weight:100; }
.louisbgolddate { position:absolute; top:85px; width:224px; line-height:13px; text-align:center; font-size:12px; color:#fff; font-family:lato; font-weight:100; text-transform:none; }
.louisbgoldcamera { position:absolute; top:375px; left:98px; width:121px; height:16px; background-image:url(http://i.imgur.com/X0mXLoH.png); transition-duration: .8s; -webkit-transition-duration: .8s; }
.louisbgoldunlock { position:absolute; top:315px; left:52px; width:120px; height:15px; background-image:url(http://i.imgur.com/1xuqS8G.png); }
.louisbgoldslideright { position:absolute; top:0px; left:0px; width:224px; height:399px; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisbgoldbg:hover .louisbgoldslideright { left:399px; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisbgoldbg:hover .louisbgoldbgimg { transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); opacity:0; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisbgoldbg:hover .louisbgoldslide { top:-10px; transition-duration: .8s; -webkit-transition-duration: .8s; }
.louisbgoldbg:hover .louisbgoldcamera { top:399px; transition-duration: .8s; -webkit-transition-duration: .8s; }
.louisbgoldbg:hover .louisbgolddarken { opacity:0; transition-duration: .8s; -webkit-transition-duration: .8s; }
.louisbgoldbg:hover .louisbgoldstats { position:absolute; top:2px; left:4px; width:217px; height:10px; background-image:url(http://i.imgur.com/cz7Km8B.png); transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisbgoldbg:hover .louisbgoldmessages { opacity:1; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisbgoldmessages { position:absolute; top:0px; left:0px; width:224px; height:399px; background-color:#fff; opacity:0; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisbgoldmenu {position:absolute; top:0px; left:0px; width:224px; height:48px; background-color:#f8f8f8; border-bottom:1px solid #e5e5e5; }
.louisbgoldblue { position:absolute; top:22px; left:6px; width:213px; height:14px; background-image:url(http://i.imgur.com/pP1Grtz.png); }
.louisbgoldmtime { position:absolute; top:4px; width:224px; height:10px; line-height:10px; font-family:Arial; color:#000; font-size:10px; text-align:center; text-transform:none; font-weight:none; }
.louisbgoldname { position:absolute; top:25px; width:224px; height:10px; line-height:10px; font-family:Arial; color:#000; font-size:10px; text-align:center; text-transform:none; font-weight:bold; }
.louisbgoldpic { position:absolute; top:60px; left:10px; width:75px; height:75px; border-radius:75px; }
.louisbgoldfiller { position:absolute; top:60px; left:100px; width:124px; height:75px; line-height:75px; color:#8e8e93; font-family:arial; font-size:7px; text-align:center; text-transform:none; }
.louisbgoldyay { position:absolute; top:140px; left:0px; width:204px; height:240px; padding:10px; overflow:auto; }
.louisbgoldbubble { width:184px; padding:10px; background-color:#37a9fc; border-radius:10px; text-align:justify; color:#fff; font-family:arial; font-size:10px; line-height:100%; }
.louisbgoldarrow { position:relative; left:-50px; width:0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #37a9fc; }
</style><center>
<div class='louisbgoldbg'><div class='louisbgoldlockscreen'><div class='louisbgoldbgimg' style='background-image:url(http://placehold.it/225x400);'></div><div class='louisbgolddarken'></div><div class='louisbgoldstats'></div><div class='louisbgoldslide'></div><div class='louisbgoldcamera'></div><div class='louisbgoldslideright'><div class='louisbgoldtime'>

4:21

</div><div class='louisbgolddate'>

Wednesday 29 January

</div><div class='louisbgoldunlock'></div></div><div class='louisbgoldmessages'><div class='louisbgoldmenu'><div class='louisbgoldblue'></div><div class='louisbgoldname'> 

Recipient Name

</div></div><div class='louisbgoldmtime'>

4:21 PM

</div><div class='louisbgoldpic' style=' background-image:url(http://placehold.it/75);'></div><div class='louisbgoldfiller'>

<b>Wed, 29 Jan,</b> 4:21 PM

</div><div class='louisbgoldyay'><div class='louisbgoldarrow'></div><div class='louisbgoldbubble'>

message here

</div></div></div></div></div><div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'>[url=http://shine.b1.jcink.com/index.php?showuser=599]THANKS TO LOUIS AT SHINE![/url]</div></center>
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'><style type='text/css'>
.louisblackbg { width:300px; height:566px; background-image:url(http://i.imgur.com/v21mg1y.png); position:relative; overflow:hidden; }
.louisblacklockscreen { position:absolute; top:83px; left:36px; width:224px; height:399px; overflow:hidden; }
.louisblackbgimg { position:absolute; top:0px; left:0px; width:224px; height:399px; opacity:1; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisblackdarken { position:absolute; top:0px; left:0px; width:224px; height:399px; background-color:#222; opacity:.2; }
.louisblackstats { position:absolute; top:2px; left:4px; width:217px; height:10px; background-image:url(http://i.imgur.com/6RLyMWZ.png); transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisblackslide { position:absolute; left:100px; top:5px; width:25px; height:5px; background-image:url(http://i.imgur.com/TPmD3dR.png); transition-duration: .8s; -webkit-transition-duration: .8s; }
.louisblacktime { position:absolute; top:35px; width:224px; height:43px; text-align:center; line-height:43px; font-size:50px; color:#fff; font-family:lato; font-weight:100; }
.louisblackdate { position:absolute; top:85px; width:224px; line-height:13px; text-align:center; font-size:12px; color:#fff; font-family:lato; font-weight:100; text-transform:none; }
.louisblackcamera { position:absolute; top:375px; left:98px; width:121px; height:16px; background-image:url(http://i.imgur.com/X0mXLoH.png); transition-duration: .8s; -webkit-transition-duration: .8s; }
.louisblackunlock { position:absolute; top:315px; left:52px; width:120px; height:15px; background-image:url(http://i.imgur.com/1xuqS8G.png); }
.louisblackslideright { position:absolute; top:0px; left:0px; width:224px; height:399px; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisblackbg:hover .louisblackslideright { left:399px; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisblackbg:hover .louisblackbgimg { transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); opacity:0; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisblackbg:hover .louisblackslide { top:-10px; transition-duration: .8s; -webkit-transition-duration: .8s; }
.louisblackbg:hover .louisblackcamera { top:399px; transition-duration: .8s; -webkit-transition-duration: .8s; }
.louisblackbg:hover .louisblackdarken { opacity:0; transition-duration: .8s; -webkit-transition-duration: .8s; }
.louisblackbg:hover .louisblackstats { position:absolute; top:2px; left:4px; width:217px; height:10px; background-image:url(http://i.imgur.com/cz7Km8B.png); transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisblackbg:hover .louisblackmessages { opacity:1; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisblackmessages { position:absolute; top:0px; left:0px; width:224px; height:399px; background-color:#fff; opacity:0; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisblackmenu {position:absolute; top:0px; left:0px; width:224px; height:48px; background-color:#f8f8f8; border-bottom:1px solid #e5e5e5; }
.louisblackblue { position:absolute; top:22px; left:6px; width:213px; height:14px; background-image:url(http://i.imgur.com/pP1Grtz.png); }
.louisblackmtime { position:absolute; top:4px; width:224px; height:10px; line-height:10px; font-family:Arial; color:#000; font-size:10px; text-align:center; text-transform:none; font-weight:none; }
.louisblackname { position:absolute; top:25px; width:224px; height:10px; line-height:10px; font-family:Arial; color:#000; font-size:10px; text-align:center; text-transform:none; font-weight:bold; }
.louisblackpic { position:absolute; top:60px; left:10px; width:75px; height:75px; border-radius:75px; }
.louisblackfiller { position:absolute; top:60px; left:100px; width:124px; height:75px; line-height:75px; color:#8e8e93; font-family:arial; font-size:7px; text-align:center; text-transform:none; }
.louisblackyay { position:absolute; top:140px; left:0px; width:204px; height:240px; padding:10px; overflow:auto; }
.louisblackbubble { width:184px; padding:10px; background-color:#37a9fc; border-radius:10px; text-align:justify; color:#fff; font-family:arial; font-size:10px; line-height:100%; }
.louisblackarrow { position:relative; left:-50px; width:0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #37a9fc; }
</style><center>
<div class='louisblackbg'><div class='louisblacklockscreen'><div class='louisblackbgimg' style='background-image:url(http://placehold.it/225x400);'></div><div class='louisblackdarken'></div><div class='louisblackstats'></div><div class='louisblackslide'></div><div class='louisblackcamera'></div><div class='louisblackslideright'><div class='louisblacktime'>

4:21

</div><div class='louisblackdate'>

Wednesday 29 January

</div><div class='louisblackunlock'></div></div><div class='louisblackmessages'><div class='louisblackmenu'><div class='louisblackblue'></div><div class='louisblackname'> 

Recipient Name

</div></div><div class='louisblackmtime'>

4:21 PM

</div><div class='louisblackpic' style=' background-image:url(http://placehold.it/75);'></div><div class='louisblackfiller'>

<b>Wed, 29 Jan,</b> 4:21 PM

</div><div class='louisblackyay'><div class='louisblackarrow'></div><div class='louisblackbubble'>

message here

</div></div></div></div></div><div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'>[url=http://shine.b1.jcink.com/index.php?showuser=599]THANKS TO LOUIS AT SHINE![/url]</div></center>

0

20

Код:
<!--HTML--><div class='postcolor'> 
<link href='http://fonts.googleapis.com/css?family=Raleway:400,200,300,600' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Amatic+SC:400,700' rel='stylesheet' type='text/css'>
<center>
<div class="thebox"><div class="thepic"><div class="thiswillsuck">
<div class="whoops"><div class="raleway">the only people for me are</div>
<div class="mad"> the mad ones</div>
<div class="raleway" style="letter-spacing:-.5px; margin-top:5px; padding-bottom:2px;">the ones who are mad to</div>
<span class="ones">live</span><span class="talk">mad to <div class="talk2">talk</div></span><span class="saved">mad to be <div class="saved2">saved</div></span>



</div>

<div class="road"><div class="road2"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a sem tortor. Fusce sodales lacus id commodo feugiat. Quisque laoreet eget nisi in elementum. Nullam tempor quam nec bibendum rutrum. Nunc vel convallis quam. Cras venenatis, est at venenatis finibus, mi lacus vestibulum tellus, vulputate scelerisque magna elit nec magna. Aenean varius, urna eget aliquet posuere, felis purus volutpat felis, vel dignissim dui tortor id nisl. Fusce enim purus, fermentum ut venenatis ut, pellentesque vel lacus. Nulla facilisi. Mauris rutrum pharetra nibh non viverra. Ut pretium ultricies aliquet. Nam sed tortor scelerisque, eleifend ante non, viverra ipsum. Aenean nec feugiat neque, nec sagittis felis. Nulla vitae sagittis enim.
<p>
Mauris vitae nibh quis turpis dictum commodo id sit amet tellus. Fusce scelerisque nec urna ut auctor. In rhoncus sem in magna commodo pellentesque. Donec pulvinar malesuada pellentesque. In mattis leo lacus, eget fermentum arcu volutpat condimentum. Sed imperdiet auctor ex et consectetur. Vestibulum blandit, massa aliquam maximus dapibus, urna ligula vestibulum leo, eu congue mauris nibh eget augue. Aenean eget laoreet urna.<p>

Phasellus lacinia non urna ut sodales. Aenean mattis purus eget ipsum pharetra tincidunt. Nullam ultricies pulvinar nibh. Cras pulvinar auctor urna eu vehicula. In gravida, sem non pretium aliquam, est felis dictum arcu, a facilisis ante velit ut magna. Ut pellentesque condimentum nisl, id euismod ligula venenatis et. Sed blandit fringilla est quis ornare. Duis interdum, purus id laoreet dapibus, odio velit rutrum quam, vel mollis justo ex dapibus lectus. </div></div>
</div></div></div>
</center>

<style type="text/css">

@font-face {
    font-family: 'dk_innuendoregular';
    src: url('http://libskin1.b1.jcink.com/uploads/libskin1/DK_Innuendo_webfont.eot');
    src: url('http://libskin1.b1.jcink.com/uploads/libskin1/DK_Innuendo_webfont.eot?#iefix') format('embedded-opentype'),
         url('http://libskin1.b1.jcink.com/uploads/libskin1/DK_Innuendo_webfont.woff') format('woff'),
         url('http://libskin1.b1.jcink.com/uploads/libskin1/DK_Innuendo_webfont.ttf') format('truetype'),
         url('http://libskin1.b1.jcink.com/uploads/libskin1/DK_Innuendo_webfont.svg#dk_innuendoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.whoops {
    position: relative;
    top: 105px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8
    }

.thebox {
    width: 402px;
    height: 402px;
    padding: 10px;
    background-image: url(http://i59.tinypic.com/29n848k.png);
    border: 1px solid #eee
    }

.thepic {
    width: 400px;
    height: 400px;
    border: 1px solid #eee;
    background-image: url(http://s4.favim.com/orig/49/boy-car-girl-road-trip-surfboard-Favim.com-444274.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    overflow: hidden
    }

.thiswillsuck {
    width: 360px;
    height: 360px;
    padding: 20px;
    position: relative;
    background-color: rgba(12, 12, 12, 0.6)
    }

.raleway {
    font-family: "raleway";
    font-size: 18px;
    letter-spacing: -1px;
    text-transform: uppercase;
    line-height: 100%;
    font-weight: 200;
    color: #eee;
    text-shadow: 1px 1px 0 #121212
    }

.mad {
    font-family: "dk_innuendoregular";
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 4.2px;
    margin-left: 4px;
    margin-top: 5px;
    color: #eee;
    text-shadow: 1px 2px 0 #121212
    }

.ones {
    font-family: "dk_innuendoregular";
    font-size: 60px;
    text-transform: lowercase;
    line-height: 100%;
    display: inline-block;
    font-weight: 300;
    margin-right: 5px;
    color: #eee;
    text-shadow: 1px 2px 0 #121212
    }

.talk {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-family: "amatic sc";
    font-size: 20px;
    text-transform: lowercase;
    line-height: 100%;
    display: inline-block;
    letter-spacing: 2.1px;
    position: relative;
    top: -4px;
    margin-right: 5px;
    color: #eee;
    text-shadow: 1px 1px 0 #121212
    }

.talk2 {
    font-family: "dk_innuendoregular";
    font-size: 32px;
    text-transform: lowercase;
    line-height: 100%;
    font-weight: 300;
    letter-spacing: 0;
    color: #eee;
    text-shadow: 1px 2px 0 #121212
    }

.saved {
    font-family: "amatic sc";
    font-size: 22px;
    text-transform: lowercase;
    line-height: 100%;
    display: inline-block;
    letter-spacing: 3px;
    color: #eee;
    text-shadow: 1px 1px 0 #121212
    }

.saved2 {
    font-family: "dk_innuendoregular";
    font-size: 40px;
    text-transform: uppercase;
    line-height: 100%;
    font-weight: 300;
    letter-spacing: 0;
    color: #eee;
    text-shadow: 1px 2px 0 #121212
    }

.road {
    width: 258px;
    height: 258px;
    border: 1px solid #eee;
    padding: 20px;
    background-color: #ededed;
    position: absolute;
    top: 50px;
    left: 50px;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    -webkit-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
    text-align: justify;
    font-size: 10px;
    line-height: 95%;
    font-family: arial;
    color: #444
    }

.road2 {
    width: 258px;
    height: 258px;
    padding-right: 10px;
    overflow: auto
    }

.thepic:hover .road {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    -webkit-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out
    }
</style>
  </div>

0

21

Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<style>.swshipcontainer{height:495px;width:500px;margin:0 auto}.swshipname{cursor:pointer;color:#343730;font-family:Allura;font-size:70px;margin-bottom:36px;margin-left:0;margin-top:36px;position:relative;text-align:left;text-shadow:-1px 1px 1px rgb(30, 242, 241), 2px 0 1px rgb(246, 5, 10);transition:margin-left 1s ease 0s}.swshipname:hover{transition:margin-left 1s;margin-left:10px}.swshipinfo{cursor:pointer;background:rgba(0, 0, 0, 0) url("http://i.imgur.com/6iS3fQO.png") repeat scroll 0 0;float:left;position:relative;top:-10px;width:200px}.swshipbody{color:#343730;float:right;font-family:trebuchet ms;font-size:9px;height:260px;line-height:normal;overflow-y:auto;padding-right:5px;text-align:justify;width:250px}.swshipinfoc{color:#fff;font-family:Open Sans Condensed;font-size:18px;height:19px;letter-spacing:2px;line-height:19px;padding:10px;text-align:left;text-shadow:-1px 1px 1px #1ef2f1,2px 0 1px #f6050a;text-transform:uppercase;transition:letter-spacing 1s ease 0s}.swshipinfoc:hover{letter-spacing:3px;transition:letter-spacing 1s}.swshipinfocs{background:none repeat scroll 0 0 #242424;color:white;font-family:Open Sans Condensed;font-size:12px;height:0;letter-spacing:1px;line-height:1px;padding:10px;text-align:left;text-shadow:-1px 1px 1px rgb(30, 242, 241), 2px 0 1px rgb(246, 5, 10);text-transform:uppercase}.char{background:none repeat scroll 0 0 #4a4b46;color:white;display:block;float:left;font-family:open sans condensed;letter-spacing:0;margin-left:5px;margin-right:5px;padding:5px 10px;text-decoration:none;text-transform:uppercase}.swmenucontainer{display:block;font-family:open sans condensed;letter-spacing:12px;margin-top:335px;position:relative;text-transform:uppercase;width:510px}.swshipcontent{background:#e6e8e3 none repeat scroll 0 0;height:256px;margin-top:-10px;padding:20px}.swshipbody strong, .swshipbody b {font-family:open sans condensed;letter-spacing:1px;text-transform:uppercase}.spencredit{color:#242424;font-family:open sans condensed;font-size:7pt;letter-spacing:1px;margin:0 auto;text-align:right;text-transform:uppercase;width:500px}.spencredit a {color:#242424;}
/*<---- SET YOUR IMAGE HERE ---->*/
.swshipimage{background:url(IMAGE URL HERE) repeat scroll center center / cover;height:170px;margin-bottom:10px;margin-top:-25px;width:500px}
</style>
<div class="swshipcontainer">
<div class="swshipname">Neve Campbell</div>
<div class="swshipimage"></div>
<div class="swshipinfo">
<div class="swshipinfocs">AGE</div><div class="swshipinfoc">
32 Years Old
</div>
<div class="swshipinfocs">POSITION</div><div class="swshipinfoc">
Membergroup
</div>
<div class="swshipinfocs">STATUS</div><div class="swshipinfoc">
Married
</div>
<div class="swshipinfocs">OCCUPATION</div><div class="swshipinfoc">
Photographer
</div>
<div class="swshipinfocs">ZODIAC</div><div class="swshipinfoc">
Pisces
</div>
</div>
<div class="swshipcontent">	
<div class="swshipbody">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed faucibus scelerisque tortor non condimentum. Praesent nec varius nibh, ut sagittis eros. <b>Phasellus vel lectus augue.</b> Fusce interdum ipsum nec rhoncus luctus. Praesent ante libero, porta nec consequat volutpat, tempus a ipsum. Fusce enim odio, faucibus a dui vitae, bibendum rhoncus sem. Cras nec hendrerit dolor. Aliquam a vehicula tortor. Nullam egestas nisi ac orci tincidunt placerat. Morbi sit amet augue erat. Ut sit amet venenatis nisl, eu gravida justo. Morbi sapien felis, dignissim non lorem et, congue auctor lacus. Vivamus hendrerit neque eget ultricies ornare. Etiam ac orci vel nulla mollis scelerisque.
<br><br>
In lacinia quam non tellus aliquam, ac ullamcorper lectus molestie. Pellentesque ac diam a sapien tristique elementum vel vel lorem. Duis volutpat fermentum sapien. Ut lobortis tortor et efficitur luctus. Sed vehicula ullamcorper erat. Quisque metus tortor, tempor nec egestas a, molestie non dolor. Nulla et tempor nisl, vel bibendum arcu. Aliquam sapien nunc, consectetur a hendrerit vel, egestas ac odio. Pellentesque sit amet purus at nibh tristique laoreet. Cras accumsan eros a quam accumsan, quis euismod dui ultrices. Suspendisse faucibus orci elit, sed fermentum est sollicitudin vel. Sed a venenatis urna. Praesent libero nunc, finibus ac suscipit a, tempus vel orci. Sed lobortis turpis urna, sed laoreet orci accumsan et. Vivamus luctus odio at auctor rutrum.
<br><br>
Sed gravida neque nec erat semper aliquet. Aliquam tincidunt, magna sit amet vulputate vehicula, ante nibh pellentesque dui, a pretium ante ligula ut elit. Vestibulum malesuada imperdiet imperdiet. Nullam odio ligula, lobortis vel lacus vitae, finibus suscipit ipsum. Vivamus at sollicitudin dui, et accumsan diam. Quisque vitae libero at neque tincidunt efficitur. Praesent vitae velit finibus, pulvinar odio sed, commodo nulla. Sed ultrices dignissim ante, in tincidunt nisl gravida id. Quisque sollicitudin enim sed lacinia pharetra. Integer sollicitudin, orci quis aliquam molestie, nisi ex consequat sem, eu ullamcorper augue nunc quis elit. Morbi vitae nunc sit amet metus fermentum consequat. Aliquam egestas viverra condimentum. Proin viverra eget nibh a consectetur. Nunc nec condimentum sem. Nulla faucibus eget leo vitae pellentesque. </div></div>
</div><div class="spencredit">♥ <a href="http://shine.jcink.net/index.php?showuser=17198" target="_blank">spenny</a></div>

0

22

Код:
<!--HTML-->
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="http://nevermore.b1.jcink.com/uploads/nevermore/hint_min.css">
<link rel="stylesheet" href="http://nevermore.b1.jcink.com/uploads/nevermore/bloodsport.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

<style type="text/css">@font-face { font-family: 'Sweet Pea'; font-weight: 400; font-style: normal; src: url('http://nevermore.b1.jcink.com/uploads/nevermore/Sweet_Pea.eot') format('eot'), url('http://nevermore.b1.jcink.com/uploads/nevermore/Sweet_Pea.woff') format('woff'), url('http://nevermore.b1.jcink.com/uploads/nevermore/Sweet_Pea.ttf')  format('truetype'), url('http://nevermore.b1.jcink.com/uploads/nevermore/Sweet_Pea.svg#Sweet_Pea') format('svg');} #bright .sglinks { background-color: #918CB4; } #bright .sg3 i, #bright .sg3 b, #bright .sg3a:first-letter { color: #E76F96; } #bright .sg2b { border-bottom: 1px solid #918CB4; }</style>

<center><div id="bright"><div class="sgout"><div class="sg">

<table cellpadding="0" cellspacing="0" cellmargin="0"><tbody><tr valign="middle"><td><div class="sg1"><div class="sg2"><div class="sg2a" style="background-image: url(http://i.imgur.com/Zs81w9n.gif)"></div>
<div class="sg2b"></div></div></div></td><td><div class="sg3"><div class="sg3a">ТЕКСТ</div><div class="sg3b">ree. <i class="fa fa-heart-o"></i> 21. <i class="fa fa-heart-o"></i> ᕕ( ᐛ )ᕗ</div></div></td><td><table cellpadding="0" cellspacing="0" cellmargin="0"><tbody><tr valign="middle"><td><div class="sglinks hint hint--left hint--bounce" data-hint="she/her"><i class="fa fa-venus"></i></div></td><td><a class="hint hint--right hint--bounce" data-hint="#htsrp" href="http://asleep.jcink.net"><div class="sglinks"><i class="fa fa-home"></i></div></a></td></tr><tr valign="middle"><td><a class="hint hint--left hint--bounce" data-hint="testing" href="/index.php?showtopic=25872"><div class="sglinks"><i class="fa fa-wrench"></i></div></a></td><td><a class="hint hint--right hint--bounce" data-hint="gallery" href="/index.php?showtopic=12464"><div class="sglinks"><i class="fa fa-folder-open-o"></i></div></a></td></tr></tbody></table></td></tr></tbody></table></div></div></div></center>

0

23

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

#badblood { width: 397px; -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5); box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5); }

.badbloodtabs { position: relative; left: -8px; top: -50px; width: 400px; margin-bottom: 50px; }

.badbloodtab { float: left; }

.badbloodtab label { display: block; position: relative; left: 175px; top: 15px; width: 10px; height: 10px; background: #dcf1ea; margin-right: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }

.badbloodtab [type=radio] { display: none; }

.badbloodbg { width: 395px; height: 440px; background: #fff; border: 1px solid #332b4a; }

.badbloodcontent { position: absolute; top: 48px; bottom: 0px; left: 5px; right: 0px; width: 360px; height: 400px; background: transparent; padding: 20px; opacity: 0; -webkit-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); }

[type=radio]:checked ~ label { background: #7fdfed; z-index: 4; }

[type=radio]:checked ~ label ~ .badbloodcontent { z-index: 5; opacity: 1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); }

.badbloodtop { width: 357px; height: 190px; padding: 20px; background: #332b4a; }

.badbloodtitle { margin-top: 20px; width: 300px; font-family: lobster; font-size: 30px; color: #fff; text-align: center; text-transform: lowercase; letter-spacing: 1px; line-height: 10px; border-bottom: 1px solid #dcf1ea; padding-bottom: 15px; margin-bottom: 10px; }

.badblooddesc { width: 250px; height: 90px; padding: 5px; overflow: auto; font-family: arial; font-size: 10px; color: #fff; text-align: justify; text-transform: uppercase; letter-spacing: 1px; line-height: 10px; }

.badblooddesc::-webkit-scrollbar { background: transparent; width: 1px;  }
.badblooddesc::-webkit-scrollbar-thumb { background: #fff; width: 1px; }
.badblooddesc::-webkit-scrollbar-corner { background: transparent; }

.badbloodname { position: relative; top: 320px; width: 140px; padding: 10px; background-color: rgba(51, 43, 74, 0.85); font-family: arial; font-size: 8px; color: #fff; font-style: italic;text-align: center; text-transform: uppercase; letter-spacing: 1px; line-height: 10px; }

.badbloodbasic { position: relative; bottom: 4px; left: 2px; width: 190px; font-family: arial; font-size: 8px; color: #55326e; font-weight: bold; text-align: center; text-transform: uppercase; letter-spacing: 1px; line-height: 10px; border-bottom: 1px solid #dcf1ea; padding-bottom: 10px; margin-bottom: 5px; }

.badbloodreq { margin-left: 2px; width: 350px; height: 352px; padding: 10px; overflow: auto; font-family: arial; font-size: 9px; color: #333; text-align: justify; text-transform: lowercase; letter-spacing: 1px; line-height: 10px; }
.badbloodreq b { color: #8785bc; }

.badbloodreq::-webkit-scrollbar { background: transparent; width: 1px;  }
.badbloodreq::-webkit-scrollbar-thumb { background: #55326e; width: 1px; }
.badbloodreq::-webkit-scrollbar-corner { background: transparent; }

</style> <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>


<center><div id="badblood">

<div class="badbloodtop"><div class="badbloodtitle">star news on red carpet</div>

<div class="badblooddesc"><b>09. 09. 15 </b><br>
добрый день, дорогие наши участники и все новоприбывшие заюшки! очередной еженедельный выпуск, колонка новостей, стена успехов или аллея славы. называйте, как хотите, главное, что эта тема, где каждую неделю кто-то может стать счастливчиком, получить номинацию и специальный подарочек от дорогой администрации. располагайтесь поудобнее и слушайте внимательно, ведь может быть именно ваше имя прозвучит сегодня...
</div>

</div><div class="badbloodbg">

<div class="badbloodtabs">

<div class="badbloodtab">
<input type="radio" id="badbloodtab-1" name="badbloodtab-group-1" checked>
<label for="badbloodtab-1">  </label>
<div class="badbloodcontent">

<div class="badbloodbasic">САМЫЕ ШУСТРЫЕ</div>

<div class="badbloodreq">
Хочешь быть в курсе последних событий? Первым узнавать об изменениях, конкурсах, нововведениях и голосованиях? Тогда данная тема уж точно создана для тебя, <b>sweet</b>! Чаще заглядывай сюда и будь на нашей волне! Внимание! Если вы не успели или вам не приходилось читать данную [ссылка на фак, где это написано русским по белому] тему, напоминаем, что удаление персонажей и освобождение внешностей происходит после 10 дней отсутствия без предупреждения игрока. 
Предупреждая об отсутствии, указывайте, на какой срок Вы покидаете нас. 
«Лоу» - значит человек посещает форум, однако писать посты  у него нет возможности, либо он может делать это очень редко.
Здесь ты можешь задать любой интересующий тебя вопрос, внести предложение, попросить снести тему в архив, напомнить нам о чем-то, что мы могли случайно упустить. 
Также, если ты потерял вдохновение, тебе хочется чего-то новенького или ты нашел себе нового любимчика, отписывайся в этой теме и администрация исполнит твое желание! Главное, не забудь после смены роли изменить данные в занятых внешностях (ссылка), своей анкете (ссылка) и перезаполнить личное звание (ссылка).
Желаешь обрести какие-либо отношения до старта игры? Понять, ненависть или любовь, привязанность или зависть связывают тебя с кем-то из других персонажей? Тогда тебе определенно сюда! Действуй смелее и не вздумай стесняться, здесь каждый из нас находится в вечном поиске...
Хочешь быть в курсе последних событий? Первым узнавать об изменениях, конкурсах, нововведениях и голосованиях? Тогда данная тема уж точно создана для тебя, <b>sweet</b>! Чаще заглядывай сюда и будь на нашей волне! Внимание! Если вы не успели или вам не приходилось читать данную [ссылка на фак, где это написано русским по белому] тему, напоминаем, что удаление персонажей и освобождение внешностей происходит после 10 дней отсутствия без предупреждения игрока. 
Предупреждая об отсутствии, указывайте, на какой срок Вы покидаете нас. 
«Лоу» - значит человек посещает форум, однако писать посты  у него нет возможности, либо он может делать это очень редко.
Здесь ты можешь задать любой интересующий тебя вопрос, внести предложение, попросить снести тему в архив, напомнить нам о чем-то, что мы могли случайно упустить. 
Также, если ты потерял вдохновение, тебе хочется чего-то новенького или ты нашел себе нового любимчика, отписывайся в этой теме и администрация исполнит твое желание! Главное, не забудь после смены роли изменить данные в занятых внешностях (ссылка), своей анкете (ссылка) и перезаполнить личное звание (ссылка).
Желаешь обрести какие-либо отношения до старта игры? Понять, ненависть или любовь, привязанность или зависть связывают тебя с кем-то из других персонажей? Тогда тебе определенно сюда! Действуй смелее и не вздумай стесняться, здесь каждый из нас находится в вечном поиске...
</div>

</div>
</div>

<div class="badbloodtab">
<input type="radio" id="badbloodtab-2" name="badbloodtab-group-1">
<label for="badbloodtab-2">  </label>
<div class="badbloodcontent">


<div class="badbloodbasic">ТЕ, КОГО ПРИЯТНО ЧИТАТЬ И НА КОГО ПРИЯТНО СМОТРЕТЬ</div>

<div class="badbloodreq">
Хочешь быть в курсе последних событий? Первым узнавать об изменениях, конкурсах, нововведениях и голосованиях? Тогда данная тема уж точно создана для тебя, <b>sweet</b>! Чаще заглядывай сюда и будь на нашей волне! Внимание! Если вы не успели или вам не приходилось читать данную [ссылка на фак, где это написано русским по белому] тему, напоминаем, что удаление персонажей и освобождение внешностей происходит после 10 дней отсутствия без предупреждения игрока. 
Предупреждая об отсутствии, указывайте, на какой срок Вы покидаете нас. 
«Лоу» - значит человек посещает форум, однако писать посты  у него нет возможности, либо он может делать это очень редко.
Здесь ты можешь задать любой интересующий тебя вопрос, внести предложение, попросить снести тему в архив, напомнить нам о чем-то, что мы могли случайно упустить. 
Также, если ты потерял вдохновение, тебе хочется чего-то новенького или ты нашел себе нового любимчика, отписывайся в этой теме и администрация исполнит твое желание! Главное, не забудь после смены роли изменить данные в занятых внешностях (ссылка), своей анкете (ссылка) и перезаполнить личное звание (ссылка).
Желаешь обрести какие-либо отношения до старта игры? Понять, ненависть или любовь, привязанность или зависть связывают тебя с кем-то из других персонажей? Тогда тебе определенно сюда! Действуй смелее и не вздумай стесняться, здесь каждый из нас находится в вечном поиске...
Хочешь быть в курсе последних событий? Первым узнавать об изменениях, конкурсах, нововведениях и голосованиях? Тогда данная тема уж точно создана для тебя, <b>sweet</b>! Чаще заглядывай сюда и будь на нашей волне! Внимание! Если вы не успели или вам не приходилось читать данную [ссылка на фак, где это написано русским по белому] тему, напоминаем, что удаление персонажей и освобождение внешностей происходит после 10 дней отсутствия без предупреждения игрока. 
Предупреждая об отсутствии, указывайте, на какой срок Вы покидаете нас. 
«Лоу» - значит человек посещает форум, однако писать посты  у него нет возможности, либо он может делать это очень редко.
Здесь ты можешь задать любой интересующий тебя вопрос, внести предложение, попросить снести тему в архив, напомнить нам о чем-то, что мы могли случайно упустить. 
Также, если ты потерял вдохновение, тебе хочется чего-то новенького или ты нашел себе нового любимчика, отписывайся в этой теме и администрация исполнит твое желание! Главное, не забудь после смены роли изменить данные в занятых внешностях (ссылка), своей анкете (ссылка) и перезаполнить личное звание (ссылка).
Желаешь обрести какие-либо отношения до старта игры? Понять, ненависть или любовь, привязанность или зависть связывают тебя с кем-то из других персонажей? Тогда тебе определенно сюда! Действуй смелее и не вздумай стесняться, здесь каждый из нас находится в вечном поиске...
</div>
</div>
</div>

<div class="badbloodtab">
<input type="radio" id="badbloodtab-3" name="badbloodtab-group-1">
<label for="badbloodtab-3">  </label>
<div class="badbloodcontent">

<div class="badbloodbasic">ПУШКИНЫ</div>

<div class="badbloodreq">
Хочешь быть в курсе последних событий? Первым узнавать об изменениях, конкурсах, нововведениях и голосованиях? Тогда данная тема уж точно создана для тебя, <b>sweet</b>! Чаще заглядывай сюда и будь на нашей волне! Внимание! Если вы не успели или вам не приходилось читать данную [ссылка на фак, где это написано русским по белому] тему, напоминаем, что удаление персонажей и освобождение внешностей происходит после 10 дней отсутствия без предупреждения игрока. 
Предупреждая об отсутствии, указывайте, на какой срок Вы покидаете нас. 
«Лоу» - значит человек посещает форум, однако писать посты  у него нет возможности, либо он может делать это очень редко.
Здесь ты можешь задать любой интересующий тебя вопрос, внести предложение, попросить снести тему в архив, напомнить нам о чем-то, что мы могли случайно упустить. 
Также, если ты потерял вдохновение, тебе хочется чего-то новенького или ты нашел себе нового любимчика, отписывайся в этой теме и администрация исполнит твое желание! Главное, не забудь после смены роли изменить данные в занятых внешностях (ссылка), своей анкете (ссылка) и перезаполнить личное звание (ссылка).
Желаешь обрести какие-либо отношения до старта игры? Понять, ненависть или любовь, привязанность или зависть связывают тебя с кем-то из других персонажей? Тогда тебе определенно сюда! Действуй смелее и не вздумай стесняться, здесь каждый из нас находится в вечном поиске...
Хочешь быть в курсе последних событий? Первым узнавать об изменениях, конкурсах, нововведениях и голосованиях? Тогда данная тема уж точно создана для тебя, <b>sweet</b>! Чаще заглядывай сюда и будь на нашей волне! Внимание! Если вы не успели или вам не приходилось читать данную [ссылка на фак, где это написано русским по белому] тему, напоминаем, что удаление персонажей и освобождение внешностей происходит после 10 дней отсутствия без предупреждения игрока. 
Предупреждая об отсутствии, указывайте, на какой срок Вы покидаете нас. 
«Лоу» - значит человек посещает форум, однако писать посты  у него нет возможности, либо он может делать это очень редко.
Здесь ты можешь задать любой интересующий тебя вопрос, внести предложение, попросить снести тему в архив, напомнить нам о чем-то, что мы могли случайно упустить. 
Также, если ты потерял вдохновение, тебе хочется чего-то новенького или ты нашел себе нового любимчика, отписывайся в этой теме и администрация исполнит твое желание! Главное, не забудь после смены роли изменить данные в занятых внешностях (ссылка), своей анкете (ссылка) и перезаполнить личное звание (ссылка).
Желаешь обрести какие-либо отношения до старта игры? Понять, ненависть или любовь, привязанность или зависть связывают тебя с кем-то из других персонажей? Тогда тебе определенно сюда! Действуй смелее и не вздумай стесняться, здесь каждый из нас находится в вечном поиске...
</div>

</div>
</div>

<div class="badbloodtab">
<input type="radio" id="badbloodtab-4" name="badbloodtab-group-1">
<label for="badbloodtab-4">  </label>
<div class="badbloodcontent">

<div class="badbloodbasic">НАШИ ДОСТИЖЕНИЯ И ВАШИ УСПЕХИ</div>

<div class="badbloodreq">
Хочешь быть в курсе последних событий? Первым узнавать об изменениях, конкурсах, нововведениях и голосованиях? Тогда данная тема уж точно создана для тебя, <b>sweet</b>! Чаще заглядывай сюда и будь на нашей волне! Внимание! Если вы не успели или вам не приходилось читать данную [ссылка на фак, где это написано русским по белому] тему, напоминаем, что удаление персонажей и освобождение внешностей происходит после 10 дней отсутствия без предупреждения игрока. 
Предупреждая об отсутствии, указывайте, на какой срок Вы покидаете нас. 
«Лоу» - значит человек посещает форум, однако писать посты  у него нет возможности, либо он может делать это очень редко.
Здесь ты можешь задать любой интересующий тебя вопрос, внести предложение, попросить снести тему в архив, напомнить нам о чем-то, что мы могли случайно упустить. 
Также, если ты потерял вдохновение, тебе хочется чего-то новенького или ты нашел себе нового любимчика, отписывайся в этой теме и администрация исполнит твое желание! Главное, не забудь после смены роли изменить данные в занятых внешностях (ссылка), своей анкете (ссылка) и перезаполнить личное звание (ссылка).
Желаешь обрести какие-либо отношения до старта игры? Понять, ненависть или любовь, привязанность или зависть связывают тебя с кем-то из других персонажей? Тогда тебе определенно сюда! Действуй смелее и не вздумай стесняться, здесь каждый из нас находится в вечном поиске...
Хочешь быть в курсе последних событий? Первым узнавать об изменениях, конкурсах, нововведениях и голосованиях? Тогда данная тема уж точно создана для тебя, <b>sweet</b>! Чаще заглядывай сюда и будь на нашей волне! Внимание! Если вы не успели или вам не приходилось читать данную [ссылка на фак, где это написано русским по белому] тему, напоминаем, что удаление персонажей и освобождение внешностей происходит после 10 дней отсутствия без предупреждения игрока. 
Предупреждая об отсутствии, указывайте, на какой срок Вы покидаете нас. 
«Лоу» - значит человек посещает форум, однако писать посты  у него нет возможности, либо он может делать это очень редко.
Здесь ты можешь задать любой интересующий тебя вопрос, внести предложение, попросить снести тему в архив, напомнить нам о чем-то, что мы могли случайно упустить. 
Также, если ты потерял вдохновение, тебе хочется чего-то новенького или ты нашел себе нового любимчика, отписывайся в этой теме и администрация исполнит твое желание! Главное, не забудь после смены роли изменить данные в занятых внешностях (ссылка), своей анкете (ссылка) и перезаполнить личное звание (ссылка).
Желаешь обрести какие-либо отношения до старта игры? Понять, ненависть или любовь, привязанность или зависть связывают тебя с кем-то из других персонажей? Тогда тебе определенно сюда! Действуй смелее и не вздумай стесняться, здесь каждый из нас находится в вечном поиске...
</div>

</div>
</div>

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

<center><div style="margin-top: 5px; width: 400px; text-align: right; font-family: arial; font-size: 7px; text-transform: uppercase; letter-spacing: 1px;"><a href="http://shine.b1.jcink.com/index.php?showuser=3079">♥ HANNAH</a></div></center>

0

24

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


<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Istok+Web:400,700|Rubik:500,700|Oxygen+Mono);
#xdiv{position:relative;margin:0 auto;width:400px;height:400px;border:7px solid #fff;border-bottom:0px;background-size:cover}#xdiv:before,#xdiv:after{content:'';position:absolute;z-index:0;display:block;top:50%;left:0px;height:1px;width:400px;background-color:#fff;transition:all 1s linear}
#xdiv:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all 0.3s linear}
#xdiv:after{display:block;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:transform 0.3s linear, opacity 0.3s linear 0.3s}
.rstext::-webkit-scrollbar{width:3px;height:3px}.rstext::-webkit-scrollbar-track{background-color:#fff}
.rstext::-webkit-scrollbar-thumb{background-color:#000;border:1px solid #fff}#xdiv:hover:after,
#xdiv:hover:before{transform:rotate(0deg);opacity:0}
.wrap1{width:400px;z-index:99;overflow:hidden;position:relative;height:0px;margin:0px;margin-top:200px;background-color:#FFF;transition:height 1s 0.5s, margin-top 1s 0.5s;background-color:rgba(255, 255, 255, 0.3)}
#xdiv:hover .wrap1{height:400px;margin-top:0px}
.wrap2{margin:30px;padding:20px;padding-right:15px;text-align:justify;height:300px;background-color:#fff}
.rstext{padding-right:5px;overflow:auto;height:300px;font:11px 'istok web';color:#333}
.rstext h1{background-color:#fcd245;display:inline-block;padding:4px;font:14px 'oxygen mono';font-weight:normal;margin:3px 0px}.byrachel {text-align:right; width:414px; margin:0 auto; display:block; opacity:0.7;}
#blurb{width:320px;margin:0 auto;background-color:#fff;text-align:right;border:7px solid #fff;border-top:0px;padding:40px}.name{font:25px 'rubik';font-weight:700;text-transform:uppercase;color:#151515;text-align:left;border-bottom:7px solid #fcd245;display:block;margin-bottom:6px}.blurb{font:8px 'oxygen mono';letter-spacing:2px;text-transform:uppercase;background-color:#f0f0f0;padding:3px}
.rstext b{border-bottom:2px solid #ebebeb}

.rstext h1 {background-color:#fcd245}
.name {border-color:#fcd245;}
</style>
<div id="xdiv" style="background-image:url(http://www.comic-con-portugal.com/includes/Filemanager/userfiles/mitems/45141439572197.jpg);"><div class="wrap1"><div class="wrap2"><div class="rstext">
<h1>subtitle</h1>
Text here. <b>Bold</b>

</div></div></div></div>
<div id="blurb"><span class="name">
news
</span><span class="blurb">
you are a star
</span></div>
<span class="byrachel"><a href="http://shine.b1.jcink.com/index.php?showuser=16867" title="breezeblocks. @ shine">●</a></span>

0

25

Код:
<!--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: #c9b89f; border: 10px solid #eef0e6; box-shadow: 0px 0px 10px rgba(0,0,0,0.3)}
.wafflesh {height: 120px; background-color: #c9b89f; width: 450px; position: absolute; top: 0px;}
.wafflesh1 {height: 80px; width: 80px; border: 8px solid #eef0e6; 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: #3d3639; letter-spacing: 3px; padding-bottom: 3px; font-size: 9px; position: absolute; width: 300px; border-bottom: 1px dotted #3d3639; right: 10px; top: 15px; line-height: 25px; text-align: right}
.wafflesh3 {height: 50px; width: 300px; text-shadow: 2px 2px 10px rgba(0,0,0,0.1); color: #eef0e6; 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: #7d3c52}
.wafflesf {height: 40px; width: 450px; line-height: 40px; background-color: #c9b89f; position: absolute; bottom: 0px; color: #eef0e6; font-family: montserrat; letter-spacing: 3px; font-size: 9px; text-align: center; text-transform: uppercase}
.wafflesm {width: 430px; height: 330px; background-image: url(http://i61.tinypic.com/2h55uhl.jpg); position: absolute; top: 120px; background-color: #ffff; background-blend-mode: multiply; padding: 5px; border: 5px solid transparent; overflow: auto}
.wafflesm td {padding-bottom:  10px; border-bottom: 1px solid #eef0e6; width: }
.waffless {height: 120px; width: 120px; position: relative; overflow: hidden; margin: 3px 5px 3px 4px; background-size: cover; background-repeat: no-repeat}
.waffless1 {background: #c9b89f; height:120px; width: 120px; position: absolute; top: 0px;  z-index: 2;}
.waffless .waffless1 {top: -120px; -webkit-transition: 0.4s ease}
.waffless:hover .waffless1 {top: 0px}
.waffless1a {height: 40px; width: 100px; background-color: #7d3c52; position: absolute; top: 10px; left: 10px; font-size: 14px; line-height: 40px; color: #eef0e6; text-align: center}
.waffless1b {position: absolute; height: 15px; font-family: montserrat; text-transform: uppercase; text-align: center; line-height: 15px; width: 100px; left: 10px; color: #eef0e6; font-size: 7px; background: #451c33; text-transform: uppercase}
.wafflesm::-webkit-scrollbar {width:0px}
</style>


<center>
<div id="waffles">
 <div class="wafflesh">
   <div class="wafflesh1" style="background-image: url(http://images6.fanpop.com/image/photos/38600000/Emilia-emilia-clarke-38604009-120-120.jpg)"></div>
   <div class="wafflesh2">a character playlist for</div>
   <div class="wafflesh3">EMILIA CLARKE</div>
 </div>
 <div class="wafflesm">
   <table cellspacing="8px">
     <tr>

     <td>
       <div class="waffless" style="background-image:url(http://cdn-images.deezer.com/images/cover/c17a1fe0b32d7516b9c3f732470af977/120x120-000000-80-0-0.jpg)">
         <div class="waffless1">
           <a href="http://pleer.com/tracks/13448750CIYO"><div class="waffless1a"><i class="fa fa-play" style="line-height: 40px"></i></div></a>
           <div class="waffless1b" style="top: 65px">SONG NAME</div>
           <div class="waffless1b" style="top: 85px">ARTIST NAME</div>
         </div>
       </div>
     </td>
     
     <td>
       <div class="waffless" style="background-image:url(120X120 ALBUM COVER)">
         <div class="waffless1">
           <a href="SONG LINK"><div class="waffless1a"><i class="fa fa-play" style="line-height: 40px"></i></div></a>
           <div class="waffless1b" style="top: 65px">SONG NAME</div>
           <div class="waffless1b" style="top: 85px">ARTIST NAME</div>
         </div>
       </div>
     </td>
     
     <td>
       <div class="waffless" style="background-image:url(120X120 ALBUM COVER)">
         <div class="waffless1">
           <a href="SONG LINK"><div class="waffless1a"><i class="fa fa-play" style="line-height: 40px"></i></div></a>
           <div class="waffless1b" style="top: 65px">SONG NAME</div>
           <div class="waffless1b" style="top: 85px">ARTIST NAME</div>
         </div>
       </div>
     </td><tr>

     <td>
       <div class="waffless" style="background-image:url(http://cdn-images.deezer.com/images/cover/c17a1fe0b32d7516b9c3f732470af977/120x120-000000-80-0-0.jpg)">
         <div class="waffless1">
           <a href="SONG LINK"><div class="waffless1a"><i class="fa fa-play" style="line-height: 40px"></i></div></a>
           <div class="waffless1b" style="top: 65px">SONG NAME</div>
           <div class="waffless1b" style="top: 85px">ARTIST NAME</div>
         </div>
       </div>
     </td>
     
     <td>
       <div class="waffless" style="background-image:url(120X120 ALBUM COVER)">
         <div class="waffless1">
           <a href="SONG LINK"><div class="waffless1a"><i class="fa fa-play" style="line-height: 40px"></i></div></a>
           <div class="waffless1b" style="top: 65px">SONG NAME</div>
           <div class="waffless1b" style="top: 85px">ARTIST NAME</div>
         </div>
       </div>
     </td>
     
     <td>
       <div class="waffless" style="background-image:url(120X120 ALBUM COVER)">
         <div class="waffless1">
           <a href="SONG LINK"><div class="waffless1a"><i class="fa fa-play" style="line-height: 40px"></i></div></a>
           <div class="waffless1b" style="top: 65px">SONG NAME</div>
           <div class="waffless1b" style="top: 85px">ARTIST NAME</div>
         </div>
       </div>
     </td>

      </tr>
   </table>
 </div>
 <a href="http://shine.b1.jcink.com/index.php?showuser=6723"><div class="wafflesf">playlist title</div></a>
</div>
</center>

0

26

Код:
<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'><style type="text/css">
.peria { width:275px; height:120px; padding:25px 40px; background-color:#2A2721; } 
.perib { width:106px; height:106px; border:1px solid #E5DFCC; padding:6px; } 
.peric { width:134px; height:70px; padding:30px 0px 20px 20px; overflow:hidden; } 
.perid { width:134px; height:70px; font-family: 'Yanone Kaffeesatz', sans-serif; font-size:10px; color:#E5DFCC; line-height:100%; text-align:justify; text-transform:uppercase; overflow:hidden; } 
.perie { width:20px; height:20px; font-family: 'Yanone Kaffeesatz', sans-serif; font-size:90px; color:#8A5F95; line-height:100%; margin-top:-120px; margin-right:100px; display:block; float:left; }
.perif { width:355px; height:60px; background-color:#2A2721; display:table-cell; vertical-align:middle; } 
.perig { width:35px; height:35px; overflow:hidden; float:left; display:block; margin: -10px 5px 5px -15px; } 
.perih { font-family: 'Yanone Kaffeesatz', sans-serif; font-size:18px; color:#E5DFCC; line-height:100%; text-align:center; text-transform:uppercase; } 
.perii { width:280px; height:320px; padding:30px 35px 30px 40px; background-color:#F5F3EB; } 
.perii ::-webkit-scrollbar { width:8px; } .perii ::-webkit-scrollbar-track { background-color:#F5F3EB; } .perii ::-webkit-scrollbar-thumb { background-color:#2A2721; border-right:3px solid #8A5F95; }
.perij { width:275px; height:320px; padding-right:5px; font-family:calibri; font-size:11px; color:#121110; line-height:90%; text-align:justify; text-transform:none; overflow:auto; } .perij b { color:#654078; } .perij p:first-letter { font-family: 'Yanone Kaffeesatz', sans-serif; font-size:40px; color:#654078; text-shadow:1px 1px #F5F3EB, 2px 2px #2A2721; float:left; margin:5px; text-transform:uppercase; }
.perik { height:100px; width:100px; } .perik img { width:100px; height:100px; } .perik b { font-family: 'Yanone Kaffeesatz', sans-serif; font-size:26px; color:#2A2721; text-shadow:1px 1px #F5F3EB, 2px 2px #2A2721; } .perik span { display:none; } .perik:hover span { width:80px; height:70px; display:block; position:absolute; margin-top:-106px; opacity:.9; padding:23px 13px 13px; background-color:#E5DFCC; font-family:tahoma; font-size:11px; color:#121110; line-height:90%; text-align:center; text-transform:none; overflow:auto; } </style>
<div class="perif"><center><table cellpading="0" cellspacing="0"><tr><td><div class="perig">

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="380" height="50"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="wmode" value="transparent"><param name="FlashVars" value="mp3=http://a.tumblr.com/tumblr_mizujaw1Xv1qk7sfao1.mp3&amp;buttoncolor=8A5F95" /></object>

</div></td><td class="perih">   'cause we'll be walking lonely tonight  
</td></tr></table></center></div><div class="perii"><div class="perij">


<p>Post goes here ~
Use the p tags to get the fancy first letter. Leave them off for normal.</p>


</div></div><div class="peria"><table cellpading="0" cellspacing="0"><tr><td><div class="perib">
<div class="perik"><img src="http://media.tumblr.com/tumblr_m9jdn7b4GF1rooebp.png" style="border:3px solid #E5DFCC"> 

<span><b> TAGGED </b><p>
put some words here yo </span>

</div></div></td><td><div class="peric"><div class="perid">
everybody's faking like they can it makes it alright tell me what you want to cause I don't know the wrong from the right just don't be talking maybe your mama's still high as a kite and I'm just like the next one cause we'll be walking lonely tonight lonely tonight if so if so we know we'll be coming
</div></div><div class="perie">❝</div></td></tr></table></div><a href="http://shine.jcink.net/index.php?showuser=2147"><font style="text-transform:uppercase; font-family:calibri; font-size:10px; color:#654078;">- JENNA -</font></a></center>

0

27

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

#satelliteheart { width: 400px; height: 150; padding: 40px; background: #fff; border: 1px solid #f0f0f0; }

.satellitetitle { padding: 5px; border-bottom: 1px solid #f0f0f0; font-family: montserrat alternates; font-size: 38px; color: #ff5953; font-weight: 500; text-shadow: 1px 1px #eee; text-align: center; text-transform: lowercase; letter-spacing: -6px; line-height: 30px; }

.satellitetitle1 { padding: 5px; font-family: cousine; font-size: 8px; color: #111; text-align: center; text-transform: uppercase; letter-spacing: 3px; line-height: 10px; }

.satellitecont { margin: 20px 0px; width: 400px; height: 400px; overflow: auto; padding: 10px; font-family: arial; font-size:  11px; color: #111; text-align: justify; letter-spacing: 1px; line-height: 10px; }

.satellitecont::-webkit-scrollbar { background: #fff; width: 5px;  } .satellitecont::-webkit-scrollbar-thumb { background: #ff4c5e; width: 5px; } .satellitecont::-webkit-scrollbar-corner { background: #fff; }

.satellitecont b { font-family: montserrat alternates; font-size: 11px; color: #ff4c5e; font-weight: 500; }
.satellitecont i { font-family: montserrat alternates; font-size: 11px; color: #ff733b; font-weight: 500; }

.satellitetag { display: inline-block; margin-right: -5px; width: 150px; padding: 10px; background: #ff5953; font-family: cousine; font-size: 8px; color: #fff; text-align: left; text-transform: uppercase; letter-spacing: 2px; line-height: 10px; }

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

<center><div id="satelliteheart">

<div class="satellitetitle">READY TO SHINE!</div>
<div class="satellitetitle1">НАЧНИ БЛИСТАТЬ ВМЕСТЕ С НАМИ!</div>

<div class="satellitecont">

Кто мы? Мы - команда энтузиастов из пяти человек, мечтающие создать ролевую на тематику <b>Голливуда</b>, которая была бы интересна как заядлым любителям подобных проектов, так и новичкам, раздумывающим присоединиться. Кого мы ищем? Мы не можем обещать стать домом для каждого, но если у вас есть желание играть, если вы никак не можете найти местечко для отыгрыша сюжета с любимой звездой, если вы готовы активно участвовать как в игровой, так и внеигровой деятельности форума - мы ждем вас с распростертыми объятьями! <br><br>
Хочется также обратить внимание гостей на то, что наш проект все еще в поиске модераторов на постоянной основе. Мы ищем <s>графистов</s>, пиарщиков, универсалов, готовых работать и проводить на форуме достаточное количество времени. <b>Обязательным критерием</b> является наличие странички в социальной сети вконтакте, потому что большинство важных обсуждений ведется там. Заинтересованы? Хотите присоединиться? Оставляйте заявку в свободной форме под скрытым текстом. Не забывайте примеры работ!<br><br>
<center>Готовы засиять ярче самой прекрасной звезды на ночном небосклоне? Отлично! Регистрируйтесь на форуме, придерживайте внешность по простому шаблону и вливайтесь в нашу потрясающую атмосферу.<br>

<hr>

▲ чтобы роль не улетела к кому-нибудь другому не забудьте  <b>зарегистрироваться.</b><br><br><br>
★ <*b>имя звезды<*/b> - никнейм <*br><p>

</div>
<div id="p942-content" class="post-content">
            <p><strong></strong></p><style type="text/css">

#hardtimes { position: relative; width: 350px; height: 150px; overflow: hidden; }

#hardtimes .life { width: 350px; height: 150px; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; background-image: url(http://funkyimg.com/i/21KpG.png); position: absolute; }

#hardtimes:hover .life { top: -150px; background-color: #fff; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; }

.pain { opacity: 0; width: 250px; height: 25px; background-color: #fff; position: relative; top: 100; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; font-family: calibri; text-transform: uppercase; font-size: 8px; letter-spacing: 2px; color: #000; text-align: center; line-height: 25px; }

.pain:hover { opacity: 1; width: 250px; height: 25px; background-color: #fff; position: relative; top: 100; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; }

</style>

<center>
<div style="width: 350px; height: 150px; padding: 10px; background-color: #fcfcfc; border: 1px solid #eee;">

<div id="hardtimes">
<div class="life">
</div>
<table><tbody><tr>

<td width="27%"><div style="width: 100px; height: 150px; background-image: url(http://funkyimg.com/i/21Kqe.png);">

<div class="pain">lyrics here</div>

</div></td>


<td><div style="width: 250px; height: 130px; padding: 10px; background-color: #fff; font-family: arial; font-size: 9px; line-height: 120%; text-align: justify;">

<div style="width: 240px; height: 130px; padding-right: 5px; overflow: auto;">
<center><b>придержанные внешности:</b><br>
★ <b>aaron taylor-johnson</b> - фобос<br>
★ <b>Alycia Debnam Carey</b> - insidious <br>
★ <b>adelaide kane</b> - popcorn<br>
★ <B>amber heard</B> - шеппард <BR>
★ <B>avan jogia</B> - фармазон <BR>
★ <B>bill skarsgård</B> - ай мене ашь пельбе<BR>
★ <b>candice swanepoel</b> - конфетка<br>
★ <B>chris colfer</B> - эскалибур <BR>
★ <b>chris evans</b> - позволь <br>
★ <b>chris wood</b> - former vandal <br>
★ <b>charles hunnam</b> - просто вася<br>
★ <b>daniel sharman</b> - зной <br>
★ <B>darren criss</B> - h(e)art <BR>
★ <b>dianna agron</b> - чарли<br>
★ <b>dylan o'brien</b> - станнис<br>
★ <b>eiza gonzalez</b> - чикенролл <br>
★ <b>elizabeth olsen</b> - spoon <br>
★ <b>emilia clarke</b> - мать драконов <br>
★ <b>holland roden</b> - lavender <br>
★ <B>jennifer lawrence</B> - none of your business <BR>
★ <B>jenna coleman</B> - bts <BR>
★ <B>katerina graham</B> - черная магия<BR>
★ <B>katherine mcnamara</B> - королева пингвинов<BR>
★ <B>kaya scodelario</B> - лиса<BR>
★ <b>kendall jenner</b> - avalanche<br>
★ <b>lucy hale</b> - тленчик<br>
★ <B>margot robbie</B> - depeche mode<BR>
★ <b>natalie dormer</b> - королева котиков <br>
★ <b>nicola peltz</b> - виски-кола <br>
★ <b>nina dobrev</b> - rich bitch <br>
★ <b>phoebe tonkin</b> - фибра души <br>
★ <B>penelope mitchell</B> - novocaine <BR>
★ <B>ryan gosling</B> - yggdrasil <BR>
★ <b>rachel mcadams</b> - лаванда <br>
★ <B>rihanna</B> - bbhmm<BR>
★ <b>sam claflin</b> - хаски<br>
★ <b>sebastian stan</b> - пончиков <br>
★ <b>shelley hennig</b> - just girl <br>
★ <B>tom felton /B> - ходор <BR>
★ <B>victoria justice</B> - джон сноу <BR>

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

</center>
</div>
</div></center>
те, кого безумно ждут

фибра души[фиби тонкин] очень ждет leah pipes, danielle campbell, daniella pineda, claire holt, joseph morgan, daniel gillies, paul wesley, julian mcmahon, кота виски
джон сноу[виктория джастис] в ожидании armie hammer, nina agdal
avalanche ~ [кендалл дженнер] нуждается в kylie jenner, harry styles, cara delevingne
rich bitch ~ [нина добрев] встречает у порога tom hardy
станнис ~ [дилан о'брайен] не может существовать без thomas sangster
тленчик ~ [люси хейл] обещает любовь до гроба ian harding
чарли эванс ~ [дианна агрон] думает только о lea michele
пончиков ~ [себастьян стэн] волнуется о приходе chris evans
lavender ~ [холлэнд роден] обожает только  crystal reed, dylan sprayberry, chris hemsworth

0

28

Код:
<!--HTML--><link href='http://mzxw45dt.m5xw6z3mmvqxa2ltfzrw63i.cmle.ru/css?family=Abril+Fatface&subset=latin-ext,latin' rel='stylesheet' type='text/css'>
<link href='http://mzxw45dt.m5xw6z3mmvqxa2ltfzrw63i.cmle.ru/css?family=Lato' rel='stylesheet' type='text/css'>
<link href='http://mzxw45dt.m5xw6z3mmvqxa2ltfzrw63i.cmle.ru/css?family=Montserrat' rel='stylesheet' type='text/css'><style>#canons {width: 450px; padding: 10px; background-color: #fff; border: 1px solid #e0e0e0;}
.canon-title {font-family: abril fatface; color: #7a378b; font-size: 55px; text-transform: lowercase; border-bottom: 1px solid #EF62A4; padding-bottom: 25px; margin: 20px; padding-top: 10px; text-shadow: 1px 1px 0px white, 2px 2px 0px #8BD5EB; letter-spacing: -1px;}
.canon-write1 {margin: 0px 20px 20px 20px; font-family: montserrat; font-size: 12px; text-align: justify; line-height: 95%; color: #121212; text-transform: uppercase;}
.c1 {width: 180px; height: 180px; border-radius: 360px; -moz-border-radius: 360px; -webkit-border-radius: 360px;  -ms-border-radius: 360px;  -o-border-radius: 360px; position: relative; overflow: hidden; display: inline-block; margin: 5px 10px 5px 10px;}
.c1 .c2 {position: absolute; bottom: -150px; padding: 10px; background-color: #fff; border-radius: 360px; -moz-border-radius: 360px; -webkit-border-radius: 360px;  -ms-border-radius: 360px;  -o-border-radius: 360px; height: 160px; width: 160px; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;}
.c1:hover .c2 {bottom: 0px;}
.c2-symbol {font-family: abril fatface; font-size: 40px; text-align: center; margin-top: 5px;}
.canon-name {font-family: lato; text-transform: uppercase; font-size: 15px; margin-top: -20px;}
.canon-name sub {font-family: montserrat; font-size: 7px; text-transform: uppercase; color: #121212; border-top: 1px solid #121212; margin: 5px 15px 5px 15px; display: block;}
.canon-write2 {font-family: montserrat; color: #121212; text-align: center; height: 100px; overflow: auto; padding-right: 10px; font-size: 13px; line-height: 100%; margin: 10px 10px;}</style>

<center><div id="canons"><div class="canon-title">
your ams

</div><div class="canon-write1">

<center><i>Человек тогда человек, когда он со всеми вместе.</i></center><br><br>
<center>Если вы думаете, что на этом проекте собрались абсолютно похожие люди с одинаковыми взглядами на жизнь, то вы крупно ошибаетесь. И, наверное, это даже здорово. Потому что каждый из нас привносит что-то свое в наш с вами второй дом, корректирует и добавляет, делает его уникальным, непохожим на других. Результат наших усилий вы можете увидеть по всему форуму, а заглянуть в душу АМС сумеете только здесь. </center>

</div>


<div class="c1" style="background-image: url(http://funkyimg.com/i/2212F.gif); border: 10px solid #C3B9EE;"><div class="c2"><div class="c2-symbol" style="color: #A195D6;">❤</div><div class="canon-write2">

<b>холленд родэн.</b><br>
любила эту актрису еще до того, как это стало мейнстримом. ваша матушка, которая всегда всех любит и обнимает. пригреет, приласкает, накормит и напоит ароматным и вкусным горячим какао или капучино. любит всех, кто ведет активную жизнь на форуме и страшно карает тех, кто ведет себя, как пассивный олень. обожает собак и людей, с оригинальным чувством юмора. честно говоря, она большая эгоистка из всех здесь присутствующих. признает это, но исправлять не торопится. спорить с ней бесполезно, а то и вообще не желательно. отвечает по большей части за конкурсы, флешмобы и прочую ерунду, но яро участвует во всех забастовках и заговорах. неплохо разбирается в кодах и иногда может что-то писать, хотя тут как пойдет. если найти к ней особенный подход, она даже покажется вам слишком доброй. она довольна нежна в общении, а так же она просто обожает новеньких! поэтому если возникнут какие-то проблемы у начинающих, обращайтесь сразу же к ней - она всегда будет даже слишком вам рада.
</div></div></div>

<div class="c1" style="background-image: url(http://onqxmzlqnfrs443v.cmle.ru/6080003m.gif); border: 10px solid #5175f4;"><div class="c2"><div class="c2-symbol" style="color: #5175f4;">❤</div><div class="canon-write2">

<b>дианна агрон.</b><br>
ночная обитательница форума.  хранительница домашнего очага, точнее, флуда. иногда ленивая и слишком конфликтная. вспыльчивая. не станет молчать о том, что ее не устраивает.  общительная и довольно универсальна - чем только не занимается: тексты, графика, коды и всё-всё-всё. вопрос лишь в том, как это у нее получается? в любом случае, пока никто не жаловался. шутница 80 lvl и очень грустит, когда ее не понимают. обожает котиков, которые не долетают до своего места назначения и смотрит видео на ютубе all day all night. знакома со многими фандомами, смотрит много сериалов и чуть меньше фильмов, так что за подбором нужной внешности обращайтесь именно к ней. не бойтесь, не укусит. она дружелюбна, несмотря на присущую ей строгость. чувствует себя очень нужной и важной персоной, когда у нее спрашивают совет или просят помочь. 
</div></div></div>

<div class="c1" style="background-image: url(http://onqxmzlqnfrs43tfoq.cmle.ru/7216037m.gif); border: 10px solid #8BD5EB;"><div class="c2"><div class="c2-symbol" style="color: #8BD5EB;">❤</div><div class="canon-write2">

<b>себастиан стэн.</b><br>
 сторонний наблюдатель. самый ленивый и медлительный участник амс. предпочитает называть себя универсалом, однако, по факту, больший вклад вносит в работу со скриптами и кодами. художник от слова худо, графист от этого же слова. предпочитает отмалчиваться до последнего, когда ему что-то не нравится, терпеть не может конфликты и старается их сглаживать, хотя, временами, поддается эмоциям. кошатник до мозга костей, сам напоминает себе отъевшегося ленивого кота, да и всех вокруг величает исключительно котами и кисами. любитель зависать во флуде и развращать всех там присутствующих. этого товарища можно либо остерегаться и сторониться, либо любить и получать удовольствие от его странностей. при выборе второго варианта, себастиан, несомненно, отблагодарит вас мурлыканьем и завалит самыми разнообразными плюшками.
</div></div></div>

<div class="c1" style="background-image: url(http://funkyimg.com/i/21ZSv.gif); border: 10px solid #FFD700;"><div class="c2"><div class="c2-symbol" style="color: #FFD700;">❤</div><div class="canon-write2">

<center><b>эван джогиа</b><br>
 чем-то похож на енота. готов сутками принимать ванну с ароматной пеной и лопать печеньки с чаем. всех, с кем пересекается во флуде, угощает ими же и норовит усадить в кресло или на диван, где незамедлительно может приступить к обольщению собеседника. такое с ним бывает редко, но метко (может голышом проскакать, на люстру залезть или же стриптиз станцевать). он эдакий личный пушистый мозгошмыг, потому что большую часть времени он проводит здесь: встречает гостей, курирует организационные темы, тайно следит за всеми, пиарит и просто зависает во флуде. любитель крепких семейных связей, в рекордные сроки может обрести кучу родственников, друзей и знакомых. тяжело переносит долгие расставания, может грустить по этому поводу, спрятавшись за креслом. поэтому, не расстраивайте енота, не пропадайте без предупреждения и он будет любить вас, холить и лелеять.</center>
</div></div></div>

<div class="c1" style="background-image: url(http://youngvolcanoes.rusff.ru/img/avatars/0013/b8/84/16-1388670667.gif); border: 10px solid #FF6347;"><div class="c2"><div class="c2-symbol" style="color: #FF6347;">❤</div><div class="canon-write2">

аделаида.
</div></div></div>

<div class="c1" style="background-image: url(http://s2.uploads.ru/ogbGp.gif); border: 10px solid #FF8C69;"><div class="c2"><div class="c2-symbol" style="color: #FF8C69;">❤</div><div class="canon-write2">


<b>виктория джастис</b><br>
та, кто будет вас вечно называть кисой или котиком, енотом, пингвином или тюленем - любительница животных и вечно себе на уме. странная по всем параметрам и этим смешная. не умеет шутить, но любит смеяться. не дружит с сарказмом и его пониманием. любит молча наблюдать за происходящим и подводить итоги. терпеть не может конфликты, но любит все превращать в приколы. обожает пиццу и fob больше всего. если вы тоже, будет вас боготворить. любит новые знакомства и англицизмы. к ее манере общения можно либо привыкнуть, либо раздражаться каждую секунду. извращенка. не любит скучать. привязывается к людям из-за мелочей. отходчивая, но в душе маленькая паникерша. обожает вести себя как ребенок. 
</div></div></div>


</div></center>

0


Вы здесь » Supernatural. Vitium et virtus » танцы на воде » HTML


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