С начала эпидемии прошел год, живых становится все меньше, чем мертвых, но шанс все изменить все еще есть.
сюжет гостевая организации правила занятые внешности faq гайд по миру сюжетные персонажи новости
zero patientнулевой пациент Zombieмистер кусь

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

Осколки памяти

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

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


Вы здесь » Осколки памяти » Коды и скрипты » Коды оформления сообщений


Коды оформления сообщений

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

1

[html]<div class="postcolor"> <link href="http://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet" type="text/css">

<center>

<div style="margin: auto; width: 334px; height: 450px; overflow: auto; background-color: white; padding: 30px; border-top: 3px #e6e6e6 double; border-left: 3px #e6e6e6 double; border-right: 3px #e6e6e6 double;">
<img src="https://24.media.tumblr.com/0d26a3f284557c184786a816751df54d/tumblr_mzons82QM81qa0zbho1_400.gif">
<div style="padding: 10px 30px; text-align: justify;font-family: 'Alegreya SC', serif; font-size: 11px; line-height: 10px; color: black;">
<div style="width: 265px; padding: 5px; background-color: #000; font-family: 'Playfair Display', sans-serif; font-size: 10px; color:#FFF; text-transform: uppercase; "><center>july 27 1994 // male // logan lerman</center></div>
<ul>
<li> pure blood</li>
<li> 9.5" holly, unicorn tail core </li>
<li> year seven </li>
<li> fear of death </li>
<li> patronus - cobra</li>
<li> owl</li>
<li> slytherin</li>
</ul>
<div style="width: 265px; padding: 5px; background-color: #000; font-family: 'Playfair Display', sans-serif; font-size: 10px; color:#FFF; text-transform: uppercase; "><center>HISTORY</center></div>
<ul>
<li> mother stuff</li>
<li> father stuff</li>
<li>sister stuff</li>
</ul>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p>
</p><div style="width: 265px; padding: 5px; background-color: #000; font-family: 'Playfair Display', sans-serif; font-size: 10px; color:#FFF; text-transform: uppercase; "><center>LIKES &amp; DISLIKES</center></div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p><div style="width: 265px; padding: 5px; background-color: #000; font-family: 'Playfair Display', sans-serif; font-size: 10px; color:#FFF; text-transform: uppercase; "><center>PERSONALITY</center></div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p><p>
</p><div style="width: 265px; padding: 5px; background-color: #000; font-family: 'Playfair Display', sans-serif; font-size: 10px; color:#FFF; text-transform: uppercase; "><center>APPEARANCE</center></div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p></div>
</div> <div style="width: 300px; height: 40px; background-color: #141213; padding: 50px;"> <div style="font-family: 'Playfair Display', sans-serif; font-size: 35px; color:#FFF; text-transform: uppercase; "><i> victor r. tate</i></div><div style="font-family: 'Playfair Display', sans-serif; color:#d7d541; font-size: 10px; padding: 10px; letter-spacing: 2px;"> LOU / 18 / LOUNEDEFRAYY (SKYPE) </div></div>
</center>  </div>[/html]

Код:
<div class="postcolor"> <link href="http://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet" type="text/css">

<center>

<div style="margin: auto; width: 334px; height: 450px; overflow: auto; background-color: white; padding: 30px; border-top: 3px #e6e6e6 double; border-left: 3px #e6e6e6 double; border-right: 3px #e6e6e6 double;">
<img src="https://24.media.tumblr.com/0d26a3f284557c184786a816751df54d/tumblr_mzons82QM81qa0zbho1_400.gif">
<div style="padding: 10px 30px; text-align: justify;font-family: 'Alegreya SC', serif; font-size: 11px; line-height: 10px; color: black;">
<div style="width: 265px; padding: 5px; background-color: #000; font-family: 'Playfair Display', sans-serif; font-size: 10px; color:#FFF; text-transform: uppercase; "><center>july 27 1994 // male // logan lerman</center></div>
<ul>
<li> pure blood</li>
<li> 9.5" holly, unicorn tail core </li>
<li> year seven </li>
<li> fear of death </li>
<li> patronus - cobra</li>
<li> owl</li>
<li> slytherin</li>
</ul>
<div style="width: 265px; padding: 5px; background-color: #000; font-family: 'Playfair Display', sans-serif; font-size: 10px; color:#FFF; text-transform: uppercase; "><center>HISTORY</center></div>
<ul>
<li> mother stuff</li>
<li> father stuff</li>
<li>sister stuff</li>
</ul>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p>
</p><div style="width: 265px; padding: 5px; background-color: #000; font-family: 'Playfair Display', sans-serif; font-size: 10px; color:#FFF; text-transform: uppercase; "><center>LIKES &amp; DISLIKES</center></div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p><div style="width: 265px; padding: 5px; background-color: #000; font-family: 'Playfair Display', sans-serif; font-size: 10px; color:#FFF; text-transform: uppercase; "><center>PERSONALITY</center></div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p><p>
</p><div style="width: 265px; padding: 5px; background-color: #000; font-family: 'Playfair Display', sans-serif; font-size: 10px; color:#FFF; text-transform: uppercase; "><center>APPEARANCE</center></div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p></div>
</div> <div style="width: 300px; height: 40px; background-color: #141213; padding: 50px;"> <div style="font-family: 'Playfair Display', sans-serif; font-size: 35px; color:#FFF; text-transform: uppercase; "><i> victor r. tate</i></div><div style="font-family: 'Playfair Display', sans-serif; color:#d7d541; font-size: 10px; padding: 10px; letter-spacing: 2px;"> LOU / 18 / LOUNEDEFRAYY (SKYPE) </div></div>
</center>  </div>

0

2

[html]<div class="post-box">
            <div id="p848-content" class="post-content">
            <p><span style="display: block; text-align: center"><strong></strong></span></p><style type="text/css">
.lolav { width: 250px; height: 400px; position: relative; overflow: hidden; }
.lolav .lolav1 { width: 210px; height: 165px; padding: 10px; background-color: #fff; position: absolute; top: 10px; left: -300px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.lolav:hover .lolav1 { left: 10px; }
.lolav .lolav2 { width: 210px; height: 165px; padding: 10px; background-color: #fff; position: absolute; bottom: 10px; right: -300px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.lolav:hover .lolav2 { right: 10px; }
.avly { margin-top: 5px; width: 205px; padding-right: 5px; height: 60px; overflow: auto; text-align: justify; line-height: 100%; font-family: arial, sans-serif; font-size: 7px; text-transform: uppercase; color: #222; letter-spacing: 1px; }
.avly::-webkit-scrollbar { width: 5px; height: 5px; }
.avly::-webkit-scrollbar-track { background-color: #fff; }
.avly::-webkit-scrollbar-thumb { background-color: #7bb797; }
.lolal { width: 210px; font-family: 'Lobster', sans-serif; font-size: 30px; text-align: center; text-transform: lowercase; line-height: 100%; color: #7bb797; text-shadow: 1px 1px 0px #222; }
.lolt1 { width: 105px; text-align: center; font-size: 7px; letter-spacing: 1px; padding-top: 10px; padding-bottom: 10px; font-family: arial, sans-serif; color: #222; line-height: 100%; font-weight: lighter; text-transform: uppercase; }
</style>
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<center><div class="lolav"><img src="http://placehold.it/250x400"><div class="lolav1"><div style="width: 210px; height: 100px; background-image: url(http://placehold.it/210x100);"></div><div class="avly">  lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here  </div></div><div class="lolav2"><div class="lolal" style="margin-bottom: 10px;">becky,</div><table cellpadding="0" cellspacing="0"><tbody><tr><th><div class="lolt1">age</div></th><th><div class="lolt1">occupation</div></th></tr><tr><th><div class="lolt1">member group</div></th><th><div class="lolt1">spirit</div></th></tr><tr><th><div class="lolt1">posts</div></th><th><div class="lolt1">info</div></th></tr></tbody></table><div class="lolal" style="margin-top: 10px;">is online.</div></div></div><div style="width: 250px; height: 10px;"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="250" height="10"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"><param name="bgcolor" value="#7bb797"><param name="FlashVars" value="mp3=LINK TO MP3 HERE"></object></div><img src="http://placehold.it/250x50"></center><p><strong><br></strong></p>
            </div>
        </div>[/html]

Код:
<div class="post-box">
            <div id="p848-content" class="post-content">
            <p><span style="display: block; text-align: center"><strong></strong></span></p><style type="text/css">
.lolav { width: 250px; height: 400px; position: relative; overflow: hidden; }
.lolav .lolav1 { width: 210px; height: 165px; padding: 10px; background-color: #fff; position: absolute; top: 10px; left: -300px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.lolav:hover .lolav1 { left: 10px; }
.lolav .lolav2 { width: 210px; height: 165px; padding: 10px; background-color: #fff; position: absolute; bottom: 10px; right: -300px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.lolav:hover .lolav2 { right: 10px; }
.avly { margin-top: 5px; width: 205px; padding-right: 5px; height: 60px; overflow: auto; text-align: justify; line-height: 100%; font-family: arial, sans-serif; font-size: 7px; text-transform: uppercase; color: #222; letter-spacing: 1px; }
.avly::-webkit-scrollbar { width: 5px; height: 5px; }
.avly::-webkit-scrollbar-track { background-color: #fff; }
.avly::-webkit-scrollbar-thumb { background-color: #7bb797; }
.lolal { width: 210px; font-family: 'Lobster', sans-serif; font-size: 30px; text-align: center; text-transform: lowercase; line-height: 100%; color: #7bb797; text-shadow: 1px 1px 0px #222; }
.lolt1 { width: 105px; text-align: center; font-size: 7px; letter-spacing: 1px; padding-top: 10px; padding-bottom: 10px; font-family: arial, sans-serif; color: #222; line-height: 100%; font-weight: lighter; text-transform: uppercase; }
</style>
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<center><div class="lolav"><img src="http://placehold.it/250x400"><div class="lolav1"><div style="width: 210px; height: 100px; background-image: url(http://placehold.it/210x100);"></div><div class="avly">  lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here lol lyrics here  </div></div><div class="lolav2"><div class="lolal" style="margin-bottom: 10px;">becky,</div><table cellpadding="0" cellspacing="0"><tbody><tr><th><div class="lolt1">age</div></th><th><div class="lolt1">occupation</div></th></tr><tr><th><div class="lolt1">member group</div></th><th><div class="lolt1">spirit</div></th></tr><tr><th><div class="lolt1">posts</div></th><th><div class="lolt1">info</div></th></tr></tbody></table><div class="lolal" style="margin-top: 10px;">is online.</div></div></div><div style="width: 250px; height: 10px;"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="250" height="10"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"><param name="bgcolor" value="#7bb797"><param name="FlashVars" value="mp3=LINK TO MP3 HERE"></object></div><img src="http://placehold.it/250x50"></center><p><strong><br></strong></p>
            </div>
        	</div>

0

3

[html]<div class="post-box">
            <div id="p849-content" class="post-content">
            <p><span style="display: block; text-align: center"><strong></strong></span></p><center><link href="http://fonts.googleapis.com/css?family=Sacramento" rel="stylesheet" type="text/css">
<style type="text/css">

.vancode19 { width: 280px; height: 130px; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; background-color: #000; opacity: 0.0; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; padding: 10px; }
.vancode19:hover { opacity: 1.0; }
</style>

<div style="width: 300px; background-color: #264545; padding: 15px; border: 30px solid #000;">

<div style="width: 300px; height: 150px; background-image: url(http://i50.tinypic.com/2135g84.jpg);">
<div class="vancode19"><center>

<div style="width: 250px; text-align: center; color: #fff; font-family: 'Sacramento', cursive; font-size: 30px;  text-transform: lowercase; line-height: 140%; letter-spacing: 2px; padding-top: 20px; padding-bottom: 5px;">let the sky fall</div>

<div style="width: 250px; text-align: justify; color: #dddddd; font-family: georgia; font-style: italic; font-size: 9px;  text-transform: lowercase; line-height: 100%;">WHEN IT CRUMBLES, WE WILL STAND TALL, FACE IT ALL TOGETHER, AT SKYFALL, AT SKYFALL. SKYFALL IS WHERE WE START, A THOUSAND MILES AND POLES APART WHEN WORLDS COLLIDE, AND DAYS ARE DARK. YOU MAY HAVE MY NUMBER, YOU CAN TAKE MY NAME BUT YOU'LL NEVER HAVE MY HEART.</div>

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

<div style="width: 280px; font-family: georgia; font-size: 10px; line-height: 100%; text-align: justify; background-color: #fff; padding: 10px;  border-top: 1px dotted #000; ">

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<p></p>
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.
<p></p>
Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris a lacus. Donec mattis semper leo. In hac habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero.

</div><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="300" height="10"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"><param name="bgcolor" value="#000000"><param name="FlashVars" value="mp3=http://www.4funmusic.ir/dl/dl2/4-international-song/Adele/Adele-Skyfall-iTunes-128.mp3"></object></div>
</center>  <p><strong><br></strong></p>
            </div>
        </div>[/html]

Код:
<div class="post-box">
            <div id="p849-content" class="post-content">
            <p><span style="display: block; text-align: center"><strong></strong></span></p><center><link href="http://fonts.googleapis.com/css?family=Sacramento" rel="stylesheet" type="text/css">
<style type="text/css">

.vancode19 { width: 280px; height: 130px; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; background-color: #000; opacity: 0.0; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; padding: 10px; }
.vancode19:hover { opacity: 1.0; }
</style>

<div style="width: 300px; background-color: #264545; padding: 15px; border: 30px solid #000;">

<div style="width: 300px; height: 150px; background-image: url(http://i50.tinypic.com/2135g84.jpg);">
<div class="vancode19"><center>

<div style="width: 250px; text-align: center; color: #fff; font-family: 'Sacramento', cursive; font-size: 30px;  text-transform: lowercase; line-height: 140%; letter-spacing: 2px; padding-top: 20px; padding-bottom: 5px;">let the sky fall</div>

<div style="width: 250px; text-align: justify; color: #dddddd; font-family: georgia; font-style: italic; font-size: 9px;  text-transform: lowercase; line-height: 100%;">WHEN IT CRUMBLES, WE WILL STAND TALL, FACE IT ALL TOGETHER, AT SKYFALL, AT SKYFALL. SKYFALL IS WHERE WE START, A THOUSAND MILES AND POLES APART WHEN WORLDS COLLIDE, AND DAYS ARE DARK. YOU MAY HAVE MY NUMBER, YOU CAN TAKE MY NAME BUT YOU'LL NEVER HAVE MY HEART.</div>

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


<div style="width: 280px; font-family: georgia; font-size: 10px; line-height: 100%; text-align: justify; background-color: #fff; padding: 10px;  border-top: 1px dotted #000; ">

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<p></p>
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.
<p></p>
Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris a lacus. Donec mattis semper leo. In hac habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero. 

</div><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="300" height="10"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"><param name="bgcolor" value="#000000"><param name="FlashVars" value="mp3=http://www.4funmusic.ir/dl/dl2/4-international-song/Adele/Adele-Skyfall-iTunes-128.mp3"></object></div>
</center>  <p><strong><br></strong></p>
            </div>
        	</div>

0

4

[html]<div class="post-box">
            <div id="p856-content" class="post-content">
            <p><strong></strong></p><style type="text/css">

#vancode37 { width: 400px; height: 200px; position: relative; overflow: hidden;  }

#vancode37 .page { position: absolute; bottom: 0px; -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; -o-transition: 0.9s all ease-in-out; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; }

#vancode37:hover .page { bottom: -200px; -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; -o-transition: 0.9s all ease-in-out;   }

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

<center><div id="vancode37">

<div class="page"><img src="http://i42.tinypic.com/2wp2fbr.jpg" width="400" height="200"></div>

<div style="width: 360px; padding: 20px; text-align: justify; background-color: #fff; height: 160px;">

<div style="width: 360px;  text-align: center; font-family: 'Rochester', cursive; font-size: 37px; font-weight: normal;  line-height: 100%; color: #000; text-transform: lowercase; padding-top: 50px;">you got something i need</div>

<div style="width:340px; text-align: justify; font-family: tahoma; font-size: 9px; line-height: 100%; color: #000; text-transform: lowercase; padding: 10px;">in this world full of people there's one killing me and if we only die once i wanna die with you. you got something i need, in this world full of people there's one killing me, and if we only die once i wanna die with you. if we only die once i wanna die with you, if we only live once i wanna live with you.</div></div></div>

<div style="width: 320px; background-color: #fff; padding: 40px; border-top: 30px solid #77afc4; border-bottom: 30px solid #a63131; text-align: justify; font-family: calibri; font-size: 11px; line-height: 100%;">

<div style="width: 320px; border-top: 1px dashed #a63131; margin-bottom: 10px;"></div>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<p></p>
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi.  Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

<div style="width: 320px; border-top: 1px dashed #77afc4; margin-top: 10px; margin-bottom: 10px;"></div></div><div style="width: 305px;padding: 10px; font-family: arial; font-size: 7px;  text-transform: uppercase; text-align: center; color: #000; line-height: 100%; letter-spacing: 3px;">
</div>
</center><p><strong><br></strong></p>
            </div>
</div>[/html]

Код:
<div class="post-box">
            <div id="p856-content" class="post-content">
            <p><strong></strong></p><style type="text/css">

#vancode37 { width: 400px; height: 200px; position: relative; overflow: hidden;  }

#vancode37 .page { position: absolute; bottom: 0px; -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; -o-transition: 0.9s all ease-in-out; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; }

#vancode37:hover .page { bottom: -200px; -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; -o-transition: 0.9s all ease-in-out;   }

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

<center><div id="vancode37">

<div class="page"><img src="http://i42.tinypic.com/2wp2fbr.jpg" width="400" height="200"></div>

<div style="width: 360px; padding: 20px; text-align: justify; background-color: #fff; height: 160px;">

<div style="width: 360px;  text-align: center; font-family: 'Rochester', cursive; font-size: 37px; font-weight: normal;  line-height: 100%; color: #000; text-transform: lowercase; padding-top: 50px;">you got something i need</div>

<div style="width:340px; text-align: justify; font-family: tahoma; font-size: 9px; line-height: 100%; color: #000; text-transform: lowercase; padding: 10px;">in this world full of people there's one killing me and if we only die once i wanna die with you. you got something i need, in this world full of people there's one killing me, and if we only die once i wanna die with you. if we only die once i wanna die with you, if we only live once i wanna live with you.</div></div></div>

<div style="width: 320px; background-color: #fff; padding: 40px; border-top: 30px solid #77afc4; border-bottom: 30px solid #a63131; text-align: justify; font-family: calibri; font-size: 11px; line-height: 100%;">

 <div style="width: 320px; border-top: 1px dashed #a63131; margin-bottom: 10px;"></div>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<p></p>
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi.  Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst. 

<div style="width: 320px; border-top: 1px dashed #77afc4; margin-top: 10px; margin-bottom: 10px;"></div></div><div style="width: 305px;padding: 10px; font-family: arial; font-size: 7px;  text-transform: uppercase; text-align: center; color: #000; line-height: 100%; letter-spacing: 3px;">
</div>
</center><p><strong><br></strong></p>
            </div>
</div>

0

5

[html]<div class="post-box">
            <div id="p858-content" class="post-content">
            <p><strong></strong></p><center><div style="width: 360px; padding: 10px; background-color: #fff; border: 25px solid #5f0c0c;">

<div style="width: 220px; padding: 10px; background-color: #000; text-align:center; font-family: georgia; letter-spacing: 7px; font-size: 10px; line-height: 100%; color: #fff; font-style: italic;">title goes here</div>

<div style="width: 360px; border-top: 10px solid #000;"></div><div style="width: 340px; padding: 10px; text-align: justify; font-family: georgia; font-size: 10px; line-height: 100%; border-top: 3px double #aaa; border-bottom: 3px double #aaa;">

<div style="width: 200px; height: 300px; background-image: url(http://placehold.it/200x300); float: left; margin-right: 10px; margin-bottom: 10px;"></div>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

</div><div style="width: 360px; border-top: 10px solid #000;"></div></div></center><p><strong><br></strong></p>
            </div>
        </div>[/html]

Код:
<div class="post-box">
            <div id="p858-content" class="post-content">
            <p><strong></strong></p><center><div style="width: 360px; padding: 10px; background-color: #fff; border: 25px solid #5f0c0c;">

<div style="width: 220px; padding: 10px; background-color: #000; text-align:center; font-family: georgia; letter-spacing: 7px; font-size: 10px; line-height: 100%; color: #fff; font-style: italic;">title goes here</div>

<div style="width: 360px; border-top: 10px solid #000;"></div><div style="width: 340px; padding: 10px; text-align: justify; font-family: georgia; font-size: 10px; line-height: 100%; border-top: 3px double #aaa; border-bottom: 3px double #aaa;">

<div style="width: 200px; height: 300px; background-image: url(http://placehold.it/200x300); float: left; margin-right: 10px; margin-bottom: 10px;"></div>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

</div><div style="width: 360px; border-top: 10px solid #000;"></div></div></center><p><strong><br></strong></p>
            </div>
        	</div>

0

6

[html]<div class="post-box">
            <div id="p908-content" class="post-content">
            <p><strong></strong></p><style>

.iggya {
    width: 300px;
    height: 300px;
    margin: 10px;
    border: 30px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
outline: 1px solid #eee;
    cursor: default;
    background-image: url(http://i.imgur.com/sCRfijx.png);
}
.iggya .content {
    width: 300px;
    height: 300px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
z-index:0;
}

/* NINTH EXAMPLE*/


.iggya-ninth .content {
background-image: url(http://i.imgur.com/Lao8eo7.png);
opacity: .8;
    height: 0;
color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    width: 600px;
    overflow: hidden;
    -webkit-transform: rotate(-45deg) translate(-210px, 210px);
    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
    -o-transform: rotate(-33.5deg) translate(-112px, 166px);
    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
    transform: rotate(-33.5deg) translate(-112px, 166px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: all 0.4s ease-in-out 0.3s;
    -moz-transition: all 0.4s ease-in-out 0.3s;
    -o-transition: all 0.4s ease-in-out 0.3s;
    transition: all 0.4s ease-in-out 0.3s;
}

.iggya-ninth:hover .content {
    height: 300px;
    width: 300px;
    top: 0px;
    -webkit-transform: rotate(0deg) translate(0, 0);
    -moz-transform: rotate(0deg) translate(0, 0);
    -o-transform: rotate(0deg) translate(0, 0);
    -ms-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
}

.nirvana {top: -2660px;  height:300px; width:300px; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;  position: absolute;  z-index: 100;}

.iggya-ninth:hover .nirvana {top:-60px;  transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; }

</style>

<center>
<div class="iggya iggya-ninth">

    <div class="content">  </div>
<div class="nirvana"> <center>

<div style="padding:10px; height:10px; width:240px; overflow:auto; line-height:100%; background-color: #a64d64; margin-top:15px; color: #fff; text-align:center; font-family:nova square; font-size:8px; ">TAG : ANALESE / DONNIE SANDERS</div><br><br><br><br>
<div style="border-bottom:10px solid #fff; border-top:10px solid #fff; padding:20px; height:170px; width:220px; overflow:auto; line-height:100%; background-color: #fff; margin-top:15px; color: #000; text-align:justify; ">
she could have easily gotten out of learning to ride the bike if she tried. a stern no accompanied with no other explanation would have sufficed. it had already been established (a long time ago) that pippa got whatever she wanted in this relationship (and in life). fighting or arguing with the girl wouldn’t bare different results and did nothing but made her even more stubborn. if she didn't want to do something she wouldn't. but she felt a little soft today. the hopeful sparkle in his eyes he got when he wanted to share something he enjoyed was a little too overwhelming to deny today. today even more so as he just spent three hours being dragged from macy’s to norstrom and back again in an endless circle. all while doing nothing but waiting outside of her dressing room and giving complements on whatever she chose to buy. she owed the dweeb something for his slave labor. and he seemed more excited about teaching her to ride a bike than her purchases from victoria secret. <b>”i’m not joking, donnie.”</b> she’d begin to warn him again. <b>”i bruise easily. if i fall …”</b> her pointer finger waged as she tried to look stern. this day might end in utter tears.
</div></center> </div>

</div>
</center><p><strong><br></strong></p>
            </div>
        </div>[/html]

Код:
<div class="post-box">
            <div id="p908-content" class="post-content">
            <p><strong></strong></p><style>

.iggya {
    width: 300px;
    height: 300px;
    margin: 10px;
    border: 30px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
outline: 1px solid #eee;
    cursor: default;
    background-image: url(http://i.imgur.com/sCRfijx.png);
}
.iggya .content {
    width: 300px;
    height: 300px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
z-index:0;
}


/* NINTH EXAMPLE*/





.iggya-ninth .content {
background-image: url(http://i.imgur.com/Lao8eo7.png);
opacity: .8;
    height: 0;
color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    width: 600px;
    overflow: hidden;
    -webkit-transform: rotate(-45deg) translate(-210px, 210px);
    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
    -o-transform: rotate(-33.5deg) translate(-112px, 166px);
    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
    transform: rotate(-33.5deg) translate(-112px, 166px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: all 0.4s ease-in-out 0.3s;
    -moz-transition: all 0.4s ease-in-out 0.3s;
    -o-transition: all 0.4s ease-in-out 0.3s;
    transition: all 0.4s ease-in-out 0.3s;
}

.iggya-ninth:hover .content {
    height: 300px;
    width: 300px;
    top: 0px;
    -webkit-transform: rotate(0deg) translate(0, 0);
    -moz-transform: rotate(0deg) translate(0, 0);
    -o-transform: rotate(0deg) translate(0, 0);
    -ms-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
}




.nirvana {top: -2660px;  height:300px; width:300px; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;  position: absolute;  z-index: 100;}

.iggya-ninth:hover .nirvana {top:-60px;  transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; }

</style>


<center>
<div class="iggya iggya-ninth">
 
    <div class="content">  </div>
<div class="nirvana"> <center> 

<div style="padding:10px; height:10px; width:240px; overflow:auto; line-height:100%; background-color: #a64d64; margin-top:15px; color: #fff; text-align:center; font-family:nova square; font-size:8px; ">TAG : ANALESE / DONNIE SANDERS</div><br><br><br><br>
<div style="border-bottom:10px solid #fff; border-top:10px solid #fff; padding:20px; height:170px; width:220px; overflow:auto; line-height:100%; background-color: #fff; margin-top:15px; color: #000; text-align:justify; ">
she could have easily gotten out of learning to ride the bike if she tried. a stern no accompanied with no other explanation would have sufficed. it had already been established (a long time ago) that pippa got whatever she wanted in this relationship (and in life). fighting or arguing with the girl wouldn’t bare different results and did nothing but made her even more stubborn. if she didn't want to do something she wouldn't. but she felt a little soft today. the hopeful sparkle in his eyes he got when he wanted to share something he enjoyed was a little too overwhelming to deny today. today even more so as he just spent three hours being dragged from macy’s to norstrom and back again in an endless circle. all while doing nothing but waiting outside of her dressing room and giving complements on whatever she chose to buy. she owed the dweeb something for his slave labor. and he seemed more excited about teaching her to ride a bike than her purchases from victoria secret. <b>”i’m not joking, donnie.”</b> she’d begin to warn him again. <b>”i bruise easily. if i fall …”</b> her pointer finger waged as she tried to look stern. this day might end in utter tears. 
</div></center> </div>




</div>
</center><p><strong><br></strong></p>
            </div>
        	</div>

0

7

[html]<div class="postcolor"> <center>

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

<style type="text/css">

.jakeb {
position: relative; 
width: 300px;
height:  400px;
border: 20px solid #000;
padding: 10px;
background-image: url(http://i42.photobucket.com/albums/e340/ … bca721.jpg);
}

.tabb {float: left;}

.tabb label {display: block;
width: 20px; text-align: center;
font-family: calibri;
color: #efefef; margin-right: 5px;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
background: #000;
padding: 5px;
border: 0px solid #ccc;
position: relative;
top: 5px;
left: 70px;}

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

.contentt {
position: absolute;
top: 55px;
left: 35px;
width: 180px;
height: 280px;
background: #f7f7f7;
padding: 20px;
border: 15px solid #000;}

[type=radio]:checked ~ label {color: #cc0000; background-color: #ffffff; border-bottom: 0px solid white; z-index: 2;}

[type=radio]:checked ~ label ~ .contentt {
z-index: 1;
}</style><div class="jakeb">

<div class="tabb">
<input type="radio" id="tabb-1" name="tabb-group-1" checked="">
<label for="tabb-1">I.</label>
<div class="contentt">
<div style="padding-top: 10px; width: 160px; font-family: georgia; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 280px; overflow: auto; text-align: justify;">

<div style="width: 160px; height: 100px; background-image: url(https://24.media.tumblr.com/f91d5c349cf … o1_250.gif);"></div>

<p>
</p><div style="width: 160px; text-align: center; font-family: Lobster; font-size: 40px; text-transform: lowercase; line-height: 100%;  color: #ae0808; margin-bottom: -10px; margin-TOP: -10px; text-shadow: 1px 1px 0px #392839;">jake,</div>
<p>
</p><div style="width: 160px; height: 50px; text-align: justify; font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%;  color: #000; margin-TOP: -10px; ">bunch of lyrics here it will scroll lalallalalalal bunch of lyrics here it will scroll lalallalalalal bunch of lyrics here it will scroll lalallalalalal bunch of lyrics here it will scroll lalallalalalal bunch of lyrics here it will scroll lalallalalalal </div>
<p>

</p><div style="width: 130px; background-color: #000; padding: 15px; text-align: center; font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%;  color: #fff; margin-TOP: 30px; ">

age - timezone - something

</div>

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

<div class="tabb">
<input type="radio" id="tabb-2" name="tabb-group-1">
<label for="tabb-2">II.</label>
<div class="contentt">
<div style="padding-top: 10px; width: 160px; font-family: georgia; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 280px; overflow: auto; text-align: justify;">

<div style="width: 130px; background-color: #000; padding: 15px; text-align: center; font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%;  color: #fff;">

poetry

</div>

<p>
<a href="http://candylandcouture.b1.jcink.com/index.php?showtopic=7301">SESTINA 1.14</a> ▸ explain
</p><p>
<a href="http://candylandcouture.b1.jcink.com/index.php?showtopic=7302">BREAKING THE RULES: A GAHAZAL</a> ▸ explain
</p><p>
<a href="http://candylandcouture.b1.jcink.com/index.php?act=ST&amp;f=90&amp;t=7338">SESTINA 1.25</a> ▸ explain
</p><p>
<a href="http://candylandcouture.b1.jcink.com/index.php?act=ST&amp;f=90&amp;t=7370">WINTER</a> ▸ explain

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

<div class="tabb">
<input type="radio" id="tabb-3" name="tabb-group-1">
<label for="tabb-3">III.</label>
<div class="contentt">

<div style="padding-top: 10px; width: 160px; font-family: georgia; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 280px; overflow: auto; text-align: justify;">

<div style="width: 130px; background-color: #000; padding: 15px; text-align: center; font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%;  color: #fff;">

vignettes

</div>

<p>
<a href="http://candylandcouture.b1.jcink.com/index.php?act=ST&amp;f=89&amp;t=7337&amp;st=0#entry35264">STARS</a> ▸ explain

</p></div>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-4" name="tabb-group-1">
<label for="tabb-4">IV.</label>
<div class="contentt">

<div style="padding-top: 10px; width: 160px; font-family: georgia; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 280px; overflow: auto; text-align: justify;">

<div style="width: 130px; background-color: #000; padding: 15px; text-align: center; font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%;  color: #fff;">

roleplay

</div>

<p>
<a href="http://candylandcouture.b1.jcink.com/index.php?act=ST&amp;f=93&amp;t=7367">ZEKE EREIDUS</a> ▸ application / r
</p><p>
<a href="http://candylandcouture.b1.jcink.com/index.php?act=ST&amp;f=93&amp;t=7373">NAMEt</a> ▸ post / r
</p></div>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-5" name="tabb-group-1">
<label for="tabb-5">V.</label>
<div class="contentt">

<div style="padding-top: 10px; width: 160px; font-family: georgia; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 280px; overflow: auto; text-align: justify;">

<div style="width: 130px; background-color: #000; padding: 15px; text-align: center; font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%;  color: #fff;">

misc.

</div>

</div>

</div>
</div>
</div></center>  </div>[/html]

Код:
<div class="postcolor"> <center>

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

<style type="text/css">

.jakeb {
position: relative;  
width: 300px;
height:  400px;
border: 20px solid #000;
padding: 10px;
background-image: url(http://i42.photobucket.com/albums/e340/antarcticsrox/red2_zpsa1bca721.jpg);
}

.tabb {float: left;}

.tabb label {display: block;
width: 20px; text-align: center;
font-family: calibri; 
color: #efefef; margin-right: 5px;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
background: #000;
padding: 5px;
border: 0px solid #ccc;
position: relative;
top: 5px;
left: 70px;}

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

.contentt {
position: absolute;
top: 55px;
left: 35px;
width: 180px; 
height: 280px;
background: #f7f7f7;
padding: 20px;
border: 15px solid #000;}

[type=radio]:checked ~ label {color: #cc0000; background-color: #ffffff; border-bottom: 0px solid white; z-index: 2;}

[type=radio]:checked ~ label ~ .contentt {
z-index: 1;
}</style><div class="jakeb">
 
<div class="tabb">
<input type="radio" id="tabb-1" name="tabb-group-1" checked="">
<label for="tabb-1">I.</label>
<div class="contentt">
<div style="padding-top: 10px; width: 160px; font-family: georgia; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 280px; overflow: auto; text-align: justify;"> 


<div style="width: 160px; height: 100px; background-image: url(https://24.media.tumblr.com/f91d5c349cf193a2235c8320c5ece913/tumblr_n1q1eopPRn1tqxgvko1_250.gif);"></div>

<p>
</p><div style="width: 160px; text-align: center; font-family: Lobster; font-size: 40px; text-transform: lowercase; line-height: 100%;  color: #ae0808; margin-bottom: -10px; margin-TOP: -10px; text-shadow: 1px 1px 0px #392839;">jake,</div>
<p>
</p><div style="width: 160px; height: 50px; text-align: justify; font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%;  color: #000; margin-TOP: -10px; ">bunch of lyrics here it will scroll lalallalalalal bunch of lyrics here it will scroll lalallalalalal bunch of lyrics here it will scroll lalallalalalal bunch of lyrics here it will scroll lalallalalalal bunch of lyrics here it will scroll lalallalalalal </div>
<p>

</p><div style="width: 130px; background-color: #000; padding: 15px; text-align: center; font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%;  color: #fff; margin-TOP: 30px; ">

age - timezone - something

 </div>

</div>
</div>
</div>
 
<div class="tabb">
<input type="radio" id="tabb-2" name="tabb-group-1">
<label for="tabb-2">II.</label>
<div class="contentt">
<div style="padding-top: 10px; width: 160px; font-family: georgia; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 280px; overflow: auto; text-align: justify;"> 

<div style="width: 130px; background-color: #000; padding: 15px; text-align: center; font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%;  color: #fff;">

poetry

 </div>

<p>
<a href="http://candylandcouture.b1.jcink.com/index.php?showtopic=7301">SESTINA 1.14</a> ▸ explain
</p><p>
<a href="http://candylandcouture.b1.jcink.com/index.php?showtopic=7302">BREAKING THE RULES: A GAHAZAL</a> ▸ explain
</p><p>
<a href="http://candylandcouture.b1.jcink.com/index.php?act=ST&amp;f=90&amp;t=7338">SESTINA 1.25</a> ▸ explain
</p><p>
<a href="http://candylandcouture.b1.jcink.com/index.php?act=ST&amp;f=90&amp;t=7370">WINTER</a> ▸ explain

</p></div>
</div>
</div>
 
<div class="tabb">
<input type="radio" id="tabb-3" name="tabb-group-1">
<label for="tabb-3">III.</label>
<div class="contentt">

<div style="padding-top: 10px; width: 160px; font-family: georgia; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 280px; overflow: auto; text-align: justify;"> 

<div style="width: 130px; background-color: #000; padding: 15px; text-align: center; font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%;  color: #fff;">

vignettes

 </div>

<p>
<a href="http://candylandcouture.b1.jcink.com/index.php?act=ST&amp;f=89&amp;t=7337&amp;st=0#entry35264">STARS</a> ▸ explain

</p></div>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-4" name="tabb-group-1">
<label for="tabb-4">IV.</label>
<div class="contentt">

<div style="padding-top: 10px; width: 160px; font-family: georgia; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 280px; overflow: auto; text-align: justify;"> 

<div style="width: 130px; background-color: #000; padding: 15px; text-align: center; font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%;  color: #fff;">

roleplay

 </div>

<p>
<a href="http://candylandcouture.b1.jcink.com/index.php?act=ST&amp;f=93&amp;t=7367">ZEKE EREIDUS</a> ▸ application / r
</p><p>
<a href="http://candylandcouture.b1.jcink.com/index.php?act=ST&amp;f=93&amp;t=7373">NAMEt</a> ▸ post / r
</p></div>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-5" name="tabb-group-1">
<label for="tabb-5">V.</label>
<div class="contentt">

<div style="padding-top: 10px; width: 160px; font-family: georgia; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 280px; overflow: auto; text-align: justify;"> 

<div style="width: 130px; background-color: #000; padding: 15px; text-align: center; font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%;  color: #fff;">

misc.

 </div>

</div>

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

0

8

[html]<div class="post-box">
            <div id="p930-content" class="post-content">
            <p><strong></strong></p><link href="http://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet" type="text/css">
<center>

<div style="width: 300px; padding: 25px; background-color: #FEFEFE; border-top: 50px solid #E7F5DB; border-bottom: 50px solid #657A7B;">

<div style="width: 300px; text-align: center; font-family: 'Poiret One', cursive; text-transform: uppercase; letter-spacing: 1px; font-size: 50px; color: #932050; line-height: 80%;">lucky strike</div>

<div style="width: 300px; text-align: center; font-family: Tahoma; text-transform: uppercase; letter-spacing: 3px; font-size: 8px; color: #111;">Got me so high, and then she dropped me</div>

<center><div style="padding-top: 10px; margin-bottom: -10px;"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="300" height="10">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf">
    <param name="bgcolor" value="#FEFEFE">
    <param name="FlashVars" value="mp3=http%3A//tegos.ru/new/mp3_full/Maroon_5_-_Lucky_Strike.mp3&amp;bgcolor=FEFEFE&amp;loadingcolor=E7F5DB&amp;buttoncolor=657A7B&amp;slidercolor=657A7B">
</object></div></center>

<div style="text-align: justify; background-color: #FEFEFE; text-align: justify; font-family: tahoma; font-size: 9px; line-height: 130%; color: #111; margin: 25px 0px;"><div style="float: left; margin: 0px 10px 3px 0px;"><img src="http://i1109.photobucket.com/albums/h438/madcaps95/986f5409-ec1c-4dd1-8492-26e3c9728c0f_zpsda97eb6c.jpg"></div><span>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus risus non ligula consectetur quis posuere nisi porttitor. Nam dictum felis nec nunc euismod congue ut ac sem. Morbi auctor augue et ante tincidunt sollicitudin. Donec tincidunt, arcu et sollicitudin ultrices, leo dui mollis neque, non rutrum dui risus eu arcu. Nulla ac nunc odio. Mauris rhoncus, tortor vitae feugiat molestie, diam metus vulputate libero, a viverra nunc mauris sit amet elit. Ut metus lectus, pretium sed faucibus sit amet, gravida vel orci.

Integer suscipit tellus non turpis ultricies tristique. Vivamus blandit dolor sed turpis condimentum at viverra libero consectetur. Nunc dictum dapibus dignissim. Nullam elit arcu, mattis id fringilla posuere, auctor non enim. Etiam in ligula magna, eu bibendum ipsum. Morbi facilisis ultricies erat, sit amet varius justo congue vitae. Suspendisse potenti. Vestibulum sit amet diam commodo magna rhoncus mollis quis nec odio. Maecenas feugiat, sem ut varius aliquet, elit enim accumsan metus, eget pulvinar justo enim a dui. Aliquam pulvinar euismod metus ut ornare. Vivamus ultrices, velit id dapibus posuere, est est posuere leo, at sollicitudin massa diam quis elit. Praesent non diam eu metus elementum aliquet. Vestibulum non faucibus tellus.

Nulla neque arcu, porta a varius et, porttitor ut arcu. Phasellus volutpat dapibus est, in pellentesque leo iaculis quis. Sed molestie pellentesque felis quis ultrices. Curabitur ut sem eu nisi lacinia placerat. Curabitur pharetra nisi nec est cursus ut sollicitudin mauris ullamcorper. Cras aliquet congue enim sed bibendum. Donec risus mi, egestas aliquam feugiat et, rhoncus ut justo. Donec leo quam, vestibulum quis vestibulum a, pretium eget nulla. Suspendisse potenti. Aenean ac est nisl. Nunc fringilla lobortis justo sit amet dictum. Donec dapibus tincidunt elit sed ornare.

</span></div>

<marquee><div style="width: 300px; font-family: tahoma; text-transform: uppercase; text-align: center; font-size: 9px; letter-spacing: 1px; background-color: #fefefe; color: #111;"><b>tag:</b> name | <b>words:</b> ### | <b>notes:</b> blah blahhh</div></marquee>

</div>

</center>
  <p><strong><br></strong></p>
            </div>
        </div>[/html]

Код:
<div class="post-box">
            <div id="p930-content" class="post-content">
            <p><strong></strong></p><link href="http://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet" type="text/css">
<center>

<div style="width: 300px; padding: 25px; background-color: #FEFEFE; border-top: 50px solid #E7F5DB; border-bottom: 50px solid #657A7B;">


<div style="width: 300px; text-align: center; font-family: 'Poiret One', cursive; text-transform: uppercase; letter-spacing: 1px; font-size: 50px; color: #932050; line-height: 80%;">lucky strike</div>

<div style="width: 300px; text-align: center; font-family: Tahoma; text-transform: uppercase; letter-spacing: 3px; font-size: 8px; color: #111;">Got me so high, and then she dropped me</div>

<center><div style="padding-top: 10px; margin-bottom: -10px;"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="300" height="10">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf">
    <param name="bgcolor" value="#FEFEFE">
    <param name="FlashVars" value="mp3=http%3A//tegos.ru/new/mp3_full/Maroon_5_-_Lucky_Strike.mp3&amp;bgcolor=FEFEFE&amp;loadingcolor=E7F5DB&amp;buttoncolor=657A7B&amp;slidercolor=657A7B">
</object></div></center>

<div style="text-align: justify; background-color: #FEFEFE; text-align: justify; font-family: tahoma; font-size: 9px; line-height: 130%; color: #111; margin: 25px 0px;"><div style="float: left; margin: 0px 10px 3px 0px;"><img src="http://i1109.photobucket.com/albums/h438/madcaps95/986f5409-ec1c-4dd1-8492-26e3c9728c0f_zpsda97eb6c.jpg"></div><span>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus risus non ligula consectetur quis posuere nisi porttitor. Nam dictum felis nec nunc euismod congue ut ac sem. Morbi auctor augue et ante tincidunt sollicitudin. Donec tincidunt, arcu et sollicitudin ultrices, leo dui mollis neque, non rutrum dui risus eu arcu. Nulla ac nunc odio. Mauris rhoncus, tortor vitae feugiat molestie, diam metus vulputate libero, a viverra nunc mauris sit amet elit. Ut metus lectus, pretium sed faucibus sit amet, gravida vel orci.

Integer suscipit tellus non turpis ultricies tristique. Vivamus blandit dolor sed turpis condimentum at viverra libero consectetur. Nunc dictum dapibus dignissim. Nullam elit arcu, mattis id fringilla posuere, auctor non enim. Etiam in ligula magna, eu bibendum ipsum. Morbi facilisis ultricies erat, sit amet varius justo congue vitae. Suspendisse potenti. Vestibulum sit amet diam commodo magna rhoncus mollis quis nec odio. Maecenas feugiat, sem ut varius aliquet, elit enim accumsan metus, eget pulvinar justo enim a dui. Aliquam pulvinar euismod metus ut ornare. Vivamus ultrices, velit id dapibus posuere, est est posuere leo, at sollicitudin massa diam quis elit. Praesent non diam eu metus elementum aliquet. Vestibulum non faucibus tellus.

Nulla neque arcu, porta a varius et, porttitor ut arcu. Phasellus volutpat dapibus est, in pellentesque leo iaculis quis. Sed molestie pellentesque felis quis ultrices. Curabitur ut sem eu nisi lacinia placerat. Curabitur pharetra nisi nec est cursus ut sollicitudin mauris ullamcorper. Cras aliquet congue enim sed bibendum. Donec risus mi, egestas aliquam feugiat et, rhoncus ut justo. Donec leo quam, vestibulum quis vestibulum a, pretium eget nulla. Suspendisse potenti. Aenean ac est nisl. Nunc fringilla lobortis justo sit amet dictum. Donec dapibus tincidunt elit sed ornare.

</span></div>

<marquee><div style="width: 300px; font-family: tahoma; text-transform: uppercase; text-align: center; font-size: 9px; letter-spacing: 1px; background-color: #fefefe; color: #111;"><b>tag:</b> name | <b>words:</b> ### | <b>notes:</b> blah blahhh</div></marquee>

</div>

</center>
  <p><strong><br></strong></p>
            </div>
        	</div>

0

9

[html]<div class="post-box">
            <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://placehold.it/350x150); 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://placehold.it/100x150);">

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

</div></td>

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

<div style="width: 220px; height: 130px; padding-right: 5px; overflow: auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec cursus urna. Donec placerat ac mauris lobortis fringilla. Vivamus consequat vulputate neque, vel bibendum massa. Cras aliquam, purus sed auctor aliquet, erat dui aliquet massa, nec rutrum metus metus at neque. Sed pretium tempor risus, vel tempor massa luctus at. Nam ut blandit ligula, quis mattis est. Nullam venenatis ultricies libero sed hendrerit. Aliquam gravida dolor tellus, et sollicitudin libero placerat at. Nulla rutrum massa sit amet metus scelerisque dictum. Suspendisse dapibus placerat nunc eget porta. Integer ullamcorper et tellus vitae congue. Nullam rhoncus bibendum purus cursus feugiat. In ante nisl, tincidunt non mauris non, tincidunt vestibulum libero. Nam ultricies sapien id risus facilisis hendrerit.
Mauris sed nunc sit amet enim condimentum porttitor. Praesent ultricies mollis risus, vitae tincidunt tellus consectetur eget. Vestibulum commodo tellus ornare, faucibus massa ac, consequat orci. Nulla facilisi. Praesent ac arcu ut risus pellentesque tincidunt. Maecenas arcu felis, ullamcorper nec ante a, venenatis posuere dui. Phasellus facilisis tincidunt gravida.
In hac habitasse platea dictumst. Vivamus id diam sed lectus commodo dictum. Duis diam tortor, mattis vel accumsan hendrerit, consectetur vel ante. Nulla eleifend, est eget tincidunt suscipit, ipsum velit malesuada augue, eu posuere massa mauris sed neque. Fusce in elementum nibh. Donec faucibus consectetur ligula et gravida. Praesent non bibendum sem. Sed non aliquam justo, fermentum consequat magna. Vivamus mollis justo id elit euismod vestibulum.</div></div></td></tr></tbody></table></div></div>

</center>
</div>
</div>[/html]

Код:
<div class="post-box">
            <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://placehold.it/350x150); 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://placehold.it/100x150);">

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

</div></td>

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

<div style="width: 220px; height: 130px; padding-right: 5px; overflow: auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec cursus urna. Donec placerat ac mauris lobortis fringilla. Vivamus consequat vulputate neque, vel bibendum massa. Cras aliquam, purus sed auctor aliquet, erat dui aliquet massa, nec rutrum metus metus at neque. Sed pretium tempor risus, vel tempor massa luctus at. Nam ut blandit ligula, quis mattis est. Nullam venenatis ultricies libero sed hendrerit. Aliquam gravida dolor tellus, et sollicitudin libero placerat at. Nulla rutrum massa sit amet metus scelerisque dictum. Suspendisse dapibus placerat nunc eget porta. Integer ullamcorper et tellus vitae congue. Nullam rhoncus bibendum purus cursus feugiat. In ante nisl, tincidunt non mauris non, tincidunt vestibulum libero. Nam ultricies sapien id risus facilisis hendrerit.
Mauris sed nunc sit amet enim condimentum porttitor. Praesent ultricies mollis risus, vitae tincidunt tellus consectetur eget. Vestibulum commodo tellus ornare, faucibus massa ac, consequat orci. Nulla facilisi. Praesent ac arcu ut risus pellentesque tincidunt. Maecenas arcu felis, ullamcorper nec ante a, venenatis posuere dui. Phasellus facilisis tincidunt gravida.
In hac habitasse platea dictumst. Vivamus id diam sed lectus commodo dictum. Duis diam tortor, mattis vel accumsan hendrerit, consectetur vel ante. Nulla eleifend, est eget tincidunt suscipit, ipsum velit malesuada augue, eu posuere massa mauris sed neque. Fusce in elementum nibh. Donec faucibus consectetur ligula et gravida. Praesent non bibendum sem. Sed non aliquam justo, fermentum consequat magna. Vivamus mollis justo id elit euismod vestibulum.</div></div></td></tr></tbody></table></div></div>

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

0

10

[html]<div class="post-box">
            <div id="p940-content" class="post-content">
            <p><strong></strong></p><style type="text/css">

#artic { position: relative; width: 350px; height: 250px; bottom: -60px; overflow: hidden; }

#artic .monkeys { width: 350px; height: 250px; bottom: -220px; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; position: absolute; }

#artic:hover .monkeys { bottom: 0px; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; }

</style><center>

<div style="width: 350px; height: 350px; padding: 20px; background-color: #eee;">

<div style="width: 350px; height: 310px; background-image: url(http://placehold.it/350x310); border-top: 20px solid #222; border-bottom: 20px solid #222;">

<div id="artic"><div class="monkeys"><div style="width: 330px; background-color: #fff; padding: 10px; font-family: courier; text-transform: uppercase; letter-spacing: 2px; font-size: 9px; text-align: center; line-height: 150%;">- Tonight, take me to the other side -</div>

<div style="width: 330px; height: 195px; padding: 10px; background-color: #fff;"><div style="width: 320px; height: 195px; padding: 0px; background-color: white; color: black; text-align: justify; font-size: 10px; line-height: 120%; font-family: arial; overflow: auto; padding-right: 5px; ">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien lacus, blandit ut nulla in, commodo mattis ipsum. Sed venenatis odio accumsan ante posuere luctus. Vestibulum vel turpis tincidunt, congue sem ac, interdum ante. In ac nisi libero. Sed sodales magna enim, a ornare sem volutpat eu. Pellentesque eu turpis sapien. Nam pellentesque ullamcorper sagittis. Ut elementum, eros in vulputate posuere, neque lacus eleifend massa, a vestibulum orci mauris ac leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent sit amet magna nec nibh consequat imperdiet quis et eros.
Duis ut nisi quis risus placerat vestibulum a et turpis. Cras at dignissim enim. Curabitur tempus sodales magna, a bibendum erat vulputate eget. Sed gravida aliquet semper. Curabitur mi orci, elementum in pretium et, fringilla sed justo. Aenean in lorem et dui mollis fermentum. Duis congue suscipit odio, eget mollis lectus fringilla nec. Proin et condimentum dolor, ut consequat ligula. Vivamus at lorem lectus. Maecenas tristique dui ligula, eu luctus est semper sit amet. Phasellus vestibulum, odio quis commodo pharetra, mi ipsum porttitor turpis, euismod porta purus risus at lectus. Morbi nunc metus, malesuada sit amet convallis non, aliquet ac dolor.
Praesent fermentum, mauris sollicitudin euismod porttitor, leo lacus consectetur nulla, eu fringilla erat neque ac est. Suspendisse at elementum eros, sed molestie orci. Proin mi odio, faucibus eget vehicula ut, fringilla nec nisi. Fusce a imperdiet lectus. Nullam sollicitudin varius lorem eu tristique. Nullam porttitor scelerisque lacus, et blandit enim aliquet et. In placerat tortor vitae sapien posuere lobortis. Morbi sed lacinia eros. In rutrum eros est, id volutpat lacus imperdiet vel. Duis imperdiet sapien sapien, in sollicitudin tortor tristique vel. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

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

</center><p><strong><br></strong></p>
            </div>
        </div>[/html]

Код:
<div class="post-box">
            <div id="p940-content" class="post-content">
            <p><strong></strong></p><style type="text/css">

#artic { position: relative; width: 350px; height: 250px; bottom: -60px; overflow: hidden; }

#artic .monkeys { width: 350px; height: 250px; bottom: -220px; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; position: absolute; }

#artic:hover .monkeys { bottom: 0px; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; }

</style><center>

<div style="width: 350px; height: 350px; padding: 20px; background-color: #eee;">

<div style="width: 350px; height: 310px; background-image: url(http://placehold.it/350x310); border-top: 20px solid #222; border-bottom: 20px solid #222;">

<div id="artic"><div class="monkeys"><div style="width: 330px; background-color: #fff; padding: 10px; font-family: courier; text-transform: uppercase; letter-spacing: 2px; font-size: 9px; text-align: center; line-height: 150%;">- Tonight, take me to the other side -</div>

<div style="width: 330px; height: 195px; padding: 10px; background-color: #fff;"><div style="width: 320px; height: 195px; padding: 0px; background-color: white; color: black; text-align: justify; font-size: 10px; line-height: 120%; font-family: arial; overflow: auto; padding-right: 5px; ">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien lacus, blandit ut nulla in, commodo mattis ipsum. Sed venenatis odio accumsan ante posuere luctus. Vestibulum vel turpis tincidunt, congue sem ac, interdum ante. In ac nisi libero. Sed sodales magna enim, a ornare sem volutpat eu. Pellentesque eu turpis sapien. Nam pellentesque ullamcorper sagittis. Ut elementum, eros in vulputate posuere, neque lacus eleifend massa, a vestibulum orci mauris ac leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent sit amet magna nec nibh consequat imperdiet quis et eros.
Duis ut nisi quis risus placerat vestibulum a et turpis. Cras at dignissim enim. Curabitur tempus sodales magna, a bibendum erat vulputate eget. Sed gravida aliquet semper. Curabitur mi orci, elementum in pretium et, fringilla sed justo. Aenean in lorem et dui mollis fermentum. Duis congue suscipit odio, eget mollis lectus fringilla nec. Proin et condimentum dolor, ut consequat ligula. Vivamus at lorem lectus. Maecenas tristique dui ligula, eu luctus est semper sit amet. Phasellus vestibulum, odio quis commodo pharetra, mi ipsum porttitor turpis, euismod porta purus risus at lectus. Morbi nunc metus, malesuada sit amet convallis non, aliquet ac dolor.
Praesent fermentum, mauris sollicitudin euismod porttitor, leo lacus consectetur nulla, eu fringilla erat neque ac est. Suspendisse at elementum eros, sed molestie orci. Proin mi odio, faucibus eget vehicula ut, fringilla nec nisi. Fusce a imperdiet lectus. Nullam sollicitudin varius lorem eu tristique. Nullam porttitor scelerisque lacus, et blandit enim aliquet et. In placerat tortor vitae sapien posuere lobortis. Morbi sed lacinia eros. In rutrum eros est, id volutpat lacus imperdiet vel. Duis imperdiet sapien sapien, in sollicitudin tortor tristique vel. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

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

</center><p><strong><br></strong></p>
            </div>
        	</div>

0

11

[html]<div class="post-box">
            <div id="p944-content" class="post-content">
            <p><strong></strong></p><style type="text/css">

#bradley { position: relative; width: 200px; height: 200px; overflow: hidden; }

#bradley .cooper { width: 200px; height: 200px; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; position: absolute; }

#bradley:hover .cooper { left: -200px; background-color: #fff; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; }

</style>
<center><link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700" rel="stylesheet" type="text/css">

<div style="width: 200px; height: 220px; padding: 25px; background-color: #fcfcfc;"><div style="width: 200px; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color: #a9b2d1;"><div id="bradley"><div class="cooper"><div style="width: 200px; height: 200px; background-image: url(http://placehold.it/200x200);"></div></div><div style="width: 200px; height: 200px; background-color: #fff;"><div style="height: 10px;"></div><table><tbody><tr><td><div style="width: 50px; height: 50px; background-image: url(http://placehold.it/50x50);"></div></td><td><div style="width: 125px; padding-top: 5px; text-align: left; font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; color: #222; line-height: 22px; font-size: 20px;">username</div><div style="width: 125px; height: 30px; font-family: cambria; font-style: italic; font-size: 9px; line-height: 12px; text-transform: lowercase; color: #222; text-align: left;">status goes right here. status goes right here.</div></td></tr></tbody></table><div style="width: 160px; height: 95px; padding: 10px; background-color: #fcfcfc; color: #222; text-align: justify; font-family: cambria; line-height: 120%; font-size: 10px; border-bottom: 1px dotted #222;"><div style="width: 155px; padding-right: 5px; height: 95px; overflow: auto;">all of your skype conversation will go right in here. you can put <i>italics</i> or <b>bold</b> certain things. this box will scroll so don't worry about squishing everything in!</div></div></div></div></div></div>

</center><p><strong><br></strong></p>
            </div>
        </div>[/html]

Код:
<div class="post-box">
            <div id="p944-content" class="post-content">
            <p><strong></strong></p><style type="text/css">

#bradley { position: relative; width: 200px; height: 200px; overflow: hidden; }

#bradley .cooper { width: 200px; height: 200px; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; position: absolute; }

#bradley:hover .cooper { left: -200px; background-color: #fff; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; }

</style>
<center><link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700" rel="stylesheet" type="text/css">

<div style="width: 200px; height: 220px; padding: 25px; background-color: #fcfcfc;"><div style="width: 200px; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color: #a9b2d1;"><div id="bradley"><div class="cooper"><div style="width: 200px; height: 200px; background-image: url(http://placehold.it/200x200);"></div></div><div style="width: 200px; height: 200px; background-color: #fff;"><div style="height: 10px;"></div><table><tbody><tr><td><div style="width: 50px; height: 50px; background-image: url(http://placehold.it/50x50);"></div></td><td><div style="width: 125px; padding-top: 5px; text-align: left; font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; color: #222; line-height: 22px; font-size: 20px;">username</div><div style="width: 125px; height: 30px; font-family: cambria; font-style: italic; font-size: 9px; line-height: 12px; text-transform: lowercase; color: #222; text-align: left;">status goes right here. status goes right here.</div></td></tr></tbody></table><div style="width: 160px; height: 95px; padding: 10px; background-color: #fcfcfc; color: #222; text-align: justify; font-family: cambria; line-height: 120%; font-size: 10px; border-bottom: 1px dotted #222;"><div style="width: 155px; padding-right: 5px; height: 95px; overflow: auto;">all of your skype conversation will go right in here. you can put <i>italics</i> or <b>bold</b> certain things. this box will scroll so don't worry about squishing everything in!</div></div></div></div></div></div>

</center><p><strong><br></strong></p>
            </div>
        	</div>

0

12

[html]<div class="post-box">
            <div id="p952-content" class="post-content">
            <p><strong></strong></p><style type="text/css">
.lolkurt { width: 260px; height: 460px; background-color: #fafafa; padding: 20px; position: relative; overflow: hidden; border-radius: 100px;}
.lolkurt .lolblaine { width: 300px; height: 200px; background-image: url(http://i.imgur.com/qqesfr4.png); background-position: top; position: absolute; top: 0px; left: 0px; transition-duration: 2s; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; }
.lolkurt:hover .lolblaine { top: -350px; left: 0px; }
.lolkurt .lolmarried { width: 300px; height: 300px; background-image: url(http://i.imgur.com/qqesfr4.png); background-position: bottom; position: absolute; bottom: 0px; left: 0px; transition-duration: 2s; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s;  }
.lolkurt:hover .lolmarried { bottom: -450px; left: 0px;}
.lolname { width: 200px; font-family: cambria, serif; font-size: 15px; font-style: italic; text-transform: lowercase; line-height: 100%; background-color: #fff; color: #222; border-bottom: 3px solid #dbeff1; padding-top: 10px; padding-bottom: 10px; }
.lolmarried .lolname { position: absolute; bottom: 100px; left: 50px; }
.lolscroll::-webkit-scrollbar { width: 5px; height: 5px; }
.lolscroll::-webkit-scrollbar-track { background-color: #fff; }
.lolscroll::-webkit-scrollbar-thumb { background-color: #dbeff1; }
</style>

<center>

<div style="width: 300px; padding: 50px; background-image: url(http://i45.tinypic.com/9s4f3d.jpg); border: 1px solid #dbeff1;"><div class="lolkurt">
<div style="width: 260px; height: 150px; background-image: url(http://i.imgur.com/iIClmw4.png); border-radius: 100px 100px 0px 0px;"></div>
<div style="width: 260px; padding-top: 10px; padding-bottom: 10px; background-color: #dbeff1; color: #555; font-family: arial, sans-serif; font-size: 7px; text-transform: uppercase; line-height: 100%; text-align: center;">26 | lower class | freelance photographer</div>
<div style="width: 255px; padding-right: 5px; margin-top: 10px; text-align: justify; font-family: cambria, serif; font-size: 10px; line-height: 100%; color: #222; height: 200px; overflow: auto;" class="lolscroll">

lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here

</div>
<div class="lolblaine"></div>
<div class="lolmarried">
<div class="lolname">nathan campbell.</div>
</div>
</div>
</div>
</center><p><strong><br></strong></p>
            </div>
        </div>[/html]

Код:
<div class="post-box">
            <div id="p952-content" class="post-content">
            <p><strong></strong></p><style type="text/css">
.lolkurt { width: 260px; height: 460px; background-color: #fafafa; padding: 20px; position: relative; overflow: hidden; border-radius: 100px;}
.lolkurt .lolblaine { width: 300px; height: 200px; background-image: url(http://i.imgur.com/qqesfr4.png); background-position: top; position: absolute; top: 0px; left: 0px; transition-duration: 2s; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; }
.lolkurt:hover .lolblaine { top: -350px; left: 0px; }
.lolkurt .lolmarried { width: 300px; height: 300px; background-image: url(http://i.imgur.com/qqesfr4.png); background-position: bottom; position: absolute; bottom: 0px; left: 0px; transition-duration: 2s; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s;  }
.lolkurt:hover .lolmarried { bottom: -450px; left: 0px;}
.lolname { width: 200px; font-family: cambria, serif; font-size: 15px; font-style: italic; text-transform: lowercase; line-height: 100%; background-color: #fff; color: #222; border-bottom: 3px solid #dbeff1; padding-top: 10px; padding-bottom: 10px; }
.lolmarried .lolname { position: absolute; bottom: 100px; left: 50px; }
.lolscroll::-webkit-scrollbar { width: 5px; height: 5px; }
.lolscroll::-webkit-scrollbar-track { background-color: #fff; }
.lolscroll::-webkit-scrollbar-thumb { background-color: #dbeff1; }
</style>

<center>

<div style="width: 300px; padding: 50px; background-image: url(http://i45.tinypic.com/9s4f3d.jpg); border: 1px solid #dbeff1;"><div class="lolkurt">
<div style="width: 260px; height: 150px; background-image: url(http://i.imgur.com/iIClmw4.png); border-radius: 100px 100px 0px 0px;"></div>
<div style="width: 260px; padding-top: 10px; padding-bottom: 10px; background-color: #dbeff1; color: #555; font-family: arial, sans-serif; font-size: 7px; text-transform: uppercase; line-height: 100%; text-align: center;">26 | lower class | freelance photographer</div>
<div style="width: 255px; padding-right: 5px; margin-top: 10px; text-align: justify; font-family: cambria, serif; font-size: 10px; line-height: 100%; color: #222; height: 200px; overflow: auto;" class="lolscroll">

lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here 

</div>
<div class="lolblaine"></div>
<div class="lolmarried">
<div class="lolname">nathan campbell.</div>
</div>
</div>
</div>
</center><p><strong><br></strong></p>
            </div>
        	</div>

0

13

[html]<div class="post-box">
            <div id="p1005-content" class="post-content">
            <p><strong></strong></p><style type="text/css">
#beckyy { width: 400px; height: 400px; position: relative; overflow: hidden;}
#beckyy .sucks { -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s; position: absolute; left: -160px; bottom: 0px; width: 180px; height: 400px;opacity: .95 }
#beckyy:hover .sucks { -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s; left: 0px; opacity: .95}
.lolbeckys::-webkit-scrollbar { width: 5px; background-color: transparent; }
.lolbeckys::-webkit-scrollbar-track { width: 5px; background-color: transparent; }
.lolbeckys::-webkit-scrollbar-thumb { background-color: #555 }
</style>

<center><div style="width: 400px; background-color: #f0f0f0; padding: 40px"><div style="width: 400px; height: 400px; background-image: url(http://i.imgur.com/hAAqinD.png)"><div id="beckyy"><div class="sucks"><div style="width: 160px; height: 380px; padding: 10px; background-color: #fafafa"><div style="width: 160px; font-family: cambria; font-size: 15px; text-align: center; font-style: italic; color: #555; word-spacing: 3px; line-height: 100%; font-weight: lighter; letter-spacing: -1px; margin-top: -5px">hold your horses now</div><div style="width: 150px; height: 1px; background-color: #555; margin-top: 5px"></div><div style="width: 160px; font-family: cambria; font-size: 13px; text-align: center; font-style: italic; color: #555; word-spacing: 1px; line-height: 100%; font-weight: lighter; letter-spacing: -1px; margin-top: 5px">sleep until the sun goes down</div><div style="width: 70px; height: 1px; background-color: #555; margin-top: 9px; margin-bottom: 15px;"></div>

<div style="width: 155px; height: 320px; padding-right: 5px; overflow: auto; font-family: cambria; font-size: 9px; line-height: 100%; color: #555; text-align: justify" class="lolbeckys">

post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk

</div></div></div></div></div></div></center><p><strong><br></strong></p>
            </div>
        </div>[/html]

Код:
<div class="post-box">
            <div id="p1005-content" class="post-content">
            <p><strong></strong></p><style type="text/css">
#beckyy { width: 400px; height: 400px; position: relative; overflow: hidden;}
#beckyy .sucks { -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s; position: absolute; left: -160px; bottom: 0px; width: 180px; height: 400px;opacity: .95 }
#beckyy:hover .sucks { -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s; left: 0px; opacity: .95}
.lolbeckys::-webkit-scrollbar { width: 5px; background-color: transparent; }
.lolbeckys::-webkit-scrollbar-track { width: 5px; background-color: transparent; }
.lolbeckys::-webkit-scrollbar-thumb { background-color: #555 }
</style>

<center><div style="width: 400px; background-color: #f0f0f0; padding: 40px"><div style="width: 400px; height: 400px; background-image: url(http://i.imgur.com/hAAqinD.png)"><div id="beckyy"><div class="sucks"><div style="width: 160px; height: 380px; padding: 10px; background-color: #fafafa"><div style="width: 160px; font-family: cambria; font-size: 15px; text-align: center; font-style: italic; color: #555; word-spacing: 3px; line-height: 100%; font-weight: lighter; letter-spacing: -1px; margin-top: -5px">hold your horses now</div><div style="width: 150px; height: 1px; background-color: #555; margin-top: 5px"></div><div style="width: 160px; font-family: cambria; font-size: 13px; text-align: center; font-style: italic; color: #555; word-spacing: 1px; line-height: 100%; font-weight: lighter; letter-spacing: -1px; margin-top: 5px">sleep until the sun goes down</div><div style="width: 70px; height: 1px; background-color: #555; margin-top: 9px; margin-bottom: 15px;"></div>

<div style="width: 155px; height: 320px; padding-right: 5px; overflow: auto; font-family: cambria; font-size: 9px; line-height: 100%; color: #555; text-align: justify" class="lolbeckys">

post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk post goes here and stuff idk 

</div></div></div></div></div></div></center><p><strong><br></strong></p>
            </div>
        	</div>

0

14

[html]<div class="post-box">
            <div id="p1035-content" class="post-content">
            <p><strong></strong></p><center><link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" rel="stylesheet" type="text/css">

<style type="text/css">
#mainn { width: 260px; height: 260px; background: #eee; position: relative; overflow: hidden; }

#mainn .insider { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 2S ALL EASE-IN-OUT; O-TRANSITION: 2S ALL EASE-IN-OUT; position: absolute; width: 220px; height: 220px; background: #fff; padding: 20px; }

#mainn:hover .insider { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 2S ALL EASE-IN-OUT; O-TRANSITION: 2S ALL EASE-IN-OUT; left: -320px;}
</style>

<div style="width: 260px; padding: 10px; background: #fff; border: 25px solid #000">

<div id="mainn">
<div class="insider">

<img src="http://media.tumblr.com/ab7290b1ba3bb13bf7414f31b8b10f51/tumblr_inline_mgiwuyd9Ow1r2u1am.gif" width="90px" style="-moz-border-radius: 100%; -webkit-border-radius: 100%; -moz-box-shadow: 0px 2px 0px #bb4f65; -webkit-box-shadow: 0px 2px 0px #bb4f65; border: 5px solid #000;">

<div style="font: 6px arial; text-align: justify; text-transform: uppercase; letter-spacing: 2px; word-spacing: 1px; color: #000; line-height: 100%; padding-top: 10px; width: 200px;">THERE NOW, STEADY LOVE, SO FEW COME AND DON'T GO WILL YOU, WON'T YOU BE THE ONE I'LL ALWAYS KNOW? WHEN I'M LOSING MY CONTROL, THE CITY SPINS AROUND YOU'RE THE ONLY ONE WHO KNOWS, YOU SLOW IT DOWN OH, OH, OH OH, OH, OH BE MY BABY i'll</div>

<div style="font: 55px 'Yanone Kaffeesatz', sans-serif; text-align: center; text-transform: uppercase; letter-spacing: -4px; color: #000; line-height: 90%; padding: 0px 0px 5px 0px; width: 220px; border-bottom: 5px solid #bb4f65">look after you</div>

</div>

<div style="width: 240px; height: 240px; background: #000; padding: 10px">

<div style="font: 40px 'Yanone Kaffeesatz', sans-serif; text-align: center; text-transform: uppercase; letter-spacing: -2px; color: #fff; line-height: 90%; padding: 0px 0px 5px 0px; width: 220px; border-bottom: 5px solid #bb4f65">colette baudin</div>

<div style="width: 215px; height: 175px; background: #000; color: #fff; text-align: justify; text-transform: lowercase; font: 10px arial; line-height: 120%; margin-top: 8px; padding-right: 5px; overflow: auto">

french (fluent + has a pretty accent yeeey), 20 yrs, international socialite/student at nyu studying photography and design based off summer from the o.c. (group wanted ad yo!) -- sassy, rich, shallow (mont. ally + her mom is a famous fasion designer), she's genuine tho, bubbly, clumsy &amp; seems a bit dumb but she's smart okay<br><br>
her bff is eleanor evans, and they've been that way since the start of high school pretty much. while coco is quite a bit sassy and shallow, she's a good friend. she's loyal and trustworthy, and sometimes too blunt for her own good -- ya she's gonna take you shopping or dress you if she dun like -- but like i said, she's a really good friend. plus she has a fun and bubbly personality if you can get past her blonde and conceited moments lol; she's always open to new friends of any type really, she's just really sociable and talkative hotay!<br>
there will be enemies all over i'd imagine. her family is aligned with the montgomery's, though she doesn't really claim them? she's her own person~ but she is shallow as i've stated, so she's not everyone's cup of tea obviously. i love drama, though, so i'm pm down for anything here.<br><br>
loverrrrrs. so going with the whole o.c. group plot, she's going to eventually fall for parker reed (played by cait), so no final for her dats covered. buttttt past/exes/whatever are totes okay. hit me upppp &lt;3<br><!--3--><br>
read her app for more if ya want c:

</div>

</div>

</div>
</div></center><p><strong><br></strong></p>
            </div>
        </div>[/html]

Код:
<div class="post-box">
            <div id="p1035-content" class="post-content">
            <p><strong></strong></p><center><link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" rel="stylesheet" type="text/css">

<style type="text/css">
#mainn { width: 260px; height: 260px; background: #eee; position: relative; overflow: hidden; }

#mainn .insider { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 2S ALL EASE-IN-OUT; O-TRANSITION: 2S ALL EASE-IN-OUT; position: absolute; width: 220px; height: 220px; background: #fff; padding: 20px; }

#mainn:hover .insider { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 2S ALL EASE-IN-OUT; O-TRANSITION: 2S ALL EASE-IN-OUT; left: -320px;}
</style>

<div style="width: 260px; padding: 10px; background: #fff; border: 25px solid #000">

<div id="mainn">
<div class="insider">

<img src="http://media.tumblr.com/ab7290b1ba3bb13bf7414f31b8b10f51/tumblr_inline_mgiwuyd9Ow1r2u1am.gif" width="90px" style="-moz-border-radius: 100%; -webkit-border-radius: 100%; -moz-box-shadow: 0px 2px 0px #bb4f65; -webkit-box-shadow: 0px 2px 0px #bb4f65; border: 5px solid #000;">

<div style="font: 6px arial; text-align: justify; text-transform: uppercase; letter-spacing: 2px; word-spacing: 1px; color: #000; line-height: 100%; padding-top: 10px; width: 200px;">THERE NOW, STEADY LOVE, SO FEW COME AND DON'T GO WILL YOU, WON'T YOU BE THE ONE I'LL ALWAYS KNOW? WHEN I'M LOSING MY CONTROL, THE CITY SPINS AROUND YOU'RE THE ONLY ONE WHO KNOWS, YOU SLOW IT DOWN OH, OH, OH OH, OH, OH BE MY BABY i'll</div>

<div style="font: 55px 'Yanone Kaffeesatz', sans-serif; text-align: center; text-transform: uppercase; letter-spacing: -4px; color: #000; line-height: 90%; padding: 0px 0px 5px 0px; width: 220px; border-bottom: 5px solid #bb4f65">look after you</div>

</div>

<div style="width: 240px; height: 240px; background: #000; padding: 10px">

<div style="font: 40px 'Yanone Kaffeesatz', sans-serif; text-align: center; text-transform: uppercase; letter-spacing: -2px; color: #fff; line-height: 90%; padding: 0px 0px 5px 0px; width: 220px; border-bottom: 5px solid #bb4f65">colette baudin</div>

<div style="width: 215px; height: 175px; background: #000; color: #fff; text-align: justify; text-transform: lowercase; font: 10px arial; line-height: 120%; margin-top: 8px; padding-right: 5px; overflow: auto">

french (fluent + has a pretty accent yeeey), 20 yrs, international socialite/student at nyu studying photography and design based off summer from the o.c. (group wanted ad yo!) -- sassy, rich, shallow (mont. ally + her mom is a famous fasion designer), she's genuine tho, bubbly, clumsy &amp; seems a bit dumb but she's smart okay<br><br>
her bff is eleanor evans, and they've been that way since the start of high school pretty much. while coco is quite a bit sassy and shallow, she's a good friend. she's loyal and trustworthy, and sometimes too blunt for her own good -- ya she's gonna take you shopping or dress you if she dun like -- but like i said, she's a really good friend. plus she has a fun and bubbly personality if you can get past her blonde and conceited moments lol; she's always open to new friends of any type really, she's just really sociable and talkative hotay!<br>
there will be enemies all over i'd imagine. her family is aligned with the montgomery's, though she doesn't really claim them? she's her own person~ but she is shallow as i've stated, so she's not everyone's cup of tea obviously. i love drama, though, so i'm pm down for anything here.<br><br>
loverrrrrs. so going with the whole o.c. group plot, she's going to eventually fall for parker reed (played by cait), so no final for her dats covered. buttttt past/exes/whatever are totes okay. hit me upppp &lt;3<br><!--3--><br>
read her app for more if ya want c:

</div>

</div>

</div>
</div></center><p><strong><br></strong></p>
            </div>
        	</div>

0

15

[html]<div class="post-box">
            <div id="p1071-content" class="post-content">
            <p><strong></strong></p><center><link href="http://fonts.googleapis.com/css?family=Lobster|Lobster+Two" rel="stylesheet" type="text/css">

<style type="text/css">
.bg2 { width: 417px; padding: 0px 0px 0px 5px; background-color: #d69528; }
.title { width: 417px; padding: 6px 0px 10px 0px; background-color: #d30848; font: 60px lobster; text-align: center; text-transform: lowercase; letter-spacing: -3px; color: #fff; }
.background { background-color: #fff; border-bottom: 40px solid #931726; border-right: 40px solid #931726; padding: 10px; width: 357px; }
.picture { background-image: url(http://i.imgur.com/I29EK.png); width: 190px; height: 250px; float: left }
.dimensions { width: 356px; height: 250px; }
.blurb { height: 220px; padding-right: 3px; width: 133px; background-color: #310d0d; border: 15px solid #310d0d; float: right; font: 9px georgia; text-align: justify; line-height: 90%; color: #fff; overflow: auto }
::-webkit-scrollbar {height: 12px;width: 10px;background: #fff;}
::-webkit-scrollbar-thumb {background: #d69528;}
::-webkit-scrollbar-corner {background: #fff;}
</style>

<div class="bg2"><div class="title">a kiss on the lips</div><div class="background"><div class="dimensions"><div class="picture"></div><div class="blurb">This is Nadda's character. I'm not exactly sure what her name is or how old she is... Really nothing about her now that I think about it. BUT I do know that this is Dianna Agron's face she is using. This code is also by Kristen. It features the font Lobster and the colors white, grey, green, and pink! OH and it also has a scroll bar that is green with a white track. How fancy! lol This is Nadda's character. I'm not exactly sure what her name is or how old she is... Really nothing about her now that I think about it. BUT I do know that this is Dianna Agron's face she is using. This code is also by Kristen. It features the font Lobster and the colors white, grey, green, and pink! OH and it also has a scroll bar that is green with a white track. How fancy! lol This is Nadda's character. I'm not exactly sure what her name is or how old she is... Really nothing about her now that I think about it. BUT I do know that this is Dianna Agron's face she is using. This code is also by Kristen. It features the font Lobster and the colors white, grey, green, and pink! OH and it also has a scroll bar that is green with a white track. How fancy! lol </div></div></div></div>

</center><p><strong><br></strong></p>
            </div>
        </div>[/html]

Код:
<div class="post-box">
            <div id="p1071-content" class="post-content">
            <p><strong></strong></p><center><link href="http://fonts.googleapis.com/css?family=Lobster|Lobster+Two" rel="stylesheet" type="text/css">

<style type="text/css">
.bg2 { width: 417px; padding: 0px 0px 0px 5px; background-color: #d69528; }
.title { width: 417px; padding: 6px 0px 10px 0px; background-color: #d30848; font: 60px lobster; text-align: center; text-transform: lowercase; letter-spacing: -3px; color: #fff; }
.background { background-color: #fff; border-bottom: 40px solid #931726; border-right: 40px solid #931726; padding: 10px; width: 357px; }
.picture { background-image: url(http://i.imgur.com/I29EK.png); width: 190px; height: 250px; float: left }
.dimensions { width: 356px; height: 250px; }
.blurb { height: 220px; padding-right: 3px; width: 133px; background-color: #310d0d; border: 15px solid #310d0d; float: right; font: 9px georgia; text-align: justify; line-height: 90%; color: #fff; overflow: auto }
::-webkit-scrollbar {height: 12px;width: 10px;background: #fff;}
::-webkit-scrollbar-thumb {background: #d69528;}
::-webkit-scrollbar-corner {background: #fff;}
</style>

<div class="bg2"><div class="title">a kiss on the lips</div><div class="background"><div class="dimensions"><div class="picture"></div><div class="blurb">This is Nadda's character. I'm not exactly sure what her name is or how old she is... Really nothing about her now that I think about it. BUT I do know that this is Dianna Agron's face she is using. This code is also by Kristen. It features the font Lobster and the colors white, grey, green, and pink! OH and it also has a scroll bar that is green with a white track. How fancy! lol This is Nadda's character. I'm not exactly sure what her name is or how old she is... Really nothing about her now that I think about it. BUT I do know that this is Dianna Agron's face she is using. This code is also by Kristen. It features the font Lobster and the colors white, grey, green, and pink! OH and it also has a scroll bar that is green with a white track. How fancy! lol This is Nadda's character. I'm not exactly sure what her name is or how old she is... Really nothing about her now that I think about it. BUT I do know that this is Dianna Agron's face she is using. This code is also by Kristen. It features the font Lobster and the colors white, grey, green, and pink! OH and it also has a scroll bar that is green with a white track. How fancy! lol </div></div></div></div>

</center><p><strong><br></strong></p>
            </div>
        	</div>

0

16

[html]<div class="post-box">
            <div id="p1031-content" class="post-content">
            <p><strong></strong></p><center><link href="http://fonts.googleapis.com/css?family=Raleway:100" rel="stylesheet" type="text/css">

<div style="width: 338px; font: 11px trebuchet ms; text-align: justify; line-height: 90%; padding: 11px 11px 1px 11px; border: 20px solid black; background-color: #fff">

<div style="font: 50px raleway; color: #a8a800; text-align: center; text-transform: uppercase; line-height: 80%; letter-spacing: -6px; padding-bottom: 9px; position: relative; right: 4px; word-spacing: 5px; ">easy now, love</div>

<div style="width: 160px; height: 197px; float: left; margin: 2px 11px 2px 0px"><div style="width: 96px; height: 10px; background-color: #cccc00; border-right: 64px solid #a8a800"></div><div style="width: 160px; height: 150px; background-image: url(http://media.tumblr.com/b495e75b2cbfcd0 … qz4rgp.gif); border-top: 7px solid black"></div>

<div style="background-color: #000; font: 7px arial; padding: 5px; width: 150px; height: 7px; overflow: auto; text-align: center; text-transform: uppercase; line-height: 100%; letter-spacing: 1px; color: white">words: 0000 tagged: tag</div>

<div style="width: 96px; height: 10px; background-color: #cccc00; border-left: 64px solid #a8a800"></div></div>

Misha's main problems existed within the Hogwart's Castle. Misha was adjusting well, she thought, for a girl that was forced to go to a new place at the root of all evil to be hit upon and looked down upon for her impure blood. She believed in her blood, though, and most importantly, herself and her image. Misha was not going to let anyone tell her that she was not as good as the rest, but she would not challenge them. Misha preferred to work backwards, start in ways that no one would suspect. She was sweet, so she would never call anyone out or make fun of them (whatever it may be) but would not let it go, either. She was cunning and sometimes her temper got the best her, which was quite common for veelas (even only one-eighth blood veelas). Adding a line to make it scroll herp derp. Misha's main problems existed within the Hogwart's Castle. Misha was adjusting well, she thought, for a girl that was forced to go to a new place at the root of all evil to be hit upon and looked down upon for her impure blood. She believed in her blood, though, and most importantly, herself and her image. Misha was not going to let anyone tell her that she was not as good as the rest, but she would not challenge them. Misha preferred to work backwards, start in ways that no one would suspect. She was sweet, so she would never call anyone out or make fun of them (whatever it may be) but would not let it go, either. She was cunning and sometimes her temper got the best her, which was quite common for veelas (even only one-eighth blood veelas). Adding a line to make it scroll herp derp.<p>

</div>
        </div>[/html]

Код:
<div class="post-box">
            <div id="p1031-content" class="post-content">
            <p><strong></strong></p><center><link href="http://fonts.googleapis.com/css?family=Raleway:100" rel="stylesheet" type="text/css">

<div style="width: 338px; font: 11px trebuchet ms; text-align: justify; line-height: 90%; padding: 11px 11px 1px 11px; border: 20px solid black; background-color: #fff">

<div style="font: 50px raleway; color: #a8a800; text-align: center; text-transform: uppercase; line-height: 80%; letter-spacing: -6px; padding-bottom: 9px; position: relative; right: 4px; word-spacing: 5px; ">easy now, love</div>

<div style="width: 160px; height: 197px; float: left; margin: 2px 11px 2px 0px"><div style="width: 96px; height: 10px; background-color: #cccc00; border-right: 64px solid #a8a800"></div><div style="width: 160px; height: 150px; background-image: url(http://media.tumblr.com/b495e75b2cbfcd0f1d4d41cc07ef2f6e/tumblr_inline_miv0gy76rB1qz4rgp.gif); border-top: 7px solid black"></div>

<div style="background-color: #000; font: 7px arial; padding: 5px; width: 150px; height: 7px; overflow: auto; text-align: center; text-transform: uppercase; line-height: 100%; letter-spacing: 1px; color: white">words: 0000 tagged: tag</div>

<div style="width: 96px; height: 10px; background-color: #cccc00; border-left: 64px solid #a8a800"></div></div>

Misha's main problems existed within the Hogwart's Castle. Misha was adjusting well, she thought, for a girl that was forced to go to a new place at the root of all evil to be hit upon and looked down upon for her impure blood. She believed in her blood, though, and most importantly, herself and her image. Misha was not going to let anyone tell her that she was not as good as the rest, but she would not challenge them. Misha preferred to work backwards, start in ways that no one would suspect. She was sweet, so she would never call anyone out or make fun of them (whatever it may be) but would not let it go, either. She was cunning and sometimes her temper got the best her, which was quite common for veelas (even only one-eighth blood veelas). Adding a line to make it scroll herp derp. Misha's main problems existed within the Hogwart's Castle. Misha was adjusting well, she thought, for a girl that was forced to go to a new place at the root of all evil to be hit upon and looked down upon for her impure blood. She believed in her blood, though, and most importantly, herself and her image. Misha was not going to let anyone tell her that she was not as good as the rest, but she would not challenge them. Misha preferred to work backwards, start in ways that no one would suspect. She was sweet, so she would never call anyone out or make fun of them (whatever it may be) but would not let it go, either. She was cunning and sometimes her temper got the best her, which was quite common for veelas (even only one-eighth blood veelas). Adding a line to make it scroll herp derp.<p>

</div>
        	</div>

0

17

[html]<!--HTML--><style type="text/css">#angel {width: 450px; height: 300px;position: relative; overflow: hidden;}

#angel .free{ -webkit-transition: 2s all ease-in; -moz-transition: 2s all ease-in; -o-transition: 2s all ease-in; transition: 2s all ease-in; position: absolute; left: 0px; width: 225px; height: 300px;}

#angel:hover .free {-webkit-transition: 2s all ease-in; -moz-transition: 2s all ease-in; -o-transition: 2s all ease-in; transition: 2s all ease-in; left: -225px;}

#angel .above { -webkit-transition: 2s all ease-in; -moz-transition: 2s all ease-in; -o-transition: 2s all ease-in; transition: 2s all ease-in; position: absolute;  right: 0px; width: 225px; height: 300px;}

#angel:hover .above {-webkit-transition: 2s all ease-in; -moz-transition: 2s all ease-in; -o-transition: 2s all ease-in; transition: 2s all ease-in; position:absolute; right: -225px;} </style>

<center><div style="width: 450px; background: #2c2c2c; padding: 15px; border: 1px solid #ccc">
<div id="angel">
<div class="free">
<img src="http://funkyimg.com/i/2u8FK.png">

</div>

<div class="above">
<div style="padding: 20px; width: 185px; height: 260px; background: #f1f1f1; color: #ccc; overflow: hidden">

<div style="width: 185px; height: 2px; border-bottom: 5px solid #AAB3AB"></div>

<div style="width: 185px; height: 2px; border-bottom: 5px solid #C4CBB7"></div>

<div style="width: 185px; height: 2px; border-bottom: 5px solid #ebefc9"></div>

<div style="width: 185px; height: 2px; border-bottom: 5px solid #EEE0B7"></div>

<div style="width: 185px; height: 2px; border-bottom: 5px solid #E8CAAF"></div>

<div style="width: 185px; height: 2px; border-bottom: 5px solid #EEE0B7"></div><div style="width: 185px; height: 2px; border-bottom: 5px solid #ffffff"></div>

<div style="height: 2px"></div><div style="padding: 10px; text-align:justify; height: 40px; overflow: auto; font-family: tahoma; font-size: 8px; text-transform: uppercase; word-spacing: 3px; color: #2c2c2c"> НЕВЬЕБИЧЕСКАЯ ЦИТАТА КАКОГО-ТО НЕВЬЕБИЧЕСКОГО ЧУВАКА </div><div style="height: 2px; border-bottom: 1px solid #ccc"></div>

<div style="text-align:center; font-family: tahoma; font-size: 8px; text-transform: uppercase; word-spacing: 3px; color: #2c2c2c"> <b>Leader:</b> Spark | Спарк.</div>

<div style="height: 2px; border-bottom: 1px solid #ccc"></div>

<div style="height: 2px; border-bottom: 1px solid #ccc"></div>

<div style="text-align:center; font-family: tahoma; font-size: 8px; text-transform: uppercase; word-spacing: 3px; color: #2c2c2c"> <b>Symbol:</b> Zapdos. </div>

<div style="height: 2px; border-bottom: 1px solid #ccc"></div>

<div style="height: 2px; border-bottom: 1px solid #ccc"></div>

<div style="text-align:center; font-family: tahoma; font-size: 8px; text-transform: uppercase; word-spacing: 3px; color: #2c2c2c"> <b>Creed:</b> КРЕДОАЗАЗАЗИНА </div>

<div style="height: 2px; border-bottom: 1px solid #ccc"></div> <div style="height: 2px"></div><div style="width: 185px; height: 100px; background:url(http://funkyimg.com/i/2u8Md.png)"></div> <div style="height: 2px; border-bottom: 1px solid #ccc"></div>

</div></div>

<div style="width: 430px; background: url(http://funkyimg.com/i/2u8Gn.png); border-bottom: 15px solid #fff; height: 285px; padding: 10px;"><div style="padding: 10px; border-right: 5px solid #2c2c2c; width: 375px; height: 255px; background: #f1f1f1; color: #2c2c2c;"><div style="overflow: auto; width: 375px; height: 255px; font-family: times; font-size: 12px">

<table><tr><td><center>❖ <b>Описание:</b></center>
В команду Инстинкт вступают тренеры, так же, как Спарк, полагающиеся на свое внутреннее чутье, интуицию, инстинкты и так далее. Они словно ищут ответ, как поймать, как тренировать и как драться, внутри себя. Некоторые развивают этот талант настолько, что становятся почти ясновидцами.<br>
Если Вы доверяете своим чувствам, инстинктам и полагаетесь на них при каждом своем выборе - милости просим.

</td><td><center>❖ <b>Состав:</b></center>
<b>Лидер:</b> Спарк.<br>
<b>Заместитель:</b> <br>
и тыды и тыпы</td></tr></table>

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

</div></div>
</center>[/html]

Код:
<!--HTML--><style type="text/css">#angel {width: 450px; height: 300px;position: relative; overflow: hidden;}

#angel .free{ -webkit-transition: 2s all ease-in; -moz-transition: 2s all ease-in; -o-transition: 2s all ease-in; transition: 2s all ease-in; position: absolute; left: 0px; width: 225px; height: 300px;}

#angel:hover .free {-webkit-transition: 2s all ease-in; -moz-transition: 2s all ease-in; -o-transition: 2s all ease-in; transition: 2s all ease-in; left: -225px;}

#angel .above { -webkit-transition: 2s all ease-in; -moz-transition: 2s all ease-in; -o-transition: 2s all ease-in; transition: 2s all ease-in; position: absolute;  right: 0px; width: 225px; height: 300px;}

#angel:hover .above {-webkit-transition: 2s all ease-in; -moz-transition: 2s all ease-in; -o-transition: 2s all ease-in; transition: 2s all ease-in; position:absolute; right: -225px;} </style>

<center><div style="width: 450px; background: #2c2c2c; padding: 15px; border: 1px solid #ccc">
<div id="angel">
<div class="free">
<img src="http://funkyimg.com/i/2u8FK.png">


</div>

<div class="above">
<div style="padding: 20px; width: 185px; height: 260px; background: #f1f1f1; color: #ccc; overflow: hidden"> 

<div style="width: 185px; height: 2px; border-bottom: 5px solid #AAB3AB"></div>

<div style="width: 185px; height: 2px; border-bottom: 5px solid #C4CBB7"></div>

<div style="width: 185px; height: 2px; border-bottom: 5px solid #ebefc9"></div>

<div style="width: 185px; height: 2px; border-bottom: 5px solid #EEE0B7"></div>

<div style="width: 185px; height: 2px; border-bottom: 5px solid #E8CAAF"></div>

<div style="width: 185px; height: 2px; border-bottom: 5px solid #EEE0B7"></div><div style="width: 185px; height: 2px; border-bottom: 5px solid #ffffff"></div>

<div style="height: 2px"></div><div style="padding: 10px; text-align:justify; height: 40px; overflow: auto; font-family: tahoma; font-size: 8px; text-transform: uppercase; word-spacing: 3px; color: #2c2c2c"> НЕВЬЕБИЧЕСКАЯ ЦИТАТА КАКОГО-ТО НЕВЬЕБИЧЕСКОГО ЧУВАКА </div><div style="height: 2px; border-bottom: 1px solid #ccc"></div> 

<div style="text-align:center; font-family: tahoma; font-size: 8px; text-transform: uppercase; word-spacing: 3px; color: #2c2c2c"> <b>Leader:</b> Spark | Спарк.</div>

<div style="height: 2px; border-bottom: 1px solid #ccc"></div> 

<div style="height: 2px; border-bottom: 1px solid #ccc"></div> 

<div style="text-align:center; font-family: tahoma; font-size: 8px; text-transform: uppercase; word-spacing: 3px; color: #2c2c2c"> <b>Symbol:</b> Zapdos. </div>

<div style="height: 2px; border-bottom: 1px solid #ccc"></div> 

<div style="height: 2px; border-bottom: 1px solid #ccc"></div> 

<div style="text-align:center; font-family: tahoma; font-size: 8px; text-transform: uppercase; word-spacing: 3px; color: #2c2c2c"> <b>Creed:</b> КРЕДОАЗАЗАЗИНА </div>

<div style="height: 2px; border-bottom: 1px solid #ccc"></div> <div style="height: 2px"></div><div style="width: 185px; height: 100px; background:url(http://funkyimg.com/i/2u8Md.png)"></div> <div style="height: 2px; border-bottom: 1px solid #ccc"></div>

</div></div>

<div style="width: 430px; background: url(http://funkyimg.com/i/2u8Gn.png); border-bottom: 15px solid #fff; height: 285px; padding: 10px;"><div style="padding: 10px; border-right: 5px solid #2c2c2c; width: 375px; height: 255px; background: #f1f1f1; color: #2c2c2c;"><div style="overflow: auto; width: 375px; height: 255px; font-family: times; font-size: 12px">

<table><tr><td><center>❖ <b>Описание:</b></center>
В команду Инстинкт вступают тренеры, так же, как Спарк, полагающиеся на свое внутреннее чутье, интуицию, инстинкты и так далее. Они словно ищут ответ, как поймать, как тренировать и как драться, внутри себя. Некоторые развивают этот талант настолько, что становятся почти ясновидцами.<br>
Если Вы доверяете своим чувствам, инстинктам и полагаетесь на них при каждом своем выборе - милости просим.

</td><td><center>❖ <b>Состав:</b></center>
<b>Лидер:</b> Спарк.<br>
<b>Заместитель:</b> <br>
и тыды и тыпы</td></tr></table>


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

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

0

18

[html]

- Ты любишь музыку?
- Ты любишь дышать? (с)
Давайте ненадолго прервемся на музыкальную паузу. Нам интересны не только Ваши предпочтения в условиях форума, но и за его пределами. Поэтому в дополнение к интервью каждый наш гость просто обязан рассказать нам о своем любимом музыкальном исполнителе и о его любимой композиции.
Поскольку драма и альтернативная музыка всегда идут рядом, выбор Акселя Миста, заставляющего страдать своего персонажа всеми правдами и неправдами, нас не удивил. Дамы и господа, разрешите представить – «Hollywood Undead».

<!--HTML--><center><center><link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>

<style type="text/css">.mza { width: 320px; text-align:justify; line-height: 100%; font-size: 10px; font-family: Roboto; color: #222 } .mza b{ font-weight: bold; font-family: georgia; font-size: 10px; color: #C8C7C5; line-height: 100%; font-style: italic; } .mza p:first-letter  { font-family: georgia; font-size: 10px; text-transform: uppercase; color: #46485e; line-height: 100%; font-size: 13px; letter-spacing: -1px;} .mza p:first-line { font-family: georgia; font-size: 10px; color: #8E9293;  line-height: 100%; font-size: 13px; letter-spacing: -1px;  } </style>

<div style="width: 438px; padding: 10px; background: #EEEDEB;border-top: 1px dotted #46485e; border-bottom: 15px solid #46485e"><div style="width: 432px; padding: 3px; border-top: 1px solid #8E9293; border-bottom: 1px solid #8E9293"><div style="width: 400px; background: #fff; border: 1px solid #8E9293; padding: 15px;"><div style="margin-bottom: -27px;"><div style="font-family: Orator Std; line-height: 89%; color: #46485e; text-align:center; font-size: 30px;"> better run, here we come </div></div>
<div style="font-family: tahoma; font-size: 8px; color: #333; text-align:justify; text-transform: uppercase; line-height: 100%; padding: 25px; word-spacing: 5px;"> «Hollywood Undead» – музыкальный коллектив из Лос-Анджелеса, существующий с 2005 года. Отличительной чертой этой группы помимо крайне неожиданного сочетания речитатива с рок-музыкой являются их маски, которые участники носят как на фотосессиях, так и на концертах. Символ группы – голубь с гранатой, означающий, что в любом положении есть выбор, за которым своя ответственность.</div>

<div style="width: 300px; height: 6px; border-top: 1px solid #aaa; margin-top: 6px;"></div><div class="mza">

<p>Состав группы:
<br></br>
<i><b>J-Dog</b> [вокал, скрим, ритм-гитара, бас-гитара, клавишные, синтезатор]</i> – получивший свое прозвище за инициалы JD; у его маски «выжжены» глаза, а под ними – кровоподтеки; также нарисован знак доллара, а на лбу – надпись «UNDEAD» и Всевидящее Око.
<br></br>
<i><b>Da Kurlzz</b> [скрим, вокал, ударные, перкуссия]</i> – мужчина с кудрявыми волосами, маска которого как бы слеплена из двух половин – грустной (светлой) и веселой (черной) с детализованным рельефом.
<br></br>
<i><b>Funny Man</b> [вокал]</i> – весельчак группы, прославившейся своей черной тканевой маской без прорезей, но с надписью LA на левой щеке.
<br></br>
<i><b>Johnny 3 Tears</b> [вокал, скрим, бас-гитара]</i> – его «псевдоним» связан с его прежней группой «3 Tears», а в его маске есть черты белого и синего; на левой щеке – «выбита» тройка; есть элементы трещины; вверху, правее тройки, - символ группы, голубь, несущий гранату.
<br></br>
<i><b>Charlie Scene</b> [вокал, соло-гитара]</i> – прозвище, первое пришедшее парню в голову; отличительный знак – черная бандана с необычным рисунком.
<br></br>
<i><b>Danny</b> [вокал, клавишные, ритм-гитара]</i> – сокращение от его настоящего имени; его маска сплетена из колец, напоминая кольчугу, золотого цвета; прорезей для глаз и рта нет, но около левого глаза – силуэт гильзы.
</p>

<p>Дискография:
<br></br>
За все время группа выпустила в свет 4 диска, причем с каждым новым – менялись и их маски.
Дебютный альбом <b><i>«Swan Songs»</i></b>, ставший платиновым в США в 2013 году, имеет довольно интересную историю. Изначально мир должен был услышать «Лебединые песни» в 2007 году, однако первый лейбл группы, MySpace Records, предпринял попытку подвергнуть цензуре альбом, в результате чего группа разорвала с ним контакт. И поэтому релиз альбома под новым лейблом, Octone, выпал на 2008 год.
<br></br>
<b><i>«American Tragedy»</i></b> была записана в 2010 году, а выпущена в 2011, включив в себя 4 известных сингла – «Hear Me Now», «Been To Hell», «Comin’ in Hot» и «Coming Back Down», причем на все синглы за исключением последнего были сняты видеоклипы. К тому же, второй диск группы примечателен записью с новым участником группы – Danny.
<br></br>
Что касается третьего альбома парней, <b><i>«Notes From the Underground»</i></b>, названного в четь знаменитого произведения Ф.М. Достоевского «Записки из подполья», его мир услышал в январе 2013 года. Синглами альбома стали такие популярные трэки, как «We Are» и «Dead Bite», а само звучание буквально вернуло всех слушателей в 2008 год, напоминая о «Лебединых песнях».
<br></br>
И наконец, в прошлом году группа презентовала крайний студийный альбом, <i><b>«Day of the Dead»</b></i>. Первоначально, диск планировали пустить в продажу летом 2014, затем – в октябре, после – в феврале. Однако новые трэки фанаты услышали лишь в марте 2015-го. Но ожидания того стоили. Это первый альбом, записанный на другом лейбле, Interscope Records, но несмотря на это, схожесть с дебютным альбомом заметна преданному фанату сразу же. Поэтому одноименный сингл стал любимой на сегодняшний день композицией нашего динозавра, Акселя Миста. Видеоклип на эту композицию и был предложен им к просмотру. Наслаждаемся!
</p>

</div><div style="width: 300px; height: 6px; border-bottom: 1px solid #aaa; margin-bottom: 6px;"></div><div style="font-family: Orator Std; line-height: 80%; color: #46485e; text-align:center; font-size: 30px"> it's the day of the dead! </div><div style="width: 300px; height: 20px; background: #C8C7C5; border-right: 50px solid #EEEDEB; border-left: 50px solid #EEEDEB"></div><iframe width="400" height="280" src="https://www.youtube.com/embed/bl0e5DrYLyY" frameborder="0" allowfullscreen></iframe></div></div></div>[/html]

Код:
[quote][align=center][i]- Ты любишь музыку?
- Ты любишь дышать? (с)
Давайте ненадолго прервемся на музыкальную паузу. Нам интересны не только Ваши предпочтения в условиях форума, но и за его пределами. Поэтому в дополнение к интервью каждый наш гость просто обязан рассказать нам о своем любимом музыкальном исполнителе и о его любимой композиции. 
Поскольку драма и альтернативная музыка всегда идут рядом, выбор Акселя Миста, заставляющего страдать своего персонажа всеми правдами и неправдами, нас не удивил. Дамы и господа, разрешите представить – [b]«Hollywood Undead»[/b].[/i][/align][/quote]<!--HTML--><center><center><link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>

<style type="text/css">.mza { width: 320px; text-align:justify; line-height: 100%; font-size: 10px; font-family: Roboto; color: #222 } .mza b{ font-weight: bold; font-family: georgia; font-size: 10px; color: #C8C7C5; line-height: 100%; font-style: italic; } .mza p:first-letter  { font-family: georgia; font-size: 10px; text-transform: uppercase; color: #46485e; line-height: 100%; font-size: 13px; letter-spacing: -1px;} .mza p:first-line { font-family: georgia; font-size: 10px; color: #8E9293;  line-height: 100%; font-size: 13px; letter-spacing: -1px;  } </style>

<div style="width: 438px; padding: 10px; background: #EEEDEB;border-top: 1px dotted #46485e; border-bottom: 15px solid #46485e"><div style="width: 432px; padding: 3px; border-top: 1px solid #8E9293; border-bottom: 1px solid #8E9293"><div style="width: 400px; background: #fff; border: 1px solid #8E9293; padding: 15px;"><div style="margin-bottom: -27px;"><div style="font-family: Orator Std; line-height: 89%; color: #46485e; text-align:center; font-size: 30px;"> better run, here we come </div></div>
<div style="font-family: tahoma; font-size: 8px; color: #333; text-align:justify; text-transform: uppercase; line-height: 100%; padding: 25px; word-spacing: 5px;"> «Hollywood Undead» – музыкальный коллектив из Лос-Анджелеса, существующий с 2005 года. Отличительной чертой этой группы помимо крайне неожиданного сочетания речитатива с рок-музыкой являются их маски, которые участники носят как на фотосессиях, так и на концертах. Символ группы – голубь с гранатой, означающий, что в любом положении есть выбор, за которым своя ответственность.</div>

<div style="width: 300px; height: 6px; border-top: 1px solid #aaa; margin-top: 6px;"></div><div class="mza">

<p>Состав группы:
<br></br>
<i><b>J-Dog</b> [вокал, скрим, ритм-гитара, бас-гитара, клавишные, синтезатор]</i> – получивший свое прозвище за инициалы JD; у его маски «выжжены» глаза, а под ними – кровоподтеки; также нарисован знак доллара, а на лбу – надпись «UNDEAD» и Всевидящее Око.
<br></br>
<i><b>Da Kurlzz</b> [скрим, вокал, ударные, перкуссия]</i> – мужчина с кудрявыми волосами, маска которого как бы слеплена из двух половин – грустной (светлой) и веселой (черной) с детализованным рельефом.
<br></br>
<i><b>Funny Man</b> [вокал]</i> – весельчак группы, прославившейся своей черной тканевой маской без прорезей, но с надписью LA на левой щеке. 
<br></br>
<i><b>Johnny 3 Tears</b> [вокал, скрим, бас-гитара]</i> – его «псевдоним» связан с его прежней группой «3 Tears», а в его маске есть черты белого и синего; на левой щеке – «выбита» тройка; есть элементы трещины; вверху, правее тройки, - символ группы, голубь, несущий гранату.
<br></br>
<i><b>Charlie Scene</b> [вокал, соло-гитара]</i> – прозвище, первое пришедшее парню в голову; отличительный знак – черная бандана с необычным рисунком.
<br></br>
<i><b>Danny</b> [вокал, клавишные, ритм-гитара]</i> – сокращение от его настоящего имени; его маска сплетена из колец, напоминая кольчугу, золотого цвета; прорезей для глаз и рта нет, но около левого глаза – силуэт гильзы. 
</p>

<p>Дискография:
<br></br>
За все время группа выпустила в свет 4 диска, причем с каждым новым – менялись и их маски. 
Дебютный альбом <b><i>«Swan Songs»</i></b>, ставший платиновым в США в 2013 году, имеет довольно интересную историю. Изначально мир должен был услышать «Лебединые песни» в 2007 году, однако первый лейбл группы, MySpace Records, предпринял попытку подвергнуть цензуре альбом, в результате чего группа разорвала с ним контакт. И поэтому релиз альбома под новым лейблом, Octone, выпал на 2008 год.
<br></br>
<b><i>«American Tragedy»</i></b> была записана в 2010 году, а выпущена в 2011, включив в себя 4 известных сингла – «Hear Me Now», «Been To Hell», «Comin’ in Hot» и «Coming Back Down», причем на все синглы за исключением последнего были сняты видеоклипы. К тому же, второй диск группы примечателен записью с новым участником группы – Danny.
<br></br>
Что касается третьего альбома парней, <b><i>«Notes From the Underground»</i></b>, названного в четь знаменитого произведения Ф.М. Достоевского «Записки из подполья», его мир услышал в январе 2013 года. Синглами альбома стали такие популярные трэки, как «We Are» и «Dead Bite», а само звучание буквально вернуло всех слушателей в 2008 год, напоминая о «Лебединых песнях». 
<br></br>
И наконец, в прошлом году группа презентовала крайний студийный альбом, <i><b>«Day of the Dead»</b></i>. Первоначально, диск планировали пустить в продажу летом 2014, затем – в октябре, после – в феврале. Однако новые трэки фанаты услышали лишь в марте 2015-го. Но ожидания того стоили. Это первый альбом, записанный на другом лейбле, Interscope Records, но несмотря на это, схожесть с дебютным альбомом заметна преданному фанату сразу же. Поэтому одноименный сингл стал любимой на сегодняшний день композицией нашего динозавра, Акселя Миста. Видеоклип на эту композицию и был предложен им к просмотру. Наслаждаемся! 
</p>



</div><div style="width: 300px; height: 6px; border-bottom: 1px solid #aaa; margin-bottom: 6px;"></div><div style="font-family: Orator Std; line-height: 80%; color: #46485e; text-align:center; font-size: 30px"> it's the day of the dead! </div><div style="width: 300px; height: 20px; background: #C8C7C5; border-right: 50px solid #EEEDEB; border-left: 50px solid #EEEDEB"></div><iframe width="400" height="280" src="https://www.youtube.com/embed/bl0e5DrYLyY" frameborder="0" allowfullscreen></iframe></div></div></div>

0

19

[html]<!--HTML--><style type="text/css">.tabs { position: relative;   width: 400px; height:  400px; background: url(http://i.imgur.com/C8jWt9t.png); padding: 20px; border: 15px solid #2B0827; } .tab { float: left; } .tab label { background: #611D40; padding: 10px; border-bottom: 4px solid #2B0827; color: #DBD39E; margin-left: -1px; position: relative; left: 45px; font-family: roboto condensed; font-size: 15px; text-transform: uppercase; letter-spacing: -1px; line-height: 100%; } .tab [type=radio] { display: none;   } .content { position: absolute; font-family: georgia; font-size: 10px; text-align:justify; line-height: 95%; font-style: italic; top: 51px; left: 45px; width: 300px; height: 300px; background: #DBD39E; overflow: auto; padding: 20px; border: 5px solid #611D40;} [type=radio]:checked ~ label { background: #2B0827; border-bottom: 4px solid #2B0827; z-index: 2; } [type=radio]:checked ~ label ~ .content { z-index: 1; }</style>     <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300' rel='stylesheet' type='text/css'> <center><div class="tabs"> <div class="tab"> <input type="radio" id="tab-1" name="tab-group-1" checked> <label for="tab-1">кроссворд</label> <div class="content"> <div style="padding: 10px; background: #96A88D; width: 280px"> <img src="http://s3.uploads.ru/p6xkD.png"/> </div> </div> </div> <div class="tab"> <input type="radio" id="tab-2" name="tab-group-1"> <label for="tab-2">по вертикали</label> <div class="content"> <div style="padding: 10px; color: #611D40; font-style: normal"> <b>1</b>. Город, из приюта которого сбежала нынешняя глава безопасности Академии.
<b>2.</b> Первая форма единственного покемона нормального типа, входящего в состав команды декана факультета Огня.
<b>3.</b> Неделимая частица вещества; своего рода каждый студент или выпускник Академии.
<b>4.</b> Общежитие факультета Воды.
<b>7. </b> Абсолютная и унизительная неудача, провал, караемый отчислением из Академии.
<b>8.</b> Пропавшие представители какой профессии стали студентами Академии?
<b>10.</b> Наука о веществах и их превращениях; одна из дисциплин, преподаваемых главным врачом Академии.
<b>13.</b> Имя первой формы летающего насекомого в команде Чендлера Кудроу.
<b>14.</b> Игрок сборной факультета, получающий право после вылета Гончей схватить шар.
<b>16.</b> Уровень, соответствующий курсу, на котором студенты становятся мастерами тактического боя.
<b>18.</b> Повторное назначение какого уровня не было зафиксировано за всю историю Академию?
<b>21.</b> Конская упряжь, предназначенная для запряжки, седлания и управления покемонами-лошадьми.
<b>22.</b> Игрок сборной факультета, основная специализация которого – преодоление препятствий.
<b>23.</b> Единственная легенда в команде ректора Академии.
<b>27.</b> Национальность заместителя ректора.
<b>28.</b> Наука о природе; одна из дисциплин, преподаваемых деканом факультета Воды.
<b>31.</b> Название практических заданий в реальном мире для студентов Академии.
<b>32.</b> Минерал; ценный поделочный и полудрагоценный камень, широко используемый в ювелирном деле.</div> </div> </div> <div class="tab"> <input type="radio" id="tab-3" name="tab-group-1"> <label for="tab-3">по горизонтали</label> <div class="content"> <div style="padding: 10px; color: #611D40; font-style: normal"><b>5.</b> Слагатель легенд о Лох-несском чудовище, Бермудском треугольнике и др.
<b>6.</b> Скрытая организация, контролирующая множество инфраструктур Земли.
<b>9.</b> Вера в Бога, религиозное мировоззрение, свойственное монахам, воспитавшим Мокоори Акито.
<b>11.</b> Имя самого старшего преподавателя в Академии из России.
<b>12.</b> Утрата какого чувства позволила Чунтао Лоу в полной мере реализовать свой дар?
<b>15.</b> Факультет, должность декана которого занята экс-партизаном отрядов Африки.
<b>17.</b> Силой какого легендарного покемона овладела глава Отдела?
<b>18.</b> Сильнодействующий наркотик, с эффектами которого сравнимо воздействие на подсознание Амандой Антипиной.
<b>19.</b> Имя создателя Проекта J.
<b>20.</b> Город, в монастыре которого воспитывали будущего ректора Академии.
<b>24.</b> Первая форма единственного из представленных покемонов в теме «Академия и Отдел», способных к телепортации.
<b>25.</b> Сильнейшая сторона сильнейшей Омеги в истории Академии, по ее мнению.
<b>26.</b> Внешность какого персонажа послужила прототипом для создания ректора Академии?
<b>29.</b> Основная цель миссии, к которой долгие годы готовили Чендлера Кудроу?
<b>30.</b> Следящий за соблюдением правил в Академии.
<b>31.</b> Факультет обучения нынешнего ректора.
<b>33.</b> Имя главы Отдела.
<b>34.</b> Единственная настоящая любовь главного врача Академии.</div> </div> </div>[/html]

Код:
<!--HTML--><style type="text/css">.tabs { position: relative;   width: 400px; height:  400px; background: url(http://i.imgur.com/C8jWt9t.png); padding: 20px; border: 15px solid #2B0827; } .tab { float: left; } .tab label { background: #611D40; padding: 10px; border-bottom: 4px solid #2B0827; color: #DBD39E; margin-left: -1px; position: relative; left: 45px; font-family: roboto condensed; font-size: 15px; text-transform: uppercase; letter-spacing: -1px; line-height: 100%; } .tab [type=radio] { display: none;   } .content { position: absolute; font-family: georgia; font-size: 10px; text-align:justify; line-height: 95%; font-style: italic; top: 51px; left: 45px; width: 300px; height: 300px; background: #DBD39E; overflow: auto; padding: 20px; border: 5px solid #611D40;} [type=radio]:checked ~ label { background: #2B0827; border-bottom: 4px solid #2B0827; z-index: 2; } [type=radio]:checked ~ label ~ .content { z-index: 1; }</style>     <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300' rel='stylesheet' type='text/css'> <center><div class="tabs"> <div class="tab"> <input type="radio" id="tab-1" name="tab-group-1" checked> <label for="tab-1">кроссворд</label> <div class="content"> <div style="padding: 10px; background: #96A88D; width: 280px"> <img src="http://s3.uploads.ru/p6xkD.png"/> </div> </div> </div> <div class="tab"> <input type="radio" id="tab-2" name="tab-group-1"> <label for="tab-2">по вертикали</label> <div class="content"> <div style="padding: 10px; color: #611D40; font-style: normal"> <b>1</b>. Город, из приюта которого сбежала нынешняя глава безопасности Академии.
<b>2.</b> Первая форма единственного покемона нормального типа, входящего в состав команды декана факультета Огня.
<b>3.</b> Неделимая частица вещества; своего рода каждый студент или выпускник Академии.
<b>4.</b> Общежитие факультета Воды. 
<b>7. </b> Абсолютная и унизительная неудача, провал, караемый отчислением из Академии.
<b>8.</b> Пропавшие представители какой профессии стали студентами Академии? 
<b>10.</b> Наука о веществах и их превращениях; одна из дисциплин, преподаваемых главным врачом Академии.
<b>13.</b> Имя первой формы летающего насекомого в команде Чендлера Кудроу. 
<b>14.</b> Игрок сборной факультета, получающий право после вылета Гончей схватить шар. 
<b>16.</b> Уровень, соответствующий курсу, на котором студенты становятся мастерами тактического боя.
<b>18.</b> Повторное назначение какого уровня не было зафиксировано за всю историю Академию?
<b>21.</b> Конская упряжь, предназначенная для запряжки, седлания и управления покемонами-лошадьми.
<b>22.</b> Игрок сборной факультета, основная специализация которого – преодоление препятствий. 
<b>23.</b> Единственная легенда в команде ректора Академии.
<b>27.</b> Национальность заместителя ректора.
<b>28.</b> Наука о природе; одна из дисциплин, преподаваемых деканом факультета Воды.
<b>31.</b> Название практических заданий в реальном мире для студентов Академии.
<b>32.</b> Минерал; ценный поделочный и полудрагоценный камень, широко используемый в ювелирном деле.</div> </div> </div> <div class="tab"> <input type="radio" id="tab-3" name="tab-group-1"> <label for="tab-3">по горизонтали</label> <div class="content"> <div style="padding: 10px; color: #611D40; font-style: normal"><b>5.</b> Слагатель легенд о Лох-несском чудовище, Бермудском треугольнике и др.
<b>6.</b> Скрытая организация, контролирующая множество инфраструктур Земли.
<b>9.</b> Вера в Бога, религиозное мировоззрение, свойственное монахам, воспитавшим Мокоори Акито.
<b>11.</b> Имя самого старшего преподавателя в Академии из России.
<b>12.</b> Утрата какого чувства позволила Чунтао Лоу в полной мере реализовать свой дар?
<b>15.</b> Факультет, должность декана которого занята экс-партизаном отрядов Африки.
<b>17.</b> Силой какого легендарного покемона овладела глава Отдела?
<b>18.</b> Сильнодействующий наркотик, с эффектами которого сравнимо воздействие на подсознание Амандой Антипиной. 
<b>19.</b> Имя создателя Проекта J.
<b>20.</b> Город, в монастыре которого воспитывали будущего ректора Академии.
<b>24.</b> Первая форма единственного из представленных покемонов в теме «Академия и Отдел», способных к телепортации. 
<b>25.</b> Сильнейшая сторона сильнейшей Омеги в истории Академии, по ее мнению. 
<b>26.</b> Внешность какого персонажа послужила прототипом для создания ректора Академии?
<b>29.</b> Основная цель миссии, к которой долгие годы готовили Чендлера Кудроу?
<b>30.</b> Следящий за соблюдением правил в Академии.
<b>31.</b> Факультет обучения нынешнего ректора. 
<b>33.</b> Имя главы Отдела.
<b>34.</b> Единственная настоящая любовь главного врача Академии.</div> </div> </div>

0

20

[html]<!--HTML-->
<style>
 
  .nanashipper1 { width: 400px; height: 400px; padding: 20px; background-color: #efefef; border: 1px solid #e0e0e0; margin: 25px auto; }
 
  .nanashipper2 { width: 400px; height: 125px; background-color: #fff; position: relative; overflow: hidden; }
 
  .nanashipper3 { width: 73px; height: 73px; padding: 5px; border: 1px solid #8B8378; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; position: absolute; top: 20px; left: 20px; }
 
  .nanashipper3 img { width: 73px; height: 73px; border-radius: 100%; }
 
  .nanashipper4 { width: 235px; height: 20px; padding: 10px; background-color: #46485E; position: absolute; top: 20px; right: 20px; font: normal 700  20px/20px 'raleway'; color: #f1f1f1; text-transform: uppercase; }
 
  .nanashipper5 { width: 110px; padding: 4px; position: absolute; bottom: 40px; right: 155px; background-color: #efefef; border: 1px solid #8B8378; font: normal 400 8px/8px 'raleway'; text-transform: uppercase; color: #999; }
 
  .nanashipper6 { width: 120px; padding: 4px; position: absolute; bottom: 40px; right: 20px; background-color: #efefef; border: 1px solid #8B8378; font: normal 400 8px/8px 'raleway'; text-transform: uppercase; color: #999; }
 
  .nanashipper7 { width: 130px; padding: 4px; position: absolute; bottom: 17px; right: 135px; background-color: #efefef; border: 1px solid #8B8378; font: normal 400 8px/8px 'raleway'; text-transform: uppercase; color: #999; }
 
  .nanashipper8 { width: 100px; padding: 4px; position: absolute; bottom: 17px; right: 20px; background-color: #efefef; border: 1px solid #8B8378; font: normal 400 8px/8px 'raleway'; text-transform: uppercase; color: #999; }
 
  .nanashipper9 { width: 400px; height: 275px; position: relative; overflow: hidden; }
 
  .nanashipper10 { width: 400px; height: 275px; background-color: rgba(255,255,255,.4); position: absolute; bottom: -275px; right: 0px; transition: all 1.6s ease-in-out; -moz-transition: all 1.6s ease-in-out; -webkit-transition: all 1.6s ease-in-out; }
 
  .nanashipper9:hover .nanashipper10 { bottom: 0px; }
 
  .nanashipper11 { width: 318px; height: 193px; background-color: #f9f9f9; border: 1px solid #eee; position: absolute; top: 40px; left: 40px; }
 
  .nanashipper12 { width: 296px; height: 173px; overflow: auto; position: absolute; left: 10px; top: 10px; padding-right: 2px; font: normal 400 10px/13px 'raleway'; color: #666; text-align: justify; }
 
  .nanashipper12 b { color: #8B8970; font-size: 11px; }
 
  .nanashipper12 i { color: #8B8386; }
 
  .nanashipper12::-webkit-scrollbar { width:2px; height:2px; }
  .nanashipper12::-webkit-scrollbar-track { background-color: #ccc; }
  .nanashipper12::-webkit-scrollbar-thumb { background-color: #999999; }
 
  .nanashipper13 { width: 0px; height: 0px; border-top: 50px solid transparent; border-right: 480px solid #fff; border-bottom: 0px solid transparent; position: absolute; bottom: 0px; right: 0px; transition: all 1.6s ease-in-out; -moz-transition: all 1.6s ease-in-out; -webkit-transition: all 1.6s ease-in-out; }
 
  .nanashipper9:hover .nanashipper13 { bottom: 275px; }
 
  .nanashipper14 { width: 0px; height: 0px; border-top: 0px solid transparent; border-left: 480px solid #fff; border-bottom: 20px solid transparent; position: absolute; top: 0px; right: 0px; transition: all 1.9s ease-in-out; -moz-transition: all 1.9s ease-in-out; -webkit-transition: all 1.9s ease-in-out; }
 
  .nanashipper9:hover .nanashipper14 { border-bottom: 0px solid transparent; }
 
</style><center>
 
  <div class="nanashipper1">
   
    <div class="nanashipper2">
     
      <div class="nanashipper3">
       
        <img src="http://s6.uploads.ru/DC8ym.jpg">
       
      </div>
     
      <div class="nanashipper4">
       
        news
       
      </div>
     
      <div class="nanashipper5">
       
        exclusive
       
      </div>
     
      <div class="nanashipper6">
       
        slowpoke daily
       
      </div>
     
      <div class="nanashipper7">
       
        update
       
      </div>
     
      <div class="nanashipper8">
       
        breaking news
       
      </div>
     
    </div>
   
    <div class="nanashipper9">
     
      <img src="http://s6.uploads.ru/c0F5K.jpg">
     
      <div class="nanashipper14"></div>
     
      <div class="nanashipper13"></div>
     
      <div class="nanashipper10">
       
        <div class="nanashipper11">
         
          <div class="nanashipper12">
           
             <b><i>Халява, приди!</i></b> Билеты – это хорошо. Билеты за «просто так» - еще лучше. В честь наступающего високосного года наш динозавр вручил всем по одному пропуску в райское место – комнату ловли, но пока не все воспользовались этим шансом. Че каво, ребята? Хватайте удачу за хвост и скорее вводите в игру новичка! К тому же, для вас – все условия…
            <br><br>
             <b><i>А что за условия?</i></b> Самые, что ни на есть, отличные. Теперь – получение нового уровня, новых атак покемона стало еще доступнее. Благодаря обновленной системе, вы, наши дорогие игроки, можете получить за один пост до двух уровней. Вы можете в это поверить?! Я пока нет. Поэтому оставьте в стороне драмы, отбросьте все сомнения и вперед – на тренировку.
            <br><br>
             <b><i>Бинго!</i></b> А где условия, там и альтернативный вариант получения тикета. Теперь, по моему скромному мнению, все куда легче. Все, что нужно – это реклама, которая, как нам всем известно, двигатель прогресса. Всеобщими силами нам удастся поднять форум с колен и вывести его на вершину успеха. Помогая форуму, вы, сами того не понимая, открываете перед собой новые возможности, а в частности – внедрение в команду нового покемона. Помогая форуму, вы также делаете одного израильского динозавра счастливее, пусть и на минуту. Помогая форуму, вы вместе с нами с уверенностью смотрите в светлое будущее! Помоги форуму – получи билет по альтернативному пути.
            <br><br>
             <b><i>Общежития.</i></b> Благодаря усердию и трудолюбию нашей администрации на форуме и впрямь появилась отдельная тема с описанием общежития того или иного факультета. Теперь у каждого из нас есть возможность занять для себя подходящую комнату и стать на минутку дизайнером ее интерьера. Всем срочно отписаться в соответствующей теме, и помните, что комната человека (или ее часть) способна рассказать о многом – начиная от его предпочтений и увлечений и заканчивая тайными слабостями.
            <br><br>
             <b><i>Новые NPC?</i></b> Фантазии главного неизвестны границы, поэтому в январе, вместе с морозами, мы встретили новых неканоничных персонажей – главу Отдела, сильнейшую Омегу в истории Академии и человека, подарившего нам Акселя и Октавию Мист, а также Проект J. Глядя на них, невольно сомневаешься – а не пора ли переходить на темную сторону?..
            <br><br>
             <b><i>С новыми NPC – в новые квесты.</i></b> Приключения призрачной девушки и психопата продолжаются! Теперь нашим героям предстоит встретиться лицом к лицу с самим Акихиро Кьюбеем! Тем временем, Саманта Эльфгран вынуждена спасти Рэд, также известную как Рейчел Браун, используя самые последние современные технологии. Что касается одного очень хорошо известного вам игрока… Его судьба связала с командой «Ракета» и… Барабанная дробь… Главой безопасности Академии, самой Джун О’Брайли! А к чему приведут все эти игры – читайте в соответствующих темах.
            <br><br>
             <b><i>Кто следующий? </i></b> В январе этого года лучшими по праву стали наши прекрасные дамы – Элла Де’Ланс, Юки Курои и Агата Хори. Смогут ли девушки сохранить свои позиции и в этот раз или в шапке форума нам представят новые лица? Об этом узнаем совсем скоро. А пока… Перейдем к самому интересному!

          </div>
         
        </div>
       
      </div>
     
    </div>
   
  </div>
 
</center>  </div>[/html]

Код:
<!--HTML-->
<style>
  
  .nanashipper1 { width: 400px; height: 400px; padding: 20px; background-color: #efefef; border: 1px solid #e0e0e0; margin: 25px auto; }
  
  .nanashipper2 { width: 400px; height: 125px; background-color: #fff; position: relative; overflow: hidden; }
  
  .nanashipper3 { width: 73px; height: 73px; padding: 5px; border: 1px solid #8B8378; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; position: absolute; top: 20px; left: 20px; }
  
  .nanashipper3 img { width: 73px; height: 73px; border-radius: 100%; }
  
  .nanashipper4 { width: 235px; height: 20px; padding: 10px; background-color: #46485E; position: absolute; top: 20px; right: 20px; font: normal 700  20px/20px 'raleway'; color: #f1f1f1; text-transform: uppercase; }
  
  .nanashipper5 { width: 110px; padding: 4px; position: absolute; bottom: 40px; right: 155px; background-color: #efefef; border: 1px solid #8B8378; font: normal 400 8px/8px 'raleway'; text-transform: uppercase; color: #999; }
  
  .nanashipper6 { width: 120px; padding: 4px; position: absolute; bottom: 40px; right: 20px; background-color: #efefef; border: 1px solid #8B8378; font: normal 400 8px/8px 'raleway'; text-transform: uppercase; color: #999; }
  
  .nanashipper7 { width: 130px; padding: 4px; position: absolute; bottom: 17px; right: 135px; background-color: #efefef; border: 1px solid #8B8378; font: normal 400 8px/8px 'raleway'; text-transform: uppercase; color: #999; }
  
  .nanashipper8 { width: 100px; padding: 4px; position: absolute; bottom: 17px; right: 20px; background-color: #efefef; border: 1px solid #8B8378; font: normal 400 8px/8px 'raleway'; text-transform: uppercase; color: #999; }
  
  .nanashipper9 { width: 400px; height: 275px; position: relative; overflow: hidden; }
  
  .nanashipper10 { width: 400px; height: 275px; background-color: rgba(255,255,255,.4); position: absolute; bottom: -275px; right: 0px; transition: all 1.6s ease-in-out; -moz-transition: all 1.6s ease-in-out; -webkit-transition: all 1.6s ease-in-out; }
  
  .nanashipper9:hover .nanashipper10 { bottom: 0px; }
  
  .nanashipper11 { width: 318px; height: 193px; background-color: #f9f9f9; border: 1px solid #eee; position: absolute; top: 40px; left: 40px; }
  
  .nanashipper12 { width: 296px; height: 173px; overflow: auto; position: absolute; left: 10px; top: 10px; padding-right: 2px; font: normal 400 10px/13px 'raleway'; color: #666; text-align: justify; }
  
  .nanashipper12 b { color: #8B8970; font-size: 11px; }
  
  .nanashipper12 i { color: #8B8386; }
  
  .nanashipper12::-webkit-scrollbar { width:2px; height:2px; }
  .nanashipper12::-webkit-scrollbar-track { background-color: #ccc; }
  .nanashipper12::-webkit-scrollbar-thumb { background-color: #999999; }
  
  .nanashipper13 { width: 0px; height: 0px; border-top: 50px solid transparent; border-right: 480px solid #fff; border-bottom: 0px solid transparent; position: absolute; bottom: 0px; right: 0px; transition: all 1.6s ease-in-out; -moz-transition: all 1.6s ease-in-out; -webkit-transition: all 1.6s ease-in-out; }
  
  .nanashipper9:hover .nanashipper13 { bottom: 275px; }
  
  .nanashipper14 { width: 0px; height: 0px; border-top: 0px solid transparent; border-left: 480px solid #fff; border-bottom: 20px solid transparent; position: absolute; top: 0px; right: 0px; transition: all 1.9s ease-in-out; -moz-transition: all 1.9s ease-in-out; -webkit-transition: all 1.9s ease-in-out; }
  
  .nanashipper9:hover .nanashipper14 { border-bottom: 0px solid transparent; }
  
</style><center>
  
  <div class="nanashipper1">
    
    <div class="nanashipper2">
      
      <div class="nanashipper3">
        
        <img src="http://s6.uploads.ru/DC8ym.jpg">
        
      </div>
      
      <div class="nanashipper4">
        
        news
        
      </div>
      
      <div class="nanashipper5">
        
        exclusive
        
      </div>
      
      <div class="nanashipper6">
        
        slowpoke daily
        
      </div>
      
      <div class="nanashipper7">
        
        update
        
      </div>
      
      <div class="nanashipper8">
        
        breaking news
        
      </div>
      
    </div>
    
    <div class="nanashipper9">
      
      <img src="http://s6.uploads.ru/c0F5K.jpg">
      
      <div class="nanashipper14"></div>
      
      <div class="nanashipper13"></div>
      
      <div class="nanashipper10">
        
        <div class="nanashipper11">
          
          <div class="nanashipper12">
            
             <b><i>Халява, приди!</i></b> Билеты – это хорошо. Билеты за «просто так» - еще лучше. В честь наступающего високосного года наш динозавр вручил всем по одному пропуску в райское место – комнату ловли, но пока не все воспользовались этим шансом. Че каво, ребята? Хватайте удачу за хвост и скорее вводите в игру новичка! К тому же, для вас – все условия…
            <br><br>
             <b><i>А что за условия?</i></b> Самые, что ни на есть, отличные. Теперь – получение нового уровня, новых атак покемона стало еще доступнее. Благодаря обновленной системе, вы, наши дорогие игроки, можете получить за один пост до двух уровней. Вы можете в это поверить?! Я пока нет. Поэтому оставьте в стороне драмы, отбросьте все сомнения и вперед – на тренировку. 
            <br><br>
             <b><i>Бинго!</i></b> А где условия, там и альтернативный вариант получения тикета. Теперь, по моему скромному мнению, все куда легче. Все, что нужно – это реклама, которая, как нам всем известно, двигатель прогресса. Всеобщими силами нам удастся поднять форум с колен и вывести его на вершину успеха. Помогая форуму, вы, сами того не понимая, открываете перед собой новые возможности, а в частности – внедрение в команду нового покемона. Помогая форуму, вы также делаете одного израильского динозавра счастливее, пусть и на минуту. Помогая форуму, вы вместе с нами с уверенностью смотрите в светлое будущее! Помоги форуму – получи билет по альтернативному пути. 
            <br><br>
             <b><i>Общежития.</i></b> Благодаря усердию и трудолюбию нашей администрации на форуме и впрямь появилась отдельная тема с описанием общежития того или иного факультета. Теперь у каждого из нас есть возможность занять для себя подходящую комнату и стать на минутку дизайнером ее интерьера. Всем срочно отписаться в соответствующей теме, и помните, что комната человека (или ее часть) способна рассказать о многом – начиная от его предпочтений и увлечений и заканчивая тайными слабостями. 
            <br><br>
             <b><i>Новые NPC?</i></b> Фантазии главного неизвестны границы, поэтому в январе, вместе с морозами, мы встретили новых неканоничных персонажей – главу Отдела, сильнейшую Омегу в истории Академии и человека, подарившего нам Акселя и Октавию Мист, а также Проект J. Глядя на них, невольно сомневаешься – а не пора ли переходить на темную сторону?..
            <br><br>
             <b><i>С новыми NPC – в новые квесты.</i></b> Приключения призрачной девушки и психопата продолжаются! Теперь нашим героям предстоит встретиться лицом к лицу с самим Акихиро Кьюбеем! Тем временем, Саманта Эльфгран вынуждена спасти Рэд, также известную как Рейчел Браун, используя самые последние современные технологии. Что касается одного очень хорошо известного вам игрока… Его судьба связала с командой «Ракета» и… Барабанная дробь… Главой безопасности Академии, самой Джун О’Брайли! А к чему приведут все эти игры – читайте в соответствующих темах. 
            <br><br>
             <b><i>Кто следующий? </i></b> В январе этого года лучшими по праву стали наши прекрасные дамы – Элла Де’Ланс, Юки Курои и Агата Хори. Смогут ли девушки сохранить свои позиции и в этот раз или в шапке форума нам представят новые лица? Об этом узнаем совсем скоро. А пока… Перейдем к самому интересному!

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

0

21

[html]<!--HTML--><div class="postcolor">
<style>
#strawlembg { background-color: #fff; width: 450px; border: #e0e0e0 5px solid; padding: 5px; }
#strawlempic { width: 200px; height: 400px; overflow: hidden; }
.strawlemhov { width: 200px; height: 400px; background-color: rgba(255, 255, 255, 0.8); position: relative; top: 400px; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s; }
#strawlempic:hover .strawlemhov { top: 0px; }
#strawlemcont { width: 250px; height: 400px; }
#strawlemtext { text-align: justify; overflow: auto; width: 200px; height: 320px; padding: 5px; margin: 3px; font-family: montserrat; font-size: 12px; color: #292929; opacity: .7; }
#strawlemtext::selection { background: #8B8970; color: #fff; }
#strawlemtext p::selection { background: #8B8970; color: #fff; }
#strawlemtext b { text-transform: uppercase; color: #8B8970; }
#strawlemtext i { text-transform: uppercase; color: #8B8970; }
#strawlemtext::-webkit-scrollbar { background: #fff; width: 2px; }
#strawlemtext::-webkit-scrollbar-thumb { background: #8B8970; }
#strawlemtext::-moz-scrollbar { background: #fff; width: 2px; }
#strawlemtext::-moz-scrollbar-thumb { background: #8B8970; }
#strawlemtitle { background: #46485E; font-family: arial black; font-size: 25px; letter-spacing: -3px; text-align: center; color: #fff; margin: 5px; }
.img-circle { border-radius: 50%; width: 100px; height: 100px; margin-left: 50px; margin-top: 60px; }
#strawlemadj1 { background: #8B8989; padding: 2px; font-family: arial black; text-transform: uppercase; color: #fff; margin-left: 20px; margin-right: 20px; text-align: center; }
#strawlemadj2 { background: #CDC9C9; padding: 2px; font-family: arial black; text-transform: uppercase; color: #fff; margin-left: 20px; margin-right: 20px; text-align: center; }
#strawlemcredit a{ font-family: arial; font-size: 8px; text-transform: uppercase; color: #F45D4C; }
</style>
<center>
<div id="strawlembg">
<table cellpadding="0" cellspacing="0"><tbody><tr><td><div id="strawlempic"><div style="width: 200px; height: 400px; background-image: url(http://s7.uploads.ru/eESWx.jpg); "><div class="strawlemhov">
<img class="img-circle" src=" https://49.media.tumblr.com/aa951129cfa … o6_250.gif ">
<p>
</p><div id="strawlemadj1">содержание:</div>
<div id="strawlemadj2">от автора</div>
<div id="strawlemadj1">новости</div>
<div id="strawlemadj2">интервью</div>
<div id="strawlemadj1">музыкальная пауза</div>
<div id="strawlemadj2">фаворит гостя</div>
<div id="strawlemadj1">гороскоп</div>
<div id="strawlemadj2">кроссворд</div>
<div id="strawlemadj1">юмор</div>
</div></div></div></td>
<td>
<div id="strawlemcont"><div id="strawlemtext">
<b><i>От автора:</i></b>
<p>Здравствуйте, дорогие читатели и игроки! Рады вам сообщить, что отныне каждый месяц, начиная с этого, в свет станет выходить электронный журнал «Defying Gravity», повествующий о нашем форуме. Идея его создания пришла нам в голову во время одной из посиделок в известном всем файлообменнике. В каждом выпуске мы постараемся кратко осветить все интересные новости за прошедший месяц, обсудить все самое интересное с нашим специальным гостем, одним из игроков, выбор на которого падет не случайно, и постараться узнать о нем и о его предпочтениях, в частности – в мире музыки и карманных монстров. Вас также ждут гороскоп на предстоящий месяц, интересные задания (от кроссвордов до поиска отличий на, казалось бы, одинаковых картинках), за выполнение которых гарантированы приятные призы, и, конечно же, минутка юмора. Со временем мы постараемся ввести как можно больше интересных рубрик, а пока – встречайте наш первый февральский номер!</p>

<p><b><i>«Спасибо»</i></b>: Акселю Мисту за помощь в создании, идеи, разъяснение нюансов и терпение; Саманте Эльфгран за поиск кодов; всем художникам, чьи арты использованы в этом номере; социальной сети tumblr, любезно предоставившей ссылки на эти самые арты; и, конечно же, всем нашим игрокам. Мы стараемся и все делаем, в первую очередь, для вас! Бросайте вызов притяжению и, как говорит наш главный динозавр всея форума, да прибудет с вами сила!</p>

<p>С любовью и наилучшими пожеланиями, <b><i>«Pokémon Gravity»</i></b>.</p></div>
<div id="strawlemtitle">defying gravity</div>
</div></td></tr></tbody></table>
</div>
<div id="strawlemcredit"><a href="http://gravity.f-rpg.ru/profile.php?id=28">XO-XO, Richard Black.</a></div>
</center>
  </div>[/html]

Код:
<!--HTML--><div class="postcolor"> 
<style>
#strawlembg { background-color: #fff; width: 450px; border: #e0e0e0 5px solid; padding: 5px; }
#strawlempic { width: 200px; height: 400px; overflow: hidden; }
.strawlemhov { width: 200px; height: 400px; background-color: rgba(255, 255, 255, 0.8); position: relative; top: 400px; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s; }
#strawlempic:hover .strawlemhov { top: 0px; }
#strawlemcont { width: 250px; height: 400px; }
#strawlemtext { text-align: justify; overflow: auto; width: 200px; height: 320px; padding: 5px; margin: 3px; font-family: montserrat; font-size: 12px; color: #292929; opacity: .7; }
#strawlemtext::selection { background: #8B8970; color: #fff; }
#strawlemtext p::selection { background: #8B8970; color: #fff; }
#strawlemtext b { text-transform: uppercase; color: #8B8970; }
#strawlemtext i { text-transform: uppercase; color: #8B8970; }
#strawlemtext::-webkit-scrollbar { background: #fff; width: 2px; }
#strawlemtext::-webkit-scrollbar-thumb { background: #8B8970; }
#strawlemtext::-moz-scrollbar { background: #fff; width: 2px; }
#strawlemtext::-moz-scrollbar-thumb { background: #8B8970; }
#strawlemtitle { background: #46485E; font-family: arial black; font-size: 25px; letter-spacing: -3px; text-align: center; color: #fff; margin: 5px; }
.img-circle { border-radius: 50%; width: 100px; height: 100px; margin-left: 50px; margin-top: 60px; }
#strawlemadj1 { background: #8B8989; padding: 2px; font-family: arial black; text-transform: uppercase; color: #fff; margin-left: 20px; margin-right: 20px; text-align: center; }
#strawlemadj2 { background: #CDC9C9; padding: 2px; font-family: arial black; text-transform: uppercase; color: #fff; margin-left: 20px; margin-right: 20px; text-align: center; }
#strawlemcredit a{ font-family: arial; font-size: 8px; text-transform: uppercase; color: #F45D4C; }
</style>
<center>
<div id="strawlembg">
<table cellpadding="0" cellspacing="0"><tbody><tr><td><div id="strawlempic"><div style="width: 200px; height: 400px; background-image: url(http://s7.uploads.ru/eESWx.jpg); "><div class="strawlemhov">
<img class="img-circle" src=" https://49.media.tumblr.com/aa951129cfac7f7abe20b9b6fe226708/tumblr_nic3xf9HZT1trmmhlo6_250.gif ">
<p>
</p><div id="strawlemadj1">содержание:</div>
<div id="strawlemadj2">от автора</div>
<div id="strawlemadj1">новости</div>
<div id="strawlemadj2">интервью</div>
<div id="strawlemadj1">музыкальная пауза</div>
<div id="strawlemadj2">фаворит гостя</div>
<div id="strawlemadj1">гороскоп</div>
<div id="strawlemadj2">кроссворд</div>
<div id="strawlemadj1">юмор</div>
</div></div></div></td>
<td>
<div id="strawlemcont"><div id="strawlemtext">
<b><i>От автора:</i></b>
<p>Здравствуйте, дорогие читатели и игроки! Рады вам сообщить, что отныне каждый месяц, начиная с этого, в свет станет выходить электронный журнал «Defying Gravity», повествующий о нашем форуме. Идея его создания пришла нам в голову во время одной из посиделок в известном всем файлообменнике. В каждом выпуске мы постараемся кратко осветить все интересные новости за прошедший месяц, обсудить все самое интересное с нашим специальным гостем, одним из игроков, выбор на которого падет не случайно, и постараться узнать о нем и о его предпочтениях, в частности – в мире музыки и карманных монстров. Вас также ждут гороскоп на предстоящий месяц, интересные задания (от кроссвордов до поиска отличий на, казалось бы, одинаковых картинках), за выполнение которых гарантированы приятные призы, и, конечно же, минутка юмора. Со временем мы постараемся ввести как можно больше интересных рубрик, а пока – встречайте наш первый февральский номер!</p>

<p><b><i>«Спасибо»</i></b>: Акселю Мисту за помощь в создании, идеи, разъяснение нюансов и терпение; Саманте Эльфгран за поиск кодов; всем художникам, чьи арты использованы в этом номере; социальной сети tumblr, любезно предоставившей ссылки на эти самые арты; и, конечно же, всем нашим игрокам. Мы стараемся и все делаем, в первую очередь, для вас! Бросайте вызов притяжению и, как говорит наш главный динозавр всея форума, да прибудет с вами сила!</p>

<p>С любовью и наилучшими пожеланиями, <b><i>«Pokémon Gravity»</i></b>.</p></div>
<div id="strawlemtitle">defying gravity</div>
</div></td></tr></tbody></table>
</div>
<div id="strawlemcredit"><a href="http://gravity.f-rpg.ru/profile.php?id=28">XO-XO, Richard Black.</a></div>
</center>
  </div>

0

22

[html]<!--HTML--><div class="postcolor">
<link href="https://fonts.googleapis.com/css?family=Anaheim" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Raleway:900,800,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

<style type="text/css">

.ntitle { width: 512px; background: #000; color: #fff; font-family: raleway; font-weight: 800; font-size: 30px; text-transform: uppercase; padding: 50px 30px 50px 30px; }
.nstuff { height: 345px; width: 330px; overflow: auto; text-align: justify; padding: 0px 5px 0px 0px; font-family: arial; font-size: 10px; line-height: 100%; }
thing { font-family: anaheim; font-size: 8px; text-transform: uppercase; margin-left: -15px; font-weight: normal; letter-spacing: 1px; color: #373737; }
.nstuff2 { height: 345px; overflow: auto; text-align: justify; font-family: arial; font-size: 10px; padding: 5px; }
.nstuffff { margin-left: 15px; }
.head { color: #ccc; font-family: raleway; font-weight: 900; text-transform: uppercase; font-size: 15px; padding: 5px; border-bottom: solid 1px #eee; margin: 5px; text-align: left; }
.ndetails { width: 541px; padding: 15px; raleway; font-weight: 700; background: #000; color: #fff; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; margin-left: 40px; margin-top: -10px; text-align: center; }
.nshipper { background-color: #fafafa; border: 1px solid #eee; width: 550px; height: 400px; padding: 10px 10px 10px 10px; }
.Ncontainer {
height: 400;
width: 550;
}
.Ntabs {
position: relative;
width: 550px;
height:  400px;
}
.Ntab {
float: left; }
.Ntab label {
display: block;
width: 90px;
height: 20px;
background: #fff;
padding: 10px;
margin: 0px;
position: relative;
left: 0px;
top: 0px;
z-index: 3;
font-family: anaheim;
text-transform: uppercase; }
.Ntab input[type=radio]:checked ~ label {
border-bottom: 5px solid #ccc;
z-index: 2; }
.Ntab input[type=radio] {
display: none; }
.Ncontent {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: white;
padding: 45px 0px 0px 0px;
opacity: 0;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
  -o-transition-duration: 1s; }
.Ntab input[type=radio]:checked ~ label ~ .Ncontent {
z-index: 1;
opacity: 1; }
</style>

<center>
<div class="ntitle" style="background: MEMBER GROUP HEX">

first last

</div>
<div class="nshipper">
<div class="Ncontainer">

<div class="Ntabs">

<div class="Ntab">
<input type="radio" id="Ntab-1" name="Ntab-group-1" checked="">
<label for="Ntab-1"> <i class="fa fa-home fa-fw" style="font-size: 10px;margin-top:5px"></i>&nbsp; image</label>
<div class="Ncontent">
<img src="http://placehold.it/550x355/eee" width="550" height="355">
</div>
</div>

<div class="Ntab">
<input type="radio" id="Ntab-2" name="Ntab-group-1">
<label for="Ntab-2"> <i class="fa fa-heartbeat" style="font-size: 10px;margin-top:5px"></i>&nbsp; in depth</label>
<div class="Ncontent">
<table cellpadding="5" cellspacing="0"><tbody><tr><td>

<img src="http://placehold.it/200x345/eee/" width="200" height="345">

</td><td>

<div class="nstuff">
<div class="nstuffff">
<div class="head">basics</div>
<thing>full name:</thing> here
<br>
<thing>nicknames/aliases:</thing> here
<br>
<thing>age:</thing> in letters
<br>
<thing>place of birth:</thing> here
<br>
<thing>hometown:</thing> here
<br>
<thing>nationality:</thing> here
<br>
<thing>languages:</thing> here
<br>
<thing>member group:</thing> here

<div class="head">appearance</div>

<thing>height:</thing> here
<br>
<thing>weight:</thing> here
<br>
<thing>tattoos:</thing> here
<br>
<thing>piercings:</thing> here
<br>
<thing>scars:</thing> here
<br>
<thing>distinguishing features:</thing> here
<br>

<div class="head">relationships</div>

<thing>sexual orientation:</thing> here
<br>
<thing>relationship status:</thing> here
<br>
<thing>past partners:</thing> here

<div class="head">health</div>

<thing>physical ailments:</thing> here
<br>
<thing>neurological ailments:</thing> here
<br>
<thing>allergies:</thing> here
<br>
<thing>current addictions:</thing> here
<br>
<thing>smoking:</thing> here
<br>
<thing>drugs:</thing> here
<br>
<thing>alcohol:</thing> here
<br>

<div class="head">personality</div>

<thing>negative traits:</thing> here
<br>
<thing>positive traits:</thing> here
<br>
<thing>bad habits:</thing> here
<br>
<thing>fears:</thing> here
<br>
<thing>hopes and dreams:</thing> here
<br>
<thing>likes:</thing> here
<br>
<thing>dislikes:</thing> here

<div class="head">favorites</div>

<thing>television show:</thing> here
<br>
<thing>movie:</thing> here
<br>
<thing>book:</thing> here
<br>
<thing>character:</thing> here
<br>
<thing>author:</thing> here
<br>
<thing>song:</thing> here
<br>
<thing>food:</thing> here
<br>
<thing>school subject:</thing> here
<br>
<thing>holiday:</thing> here
<br>
<thing>season:</thing> here
<br>
<thing>color:</thing> here
<br>
<thing>feeling:</thing> here
<br>
<thing>location:</thing> here
<br>
<thing>person:</thing> here

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

<div class="Ntab">
<input type="radio" id="Ntab-3" name="Ntab-group-1">
<label for="Ntab-3"> <i class="fa fa-pencil fa-fw" style="font-size: 10px;margin-top:5px"></i>&nbsp; freeform</label>
<div class="Ncontent">

<div class="nstuff2" style="padding: 10px 40px 10px 40px">
<div class="head">this is a header</div>
Tacos retro drinking vinegar, next level intelligentsia mixtape umami. Poutine pork belly cornhole vice pabst locavore. Blue bottle flannel pork belly, chicharrones cornhole humblebrag readymade. Bushwick pickled intelligentsia heirloom master cleanse locavore, echo park affogato fixie. Mlkshk chartreuse normcore butcher, flexitarian pop-up XOXO tilde chambray PBR&amp;B. Hashtag drinking vinegar whatever, bespoke paleo cliche +1 chicharrones chia fixie you probably haven't heard of them intelligentsia. Blog pug four loko kinfolk disrupt, banjo portland celiac normcore narwhal franzen you probably haven't heard of them authentic.
<p>
Letterpress deep v gluten-free hella umami put a bird on it single-origin coffee godard. 8-bit post-ironic hammock forage four loko sriracha gastropub, lo-fi gentrify everyday carry. Wayfarers gluten-free organic 90's, letterpress small batch wolf kitsch. Synth salvia blog, pork belly plaid shoreditch 3 wolf moon. Flannel lumbersexual yuccie authentic, austin disrupt crucifix normcore meditation. Flannel helvetica church-key mlkshk. Fingerstache artisan tattooed raw denim, asymmetrical hoodie cred roof party tilde freegan mlkshk migas.
</p><p>
Pork belly meh banh mi kombucha trust fund. Normcore echo park cred, 8-bit cold-pressed waistcoat cardigan cornhole pour-over four loko blue bottle lumbersexual tote bag gochujang. Messenger bag wayfarers viral keffiyeh, banh mi letterpress cardigan pug celiac food truck. Hoodie retro organic poutine salvia, gluten-free vinyl. Distillery drinking vinegar schlitz biodiesel slow-carb listicle normcore, 8-bit franzen farm-to-table mixtape gluten-free helvetica flannel knausgaard. Chillwave quinoa four loko XOXO, mustache pork belly stumptown. Slow-carb flannel YOLO craft beer.
</p><p>
DIY quinoa chicharrones brooklyn VHS ethical. Butcher authentic freegan slow-carb. Celiac organic selvage art party fashion axe. Quinoa austin mustache intelligentsia ethical vinyl trust fund ugh cray whatever disrupt, listicle 90's. Four loko pop-up affogato, PBR&amp;B vinyl austin DIY next level +1 literally flannel freegan tumblr williamsburg. Pinterest organic asymmetrical kickstarter mumblecore. Sartorial bushwick asymmetrical, mlkshk shoreditch occupy photo booth chambray hella affogato gastropub.
</p><p>
Tacos retro drinking vinegar, next level intelligentsia mixtape umami. Poutine pork belly cornhole vice pabst locavore. Blue bottle flannel pork belly, chicharrones cornhole humblebrag readymade. Bushwick pickled intelligentsia heirloom master cleanse locavore, echo park affogato fixie. Mlkshk chartreuse normcore butcher, flexitarian pop-up XOXO tilde chambray PBR&amp;B. Hashtag drinking vinegar whatever, bespoke paleo cliche +1 chicharrones chia fixie you probably haven't heard of them intelligentsia. Blog pug four loko kinfolk disrupt, banjo portland celiac normcore narwhal franzen you probably haven't heard of them authentic.
</p><p>
Letterpress deep v gluten-free hella umami put a bird on it single-origin coffee godard. 8-bit post-ironic hammock forage four loko sriracha gastropub, lo-fi gentrify everyday carry. Wayfarers gluten-free organic 90's, letterpress small batch wolf kitsch. Synth salvia blog, pork belly plaid shoreditch 3 wolf moon. Flannel lumbersexual yuccie authentic, austin disrupt crucifix normcore meditation. Flannel helvetica church-key mlkshk. Fingerstache artisan tattooed raw denim, asymmetrical hoodie cred roof party tilde freegan mlkshk migas.
</p><p>
Pork belly meh banh mi kombucha trust fund. Normcore echo park cred, 8-bit cold-pressed waistcoat cardigan cornhole pour-over four loko blue bottle lumbersexual tote bag gochujang. Messenger bag wayfarers viral keffiyeh, banh mi letterpress cardigan pug celiac food truck. Hoodie retro organic poutine salvia, gluten-free vinyl. Distillery drinking vinegar schlitz biodiesel slow-carb listicle normcore, 8-bit franzen farm-to-table mixtape gluten-free helvetica flannel knausgaard. Chillwave quinoa four loko XOXO, mustache pork belly stumptown. Slow-carb flannel YOLO craft beer.
</p><p>
DIY quinoa chicharrones brooklyn VHS ethical. Butcher authentic freegan slow-carb. Celiac organic selvage art party fashion axe. Quinoa austin mustache intelligentsia ethical vinyl trust fund ugh cray whatever disrupt, listicle 90's. Four loko pop-up affogato, PBR&amp;B vinyl austin DIY next level +1 literally flannel freegan tumblr williamsburg. Pinterest organic asymmetrical kickstarter mumblecore. Sartorial bushwick asymmetrical, mlkshk shoreditch occupy photo booth chambray hella affogato gastropub.
</p></div></div></div>

<div class="Ntab">
<input type="radio" id="Ntab-4" name="Ntab-group-1">
<label for="Ntab-4"> <i class="fa fa-user-plus" style="font-size: 10px;margin-top:5px"></i> &nbsp; plotting</label>
<div class="Ncontent">

<table cellpadding="3" cellspacing="0"><tbody><tr>

<td><div class="nstuff">

<div class="head">about</div>

Tacos retro drinking vinegar, next level intelligentsia mixtape umami. Poutine pork belly cornhole vice pabst locavore. Blue bottle flannel pork belly, chicharrones cornhole humblebrag readymade. Bushwick pickled intelligentsia heirloom master cleanse locavore, echo park affogato fixie. Mlkshk chartreuse normcore butcher, flexitarian pop-up XOXO tilde chambray PBR&amp;B. Hashtag drinking vinegar whatever, bespoke paleo cliche +1 chicharrones chia fixie you probably haven't heard of them intelligentsia. Blog pug four loko kinfolk disrupt, banjo portland celiac normcore narwhal franzen you probably haven't heard of them authentic.
<p>
Letterpress deep v gluten-free hella umami put a bird on it single-origin coffee godard. 8-bit post-ironic hammock forage four loko sriracha gastropub, lo-fi gentrify everyday carry. Wayfarers gluten-free organic 90's, letterpress small batch wolf kitsch. Synth salvia blog, pork belly plaid shoreditch 3 wolf moon. Flannel lumbersexual yuccie authentic, austin disrupt crucifix normcore meditation. Flannel helvetica church-key mlkshk. Fingerstache artisan tattooed raw denim, asymmetrical hoodie cred roof party tilde freegan mlkshk migas.

</p><div class="head">friendly</div>

Pork belly meh banh mi kombucha trust fund. Normcore echo park cred, 8-bit cold-pressed waistcoat cardigan cornhole pour-over four loko blue bottle lumbersexual tote bag gochujang. Messenger bag wayfarers viral keffiyeh, banh mi letterpress cardigan pug celiac food truck. Hoodie retro organic poutine salvia, gluten-free vinyl. Distillery drinking vinegar schlitz biodiesel slow-carb listicle normcore, 8-bit franzen farm-to-table mixtape gluten-free helvetica flannel knausgaard. Chillwave quinoa four loko XOXO, mustache pork belly stumptown. Slow-carb flannel YOLO craft beer.
<p>
DIY quinoa chicharrones brooklyn VHS ethical. Butcher authentic freegan slow-carb. Celiac organic selvage art party fashion axe. Quinoa austin mustache intelligentsia ethical vinyl trust fund ugh cray whatever disrupt, listicle 90's. Four loko pop-up affogato, PBR&amp;B vinyl austin DIY next level +1 literally flannel freegan tumblr williamsburg. Pinterest organic asymmetrical kickstarter mumblecore. Sartorial bushwick asymmetrical, mlkshk shoreditch occupy photo booth chambray hella affogato gastropub.

</p><div class="head">romantic</div>

Tacos retro drinking vinegar, next level intelligentsia mixtape umami. Poutine pork belly cornhole vice pabst locavore. Blue bottle flannel pork belly, chicharrones cornhole humblebrag readymade. Bushwick pickled intelligentsia heirloom master cleanse locavore, echo park affogato fixie. Mlkshk chartreuse normcore butcher, flexitarian pop-up XOXO tilde chambray PBR&amp;B. Hashtag drinking vinegar whatever, bespoke paleo cliche +1 chicharrones chia fixie you probably haven't heard of them intelligentsia. Blog pug four loko kinfolk disrupt, banjo portland celiac normcore narwhal franzen you probably haven't heard of them authentic.
<p>
Letterpress deep v gluten-free hella umami put a bird on it single-origin coffee godard. 8-bit post-ironic hammock forage four loko sriracha gastropub, lo-fi gentrify everyday carry. Wayfarers gluten-free organic 90's, letterpress small batch wolf kitsch. Synth salvia blog, pork belly plaid shoreditch 3 wolf moon. Flannel lumbersexual yuccie authentic, austin disrupt crucifix normcore meditation. Flannel helvetica church-key mlkshk. Fingerstache artisan tattooed raw denim, asymmetrical hoodie cred roof party tilde freegan mlkshk migas.

</p><div class="head">antagonistic</div>

Pork belly meh banh mi kombucha trust fund. Normcore echo park cred, 8-bit cold-pressed waistcoat cardigan cornhole pour-over four loko blue bottle lumbersexual tote bag gochujang. Messenger bag wayfarers viral keffiyeh, banh mi letterpress cardigan pug celiac food truck. Hoodie retro organic poutine salvia, gluten-free vinyl. Distillery drinking vinegar schlitz biodiesel slow-carb listicle normcore, 8-bit franzen farm-to-table mixtape gluten-free helvetica flannel knausgaard. Chillwave quinoa four loko XOXO, mustache pork belly stumptown. Slow-carb flannel YOLO craft beer.
<p>
DIY quinoa chicharrones brooklyn VHS ethical. Butcher authentic freegan slow-carb. Celiac organic selvage art party fashion axe. Quinoa austin mustache intelligentsia ethical vinyl trust fund ugh cray whatever disrupt, listicle 90's. Four loko pop-up affogato, PBR&amp;B vinyl austin DIY next level +1 literally flannel freegan tumblr williamsburg. Pinterest organic asymmetrical kickstarter mumblecore. Sartorial bushwick asymmetrical, mlkshk shoreditch occupy photo booth chambray hella affogato gastropub.

</p><div class="head">other</div>

Tacos retro drinking vinegar, next level intelligentsia mixtape umami. Poutine pork belly cornhole vice pabst locavore. Blue bottle flannel pork belly, chicharrones cornhole humblebrag readymade. Bushwick pickled intelligentsia heirloom master cleanse locavore, echo park affogato fixie. Mlkshk chartreuse normcore butcher, flexitarian pop-up XOXO tilde chambray PBR&amp;B. Hashtag drinking vinegar whatever, bespoke paleo cliche +1 chicharrones chia fixie you probably haven't heard of them intelligentsia. Blog pug four loko kinfolk disrupt, banjo portland celiac normcore narwhal franzen you probably haven't heard of them authentic.
<p>
Letterpress deep v gluten-free hella umami put a bird on it single-origin coffee godard. 8-bit post-ironic hammock forage four loko sriracha gastropub, lo-fi gentrify everyday carry. Wayfarers gluten-free organic 90's, letterpress small batch wolf kitsch. Synth salvia blog, pork belly plaid shoreditch 3 wolf moon. Flannel lumbersexual yuccie authentic, austin disrupt crucifix normcore meditation. Flannel helvetica church-key mlkshk. Fingerstache artisan tattooed raw denim, asymmetrical hoodie cred roof party tilde freegan mlkshk migas.
</p></div></td>
<td>

<img src="http://placehold.it/200x345/eee/" width="200" height="345">

</td></tr></tbody></table>

</div>
</div>

<div class="Ntab">
<input type="radio" id="Ntab-5" name="Ntab-group-1">
<label for="Ntab-5"> <i class="fa fa-cog fa-fw" style="font-size: 10px;margin-top:5px"></i> &nbsp; player</label>
<div class="Ncontent">
<table cellpadding="5" cellspacing="0"><tbody><tr><td>
<img src="http://placehold.it/200x160/eee" width="200" height="160">
<p>
<img src="http://placehold.it/200x160/eee" width="200" height="160">
</p></td><td>
<div class="nstuff">
<div class="nstuffff">
<div class="head">alias</div>
<thing>nicknames:</thing> here
<br>
<thing>age:</thing> here
<br>
<thing>pronouns:</thing> in letters
<br>
<thing>timezone:</thing> ##day month, ## year
<br>
<thing>contact:</thing> here
<br>
<thing>triggers:</thing> here
<br>
<thing>mature threading:</thing> here
<br>
<thing>other characters:</thing> here
<thing>about:</thing> write a lil' bout yourself here!
</div></div></td></tr></tbody></table>

</div></div></div></div></div> </center></div>[/html]

Код:
<!--HTML--><div class="postcolor"> 
<link href="https://fonts.googleapis.com/css?family=Anaheim" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Raleway:900,800,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

<style type="text/css">

.ntitle { width: 512px; background: #000; color: #fff; font-family: raleway; font-weight: 800; font-size: 30px; text-transform: uppercase; padding: 50px 30px 50px 30px; }
.nstuff { height: 345px; width: 330px; overflow: auto; text-align: justify; padding: 0px 5px 0px 0px; font-family: arial; font-size: 10px; line-height: 100%; }
thing { font-family: anaheim; font-size: 8px; text-transform: uppercase; margin-left: -15px; font-weight: normal; letter-spacing: 1px; color: #373737; }
.nstuff2 { height: 345px; overflow: auto; text-align: justify; font-family: arial; font-size: 10px; padding: 5px; }
.nstuffff { margin-left: 15px; }
.head { color: #ccc; font-family: raleway; font-weight: 900; text-transform: uppercase; font-size: 15px; padding: 5px; border-bottom: solid 1px #eee; margin: 5px; text-align: left; }
.ndetails { width: 541px; padding: 15px; raleway; font-weight: 700; background: #000; color: #fff; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; margin-left: 40px; margin-top: -10px; text-align: center; }
.nshipper { background-color: #fafafa; border: 1px solid #eee; width: 550px; height: 400px; padding: 10px 10px 10px 10px; }
.Ncontainer {
 height: 400;
 width: 550;
}
.Ntabs {
 position: relative;
 width: 550px; 
 height:  400px;
}
.Ntab {
 float: left; }
.Ntab label {
 display: block;
 width: 90px;
 height: 20px;
 background: #fff;
 padding: 10px; 
 margin: 0px;
 position: relative;
 left: 0px;
 top: 0px;
 z-index: 3;
 font-family: anaheim;
 text-transform: uppercase; }
.Ntab input[type=radio]:checked ~ label {
 border-bottom: 5px solid #ccc;
 z-index: 2; }
.Ntab input[type=radio] {
 display: none; }
.Ncontent {
 position: absolute;
 top: 0px;
 bottom: 0px;
 left: 0px;
 right: 0px;
 background: white;
 padding: 45px 0px 0px 0px;
 opacity: 0; 
 -webkit-transition-duration: 1s; 
 -moz-transition-duration: 1s;
  -o-transition-duration: 1s; }
.Ntab input[type=radio]:checked ~ label ~ .Ncontent {
 z-index: 1; 
 opacity: 1; }
</style>

<center>
<div class="ntitle" style="background: MEMBER GROUP HEX">

first last

</div>
<div class="nshipper">
<div class="Ncontainer">

<div class="Ntabs">


<div class="Ntab">
<input type="radio" id="Ntab-1" name="Ntab-group-1" checked="">
<label for="Ntab-1"> <i class="fa fa-home fa-fw" style="font-size: 10px;margin-top:5px"></i>&nbsp; image</label>
<div class="Ncontent">
<img src="http://placehold.it/550x355/eee" width="550" height="355">
</div>
</div>


<div class="Ntab">
<input type="radio" id="Ntab-2" name="Ntab-group-1">
<label for="Ntab-2"> <i class="fa fa-heartbeat" style="font-size: 10px;margin-top:5px"></i>&nbsp; in depth</label>
<div class="Ncontent">
<table cellpadding="5" cellspacing="0"><tbody><tr><td>

<img src="http://placehold.it/200x345/eee/" width="200" height="345">

</td><td>

<div class="nstuff">
<div class="nstuffff">
<div class="head">basics</div>
<thing>full name:</thing> here
<br>
<thing>nicknames/aliases:</thing> here
<br>
<thing>age:</thing> in letters
<br>
<thing>place of birth:</thing> here
<br>
<thing>hometown:</thing> here
<br>
<thing>nationality:</thing> here
<br>
<thing>languages:</thing> here
<br>
<thing>member group:</thing> here

<div class="head">appearance</div>

<thing>height:</thing> here
<br>
<thing>weight:</thing> here
<br>
<thing>tattoos:</thing> here
<br>
<thing>piercings:</thing> here
<br>
<thing>scars:</thing> here
<br>
<thing>distinguishing features:</thing> here
<br>


<div class="head">relationships</div>

<thing>sexual orientation:</thing> here
<br>
<thing>relationship status:</thing> here
<br>
<thing>past partners:</thing> here

<div class="head">health</div>

<thing>physical ailments:</thing> here
<br>
<thing>neurological ailments:</thing> here
<br>
<thing>allergies:</thing> here
<br>
<thing>current addictions:</thing> here
<br>
<thing>smoking:</thing> here
<br>
<thing>drugs:</thing> here
<br>
<thing>alcohol:</thing> here
<br>

<div class="head">personality</div>

<thing>negative traits:</thing> here
<br>
<thing>positive traits:</thing> here
<br>
<thing>bad habits:</thing> here
<br>
<thing>fears:</thing> here
<br>
<thing>hopes and dreams:</thing> here
<br>
<thing>likes:</thing> here
<br>
<thing>dislikes:</thing> here

<div class="head">favorites</div>

<thing>television show:</thing> here
<br>
<thing>movie:</thing> here
<br>
<thing>book:</thing> here
<br>
<thing>character:</thing> here
<br>
<thing>author:</thing> here
<br>
<thing>song:</thing> here
<br>
<thing>food:</thing> here
<br>
<thing>school subject:</thing> here
<br>
<thing>holiday:</thing> here
<br>
<thing>season:</thing> here
<br>
<thing>color:</thing> here
<br>
<thing>feeling:</thing> here
<br>
<thing>location:</thing> here
<br>
<thing>person:</thing> here

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


<div class="Ntab">
<input type="radio" id="Ntab-3" name="Ntab-group-1">
<label for="Ntab-3"> <i class="fa fa-pencil fa-fw" style="font-size: 10px;margin-top:5px"></i>&nbsp; freeform</label>
<div class="Ncontent">

<div class="nstuff2" style="padding: 10px 40px 10px 40px">
<div class="head">this is a header</div>
Tacos retro drinking vinegar, next level intelligentsia mixtape umami. Poutine pork belly cornhole vice pabst locavore. Blue bottle flannel pork belly, chicharrones cornhole humblebrag readymade. Bushwick pickled intelligentsia heirloom master cleanse locavore, echo park affogato fixie. Mlkshk chartreuse normcore butcher, flexitarian pop-up XOXO tilde chambray PBR&amp;B. Hashtag drinking vinegar whatever, bespoke paleo cliche +1 chicharrones chia fixie you probably haven't heard of them intelligentsia. Blog pug four loko kinfolk disrupt, banjo portland celiac normcore narwhal franzen you probably haven't heard of them authentic.
<p>
Letterpress deep v gluten-free hella umami put a bird on it single-origin coffee godard. 8-bit post-ironic hammock forage four loko sriracha gastropub, lo-fi gentrify everyday carry. Wayfarers gluten-free organic 90's, letterpress small batch wolf kitsch. Synth salvia blog, pork belly plaid shoreditch 3 wolf moon. Flannel lumbersexual yuccie authentic, austin disrupt crucifix normcore meditation. Flannel helvetica church-key mlkshk. Fingerstache artisan tattooed raw denim, asymmetrical hoodie cred roof party tilde freegan mlkshk migas.
</p><p>
Pork belly meh banh mi kombucha trust fund. Normcore echo park cred, 8-bit cold-pressed waistcoat cardigan cornhole pour-over four loko blue bottle lumbersexual tote bag gochujang. Messenger bag wayfarers viral keffiyeh, banh mi letterpress cardigan pug celiac food truck. Hoodie retro organic poutine salvia, gluten-free vinyl. Distillery drinking vinegar schlitz biodiesel slow-carb listicle normcore, 8-bit franzen farm-to-table mixtape gluten-free helvetica flannel knausgaard. Chillwave quinoa four loko XOXO, mustache pork belly stumptown. Slow-carb flannel YOLO craft beer.
</p><p>
DIY quinoa chicharrones brooklyn VHS ethical. Butcher authentic freegan slow-carb. Celiac organic selvage art party fashion axe. Quinoa austin mustache intelligentsia ethical vinyl trust fund ugh cray whatever disrupt, listicle 90's. Four loko pop-up affogato, PBR&amp;B vinyl austin DIY next level +1 literally flannel freegan tumblr williamsburg. Pinterest organic asymmetrical kickstarter mumblecore. Sartorial bushwick asymmetrical, mlkshk shoreditch occupy photo booth chambray hella affogato gastropub.
</p><p>
Tacos retro drinking vinegar, next level intelligentsia mixtape umami. Poutine pork belly cornhole vice pabst locavore. Blue bottle flannel pork belly, chicharrones cornhole humblebrag readymade. Bushwick pickled intelligentsia heirloom master cleanse locavore, echo park affogato fixie. Mlkshk chartreuse normcore butcher, flexitarian pop-up XOXO tilde chambray PBR&amp;B. Hashtag drinking vinegar whatever, bespoke paleo cliche +1 chicharrones chia fixie you probably haven't heard of them intelligentsia. Blog pug four loko kinfolk disrupt, banjo portland celiac normcore narwhal franzen you probably haven't heard of them authentic.
</p><p>
Letterpress deep v gluten-free hella umami put a bird on it single-origin coffee godard. 8-bit post-ironic hammock forage four loko sriracha gastropub, lo-fi gentrify everyday carry. Wayfarers gluten-free organic 90's, letterpress small batch wolf kitsch. Synth salvia blog, pork belly plaid shoreditch 3 wolf moon. Flannel lumbersexual yuccie authentic, austin disrupt crucifix normcore meditation. Flannel helvetica church-key mlkshk. Fingerstache artisan tattooed raw denim, asymmetrical hoodie cred roof party tilde freegan mlkshk migas.
</p><p>
Pork belly meh banh mi kombucha trust fund. Normcore echo park cred, 8-bit cold-pressed waistcoat cardigan cornhole pour-over four loko blue bottle lumbersexual tote bag gochujang. Messenger bag wayfarers viral keffiyeh, banh mi letterpress cardigan pug celiac food truck. Hoodie retro organic poutine salvia, gluten-free vinyl. Distillery drinking vinegar schlitz biodiesel slow-carb listicle normcore, 8-bit franzen farm-to-table mixtape gluten-free helvetica flannel knausgaard. Chillwave quinoa four loko XOXO, mustache pork belly stumptown. Slow-carb flannel YOLO craft beer.
</p><p>
DIY quinoa chicharrones brooklyn VHS ethical. Butcher authentic freegan slow-carb. Celiac organic selvage art party fashion axe. Quinoa austin mustache intelligentsia ethical vinyl trust fund ugh cray whatever disrupt, listicle 90's. Four loko pop-up affogato, PBR&amp;B vinyl austin DIY next level +1 literally flannel freegan tumblr williamsburg. Pinterest organic asymmetrical kickstarter mumblecore. Sartorial bushwick asymmetrical, mlkshk shoreditch occupy photo booth chambray hella affogato gastropub.
</p></div></div></div>

<div class="Ntab">
<input type="radio" id="Ntab-4" name="Ntab-group-1">
<label for="Ntab-4"> <i class="fa fa-user-plus" style="font-size: 10px;margin-top:5px"></i> &nbsp; plotting</label>
<div class="Ncontent">

<table cellpadding="3" cellspacing="0"><tbody><tr>

<td><div class="nstuff">

<div class="head">about</div>

Tacos retro drinking vinegar, next level intelligentsia mixtape umami. Poutine pork belly cornhole vice pabst locavore. Blue bottle flannel pork belly, chicharrones cornhole humblebrag readymade. Bushwick pickled intelligentsia heirloom master cleanse locavore, echo park affogato fixie. Mlkshk chartreuse normcore butcher, flexitarian pop-up XOXO tilde chambray PBR&amp;B. Hashtag drinking vinegar whatever, bespoke paleo cliche +1 chicharrones chia fixie you probably haven't heard of them intelligentsia. Blog pug four loko kinfolk disrupt, banjo portland celiac normcore narwhal franzen you probably haven't heard of them authentic.
<p>
Letterpress deep v gluten-free hella umami put a bird on it single-origin coffee godard. 8-bit post-ironic hammock forage four loko sriracha gastropub, lo-fi gentrify everyday carry. Wayfarers gluten-free organic 90's, letterpress small batch wolf kitsch. Synth salvia blog, pork belly plaid shoreditch 3 wolf moon. Flannel lumbersexual yuccie authentic, austin disrupt crucifix normcore meditation. Flannel helvetica church-key mlkshk. Fingerstache artisan tattooed raw denim, asymmetrical hoodie cred roof party tilde freegan mlkshk migas.

</p><div class="head">friendly</div>

Pork belly meh banh mi kombucha trust fund. Normcore echo park cred, 8-bit cold-pressed waistcoat cardigan cornhole pour-over four loko blue bottle lumbersexual tote bag gochujang. Messenger bag wayfarers viral keffiyeh, banh mi letterpress cardigan pug celiac food truck. Hoodie retro organic poutine salvia, gluten-free vinyl. Distillery drinking vinegar schlitz biodiesel slow-carb listicle normcore, 8-bit franzen farm-to-table mixtape gluten-free helvetica flannel knausgaard. Chillwave quinoa four loko XOXO, mustache pork belly stumptown. Slow-carb flannel YOLO craft beer.
<p>
DIY quinoa chicharrones brooklyn VHS ethical. Butcher authentic freegan slow-carb. Celiac organic selvage art party fashion axe. Quinoa austin mustache intelligentsia ethical vinyl trust fund ugh cray whatever disrupt, listicle 90's. Four loko pop-up affogato, PBR&amp;B vinyl austin DIY next level +1 literally flannel freegan tumblr williamsburg. Pinterest organic asymmetrical kickstarter mumblecore. Sartorial bushwick asymmetrical, mlkshk shoreditch occupy photo booth chambray hella affogato gastropub.

</p><div class="head">romantic</div>

Tacos retro drinking vinegar, next level intelligentsia mixtape umami. Poutine pork belly cornhole vice pabst locavore. Blue bottle flannel pork belly, chicharrones cornhole humblebrag readymade. Bushwick pickled intelligentsia heirloom master cleanse locavore, echo park affogato fixie. Mlkshk chartreuse normcore butcher, flexitarian pop-up XOXO tilde chambray PBR&amp;B. Hashtag drinking vinegar whatever, bespoke paleo cliche +1 chicharrones chia fixie you probably haven't heard of them intelligentsia. Blog pug four loko kinfolk disrupt, banjo portland celiac normcore narwhal franzen you probably haven't heard of them authentic.
<p>
Letterpress deep v gluten-free hella umami put a bird on it single-origin coffee godard. 8-bit post-ironic hammock forage four loko sriracha gastropub, lo-fi gentrify everyday carry. Wayfarers gluten-free organic 90's, letterpress small batch wolf kitsch. Synth salvia blog, pork belly plaid shoreditch 3 wolf moon. Flannel lumbersexual yuccie authentic, austin disrupt crucifix normcore meditation. Flannel helvetica church-key mlkshk. Fingerstache artisan tattooed raw denim, asymmetrical hoodie cred roof party tilde freegan mlkshk migas.

</p><div class="head">antagonistic</div>

Pork belly meh banh mi kombucha trust fund. Normcore echo park cred, 8-bit cold-pressed waistcoat cardigan cornhole pour-over four loko blue bottle lumbersexual tote bag gochujang. Messenger bag wayfarers viral keffiyeh, banh mi letterpress cardigan pug celiac food truck. Hoodie retro organic poutine salvia, gluten-free vinyl. Distillery drinking vinegar schlitz biodiesel slow-carb listicle normcore, 8-bit franzen farm-to-table mixtape gluten-free helvetica flannel knausgaard. Chillwave quinoa four loko XOXO, mustache pork belly stumptown. Slow-carb flannel YOLO craft beer.
<p>
DIY quinoa chicharrones brooklyn VHS ethical. Butcher authentic freegan slow-carb. Celiac organic selvage art party fashion axe. Quinoa austin mustache intelligentsia ethical vinyl trust fund ugh cray whatever disrupt, listicle 90's. Four loko pop-up affogato, PBR&amp;B vinyl austin DIY next level +1 literally flannel freegan tumblr williamsburg. Pinterest organic asymmetrical kickstarter mumblecore. Sartorial bushwick asymmetrical, mlkshk shoreditch occupy photo booth chambray hella affogato gastropub.

</p><div class="head">other</div>

Tacos retro drinking vinegar, next level intelligentsia mixtape umami. Poutine pork belly cornhole vice pabst locavore. Blue bottle flannel pork belly, chicharrones cornhole humblebrag readymade. Bushwick pickled intelligentsia heirloom master cleanse locavore, echo park affogato fixie. Mlkshk chartreuse normcore butcher, flexitarian pop-up XOXO tilde chambray PBR&amp;B. Hashtag drinking vinegar whatever, bespoke paleo cliche +1 chicharrones chia fixie you probably haven't heard of them intelligentsia. Blog pug four loko kinfolk disrupt, banjo portland celiac normcore narwhal franzen you probably haven't heard of them authentic.
<p>
Letterpress deep v gluten-free hella umami put a bird on it single-origin coffee godard. 8-bit post-ironic hammock forage four loko sriracha gastropub, lo-fi gentrify everyday carry. Wayfarers gluten-free organic 90's, letterpress small batch wolf kitsch. Synth salvia blog, pork belly plaid shoreditch 3 wolf moon. Flannel lumbersexual yuccie authentic, austin disrupt crucifix normcore meditation. Flannel helvetica church-key mlkshk. Fingerstache artisan tattooed raw denim, asymmetrical hoodie cred roof party tilde freegan mlkshk migas.
</p></div></td>
<td>

<img src="http://placehold.it/200x345/eee/" width="200" height="345">

</td></tr></tbody></table>

</div>
</div>

<div class="Ntab">
<input type="radio" id="Ntab-5" name="Ntab-group-1">
<label for="Ntab-5"> <i class="fa fa-cog fa-fw" style="font-size: 10px;margin-top:5px"></i> &nbsp; player</label>
<div class="Ncontent">
<table cellpadding="5" cellspacing="0"><tbody><tr><td>
<img src="http://placehold.it/200x160/eee" width="200" height="160">
<p>
<img src="http://placehold.it/200x160/eee" width="200" height="160">
</p></td><td>
<div class="nstuff">
<div class="nstuffff">
<div class="head">alias</div>
<thing>nicknames:</thing> here
<br>
<thing>age:</thing> here
<br>
<thing>pronouns:</thing> in letters
<br>
<thing>timezone:</thing> ##day month, ## year
<br>
<thing>contact:</thing> here
<br>
<thing>triggers:</thing> here
<br>
<thing>mature threading:</thing> here
<br>
<thing>other characters:</thing> here
<thing>about:</thing> write a lil' bout yourself here!
</div></div></td></tr></tbody></table>

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

0


Вы здесь » Осколки памяти » Коды и скрипты » Коды оформления сообщений


Рейтинг форумов | Создать форум бесплатно