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

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

Вниз страницы
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

Cor Angelus

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

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


Вы здесь » Cor Angelus » ветра в крылья » танцы с кодами


танцы с кодами

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

1

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

.bts1 {  opacity: 0; width: 100px; height: 100px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s; }
.bts1:hover { opacity: 1; }
.bts2 { width: 80px; background-color: #fff; padding: 6px; font-family: calibri; letter-spacing: 2px;  font-size: 6px; text-align: center; line-height: 100%; color: #000; border-bottom: solid 1px #b5b994;  position: relative; top: 110px; margin: 5px; margin-left: 5px; text-transform: uppercase;}
.bts22 { width: 80px; background-color: #fff; padding: 6px; font-family: calibri; letter-spacing: 2px;  font-size: 6px; text-align: justify; line-height: 100%; color: #000; border-bottom: solid 1px #b5b994; position: relative; top: 110px; margin: 5px; margin-left: 5px; text-transform: uppercase;}
.btstitle1 { width: 350px; height: 50px; background-color: #000; }
.btstitle2 { text-align: right; letter-spacing: 5px; text-transform: uppercase; font-family: calibri; font-size: 6px; color: #fff; position: relative; top: 20px; margin-right: 20px; }
.btsimg1 { position: absolute; margin-top: 10px; margin-left: 0px;width: 125px; height: 125px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; background-color: #fff; z-index: 1; }
.btsimg2 { position: absolute; margin-top: 23px; margin-left: 13px;width: 100px; height: 100px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; background: url(http://i4.imageban.ru/out/2015/08/18/4f9991cf8c7c69ef91e7705e6e2aa676.png) no-repeat; z-index: 1; }
.whyb { width: 200px; height: 300px; overflow: auto; font-family: arial; font-size: 8px; letter-spacing: 0px; text-transform: none; text-align: justify; line-height: 11px; border-left: solid 1px #eef5fb; padding-left: 60px; padding-right: 10px; }
.whyb b { font-size: 12px; font-style: italic; color: #000; font-family: times; }
.whyb::-webkit-scrollbar {width: 1px;}
.whyb::-webkit-scrollbar-track { background: #fff; }
.whyb::-webkit-scrollbar-thumb { background: #000; }
.streetcred {  text-align: center; font-size: 10px; }

</style>

<div style="margin: auto;width: 350px; background-color: #fff; box-shadow: 1px 1px 10px #000; padding: 10px; height: 400px;"><div class="btstitle1"><div class="btstitle2">& WHERE HAVE YOU BEEN</div><div class="btsimg1"></div><div class="btsimg2"><div class="bts1">
<div class="bts2">MY FRIEND</div>
<div class="bts2">MASAKAGE TAIRA</div>
<div class="bts22">БЕЛЫЙ ОКАМИ, II КУРС, АКАДЕМИЯ МУН</div></div></div>
<div style="position: relative; margin-left: 60px;top: 55px; padding: 10px;"><div class="whyb">

Масакаге – четвертый, самый младший сын. Его отец тоже был четвертым сыном, но по стечению обстоятельств именно ему выпала честь стать главой семьи. На данный момент нет никаких предпосылок, чтобы такая участь постигла и Масакаге, и это более чем устраивает молодого оками. 
Братья Тайра получали лучшее образование, впитали семейные традиции с молоком матери, но при этом не были лишены свободы определения. У каждого своя голова на плечах, у каждого свои мечты и цели в жизни, которых они непременно достигнут, иначе будут недостойны носить имя Тайра. Как такового явного давления в семье не было никогда, но оно все равно ощущалось, потому что волчата полностью осознавали, к какому роду они принадлежат и какую ответственность несут. Маса вырос самым высоким и крепким из братьев, возможно, причиной тому послужил тот факт, что он позже всех был отлучен от материнской груди. Такого отлучи, как вцепится, так и все тут. Поскольку волки не являются любителями демонстрировать человеческий облик без надобности, то и четвертый сын Тайра встал на две ноги спустя 5 лет от роду. 
Белое и пушистое нечто с мокрым носом, снующее по поместью, внезапно набрасывающееся на родителей, братьев и прислугу, да на всех, разве кто-нибудь мог представить, что в будущем он может стать монстром, вселяющим страх в души людей.  Кстати о людях. Первый контакт с ними, точнее, с двумя представителями произошел в тринадцать лет. Масакаге беззаботно носился по лесу, наводя ужас, страх и фейспалм на его обитателей, но какое-то непонятное чувство заставило его резко остановиться. Казалось, будто его зовут. Сначала очень тихо, едва уловимо. Потом этот зов превратился в нечто навязчивое, вызывая приступ паники у волчонка. Спустя мгновение он нашел себя в какой-то комнате в человеческом обличии, а напротив стоял мальчик примерно его возраста. Оказалось, что этот мальчик хотел вызвать духа, и этим духом по счастливой случайности (а случайности ли) оказался именно Тайра. После пережитого Масакаге был настроен очень агрессивно, однако тягу к приключениям никто не отменял, поэтому агрессия сменилась любопытством, а затем вовсе переросла в то, что через несколько лет положит начало большой и крепкой дружбе. Пробыли они вместе недолго.  Дед мальчика обнаружил ёкая, после чего за ним пришли родители. Тайра заметил одну странную особенность. Что-то неведомое еще пока ему было между его отцом и тем стариком. Мать, поклонившись, увела сына за руку, а глава семьи задержался ненадолго. Маса чуть шею не свернул, наблюдая за теми двумя, но так и не смог разглядеть то, что можно было увидеть только в 14-м измерении. 

</p>

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

0

2

Код:
<!--HTML--><link href="http://fonts.googleapis.com/css?family=Seaweed+Script" rel="stylesheet" type="text/css"><style type="text/css">
.ames-dw-post { width: 400px; height: 500px;  padding: 15px; position: relative; background-color: #1a1a1a; color: #ccc; font-family: calibri; line-height: 100%;  }
.ames-dw-post-img { width: 400px; position: absolute; top: 15px; left: 15px; }
.ames-dw-post-info { padding: 5px; position: relative; bottom: -180px; z-index: 1; background-color: #151515;  color: #ffffff; font-size: 8px; line-height: 100%; text-align: center; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; }
.ames-dw-post-info:after { content: ''; position: absolute; top: -18px; left: 20px; z-index: 1; display: block; border-style: solid; border-width: 0px 20px 18px; border-color: #151515 transparent; }
.ames-dw-post-info:hover { bottom: -154px; }
.ames-dw-lyrics { width: 400px; padding-top: 20px; position: absolute; top: 195px; z-index: 2; background-color: #1A1A1A; font-size: 7.5px; text-align: center; text-transform: uppercase; letter-spacing: 2px; border-top: 4px solid #B43192; }
.ames-dw-lyrics b { display: block; color: #B43192; font-family: seaweed script; font-size: 20px; line-height: 50%; text-transform: lowercase; letter-spacing: 0px; font-weight: normal; }
.ames-dw-post-content { padding: 15px 13px 15px 15px; position: absolute; bottom: 15px; left: 15px; background-color: #151515; }
.ames-dw-post-pad { width: 365px; height: 230px; padding-right: 6px; overflow: auto; font-size: 11px; line-height: 90%; text-align: justify; }
.ames-dw-post-pad b, .ames-dw-post-info b { color: #B43192; }
.ames-dw-post-pad:first-letter { float: left; font-family: seaweed script; font-size: 30px; margin: 8px 8px 0 4px; color: #B43192; line-height: 60%; }
.ames-dw-post-pad::-webkit-scrollbar-thumb { background-color: #B43192; }
.tcred { text-transform: uppercase; text-align: right; width: 400px; }
.tcred a {font-family: calibri; font-size: 8px; letter-spacing: 1px; }
</style>
<center>
<div class="ames-dw-post">
<img src="http://i2.imageban.ru/out/2015/08/20/a55ac49d6838d78c6846454f4416267c.png" class="ames-dw-post-img">
<div class="ames-dw-post-info">Shiro Honda, academy Ran, III course - брат и поддержка, второе сердце.</div>
<div class="ames-dw-lyrics"><b>The love of a family is life's greatest blessing.</b>
Family - is the power of family support comes in, it should be.</div>
<div class="ames-dw-post-content"><div class="ames-dw-post-pad">

ВАШ ПОСТ ЗДЕСЬ


<br><br>
<b>ЦВЕТНОЙ ТЕКСТ ЗДЕСЬ</b>

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

0

3

4

Код:
 <!--HTML--><center>
<div class="lightning">
<div style="width: 400px; height: 226px; background-image: url(http://33.media.tumblr.com/ea214caf685a48301c282ffc94741f0c/tumblr_ms1ugeDj9u1sr6xgvo1_400.gif);">
<div class="lightningtext"> <h1>### words | name</h1>

<p>Words go here <b>"Speech"</b></p>

</div></div></div><div class="lightningcred"><a href="http://roux.b1.jcink.com/index.php?showuser=388">shawnarew</a></div>


</center>
<link href='http://fonts.googleapis.com/css?family=Gruppo' rel='stylesheet' type='text/css'>
<style type="text/css">
.lightning {width: 400px; height: 226px; padding: 20px; border: 1px solid #615263;}
.lightningtext {width: 378px; height: 204px; padding: 10px; background-color:rgba(12,13,11,.6); overflow: auto; font: 9px/11px helvetica; color: #938995; text-align: justify; border: 1px solid #2A262C; opacity: 0; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -ms-transition: all .2s ease-out;}
.lightning:hover .lightningtext {opacity: 1;}
.lightningtext p:first-letter {float: left; font-size: 30px; font-family: 'Gruppo', cursive; padding: 2px 5px; margin-top: 2px; }
.lightningtext b {font-weight: bolder; color: #ACA1AE;}
.lightningtext h1 {text-align: center; font-weight: normal; font: 11px/11px helvetica; font-variant: small-caps; color: #938995;}
.lightningtext::-webkit-scrollbar { width:7px; background: transparent; border: 0px;}.lightningtext::-webkit-scrollbar-thumb {background: transparent; border-left: 2px solid #615263; } .lightningtext::-webkit-scrollbar-corner {background: #615263; }
.lightningcred a:link, .lightningcred a:visited, .lightningcred a:active { font-family: georgia; font-size: 7px; text-transform: uppercase; letter-spacing: 2px; line-height: 15px; text-decoration: none; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -ms-transition: all .2s ease-out; color: #444444; } .lightningcred a:hover { color: transparent; text-shadow: 1px 0px 1px #938995; letter-spacing: 5px;}
</style>

0

5

Код:
 <!--HTML--><link href='http://fonts.googleapis.com/css?family=Megrim|Bangers' rel='stylesheet' type='text/css'><center><div style="width: 400px; padding-top: 40px; padding-left: 20px; padding-right: 50px; padding-bottom: 60px; background-color: #4A322A; border-right: 20px solid #5C3E91;"><div style="width: 400px; background-color: #fff; padding: 20px; border-right: 20px solid #DAF0FD;"> <br><a href="http://roux.jfbs.net/index.php?showuser=14"><div style="font-family: bangers; color: #000; text-align: center; text-transform: uppercase; font-size: 70px;">FIRST LAST</div></a> <br><br> <div style="font-family: megrim; font-size: 20px; text-transform: uppercase; text-align: justify; color: #000; letter-spacing: -2px;">FACE CLAIM ▲ AGE ▲ GROUP / ADD HOWEVER MANY YOU LIKE</div> <br> <div style="width: 400px; height: 360px; background-image: url(http://placehold.it/400x360);"></div><br><br>

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="400" height="10">
   <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
   <param name="bgcolor" value="#ffffff" />
   <param name="FlashVars" value="mp3=MP3 URL GOES HERE&amp;bgcolor=ffffff&amp;loadingcolor=000000&amp;buttoncolor=5C3E91&amp;slidercolor=5C3E91" />
</object><p>

<div style="text-align: justify; font-size: 9px; font-family: arial; line-height: 100%;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.<p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.<p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. </div></div></div></center>

0

6

Код:
<!--HTML-->
<link href="//fonts.googleapis.com/css?family=Playfair+Display:400|Roboto+Condensed:400|Sail:400" rel="stylesheet" type="text/css">
<div id="chickenwings">
<div id="doughnuts">
<center><div class="riddycontain">

<div class="ridtab">
<input type="radio" id="ridtab-1" name="tab-group-1">
<label for="ridtab-1">Character 3</label>
<div class="content">
Tab 3

</div>
<div class="tippytop">
<a href="/">Application</a> <a href="/"> Shipper</a><p>
<img src="http://placehold.it/100x100" style="margin-bottom:-20px"><br>
<b>First Last</b>
<table><tr><td class="block">trait</td></tr><tr><td class="block">trait</td></tr><tr><td class="block">trait</td></tr><tr><td class="block">trait</td></tr></table>
</div>



<div class="ridtab">
<input type="radio" id="ridtab-2" name="tab-group-1" checked>
<label for="ridtab-2">Character 1</label>
<div class="content">
<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a,<b> venenatis vitae, justo</b>. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.<i> Vivamus</i> elementum semper nisi. Aenean vulputate eleifend tellus.</p>
<ul>
<li>Lorem ipsum dolor sit amet, </li>
</ul>
<p>consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>

</div>
<div class="tippytop">
<a href="/">Application</a> <a href="/"> Shipper</a><p>
<img src="http://placehold.it/100x100" style="margin-bottom:-20px"><br>
<b>First Last</b>
<table><tr><td class="block">trait</td></tr><tr><td class="block">trait</td></tr><tr><td class="block">trait</td></tr><tr><td class="block">trait</td></tr></table>
</div>
</div>


<div class="ridtab">
<input type="radio" id="ridtab-3" name="tab-group-1">
<label for="ridtab-3">Character 2</label>
<div class="content">
tab two stuff

</div>
<div class="tippytop">
<a href="/">Application</a> <a href="/"> Shipper</a><p>
<img src="http://placehold.it/100x100" style="margin-bottom:-20px"><br>
<b>First Last</b>
<table><tr><td class="block">trait</td></tr><tr><td class="block">trait</td></tr><tr><td class="block">trait</td></tr><tr><td class="block">trait</td></tr></table>
</div>
</div>
</div>




</div></center></div>
</div>
<center> <a href="http://shine.b1.jcink.com/index.php?showuser=10275">▄</a> <a href='http://roux.b1.jcink.com/index.php?showuser=1735'>▄</a></center></div>

<style>#chickenwings {width:500px; height:350px; background:#AA9897; margin:auto; box-shadow:3px 3px 10px #222}
#doughnuts {width:300px; height:350px; background:#997E87; float:left}
#krispykreme {width:200px; height:350px; background:#AA9897; float:right}
.riddycontain {position: relative; width: 500px;height: 350px; overflow:hidden}
.ridtab {float: left;}
.ridtab label {
background: transparent !important;
padding: 10px;
border: 0px !important;
margin-left: -1px;
font: 10px 'playfair display';
position: relative;
left: 40px;
top: 10px;
color:#222;
}
.ridtab [type=radio] {
display: none; 
}
.content {position: absolute;top: 35px;bottom: 0px;left: 30px;right: 0px;background: #BAB3A7; height: 250px; width:200px;padding: 20px;border: 1px solid #CBCDB7; -webkit-transform: rotate(360deg) scale(0); -o-transform: rotate(360deg) scale(0); -moz-transform: rotate(360deg) scale(0); -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; font: 10px 'helvetica'; text-align:justify; overflow:auto;
}
.content li, b, i {list-style-type:square; color:#805C56}
.tippytop { position:absolute; left:300px; background:#AA9897; width:200px; height:300px; top:20px; transform:translate(200px, 0px);-webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; }
.tippytop a {color:#CBCDB7; text-decoration:none; font: 10px 'playfair display'}
.tippytop b {font:2em 'sail'; color:#dadbcb; text-shadow:0px 0px 8px #000, 0px 0px 15px #fff}
.block {font: 15px 'roboto condensed'; color:#997E87; text-shadow:0px 0px 10px #fff}
[type=radio]:checked ~ label {
background: transparent !important;
border-bottom: 0px !important;
z-index: 2;
color:#DADBCB; text-shadow: 2px 2px 3px #222
}
[type=radio]:checked ~ label ~ .content {
z-index: 1; transform: scale(1); transition-delay:0.5s;
}
[type=radio]:checked ~ label ~ .tippytop {z-index:1;transform:translate(0px, 0px);transition-delay:0.5s }
.content::-webkit-scrollbar {
width: 1em;
}
.content::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.content::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
}</style>

0

7

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

<div class="buryme"><div class="insadness"> 


<img src="http://i.imgur.com/b8f62xF.jpg"> 


</div>
<div class="sharpknife">

The sharp knife of a short life, oh well

</div>

<div class="listening">

If I die young, bury me in satin
Lay me down on a bed of roses
Sink me in the river at dawn
Send me away with the words of a love song

<br><Br>

Выдержке брата можно только позавидовать. Вот это сила духа! Вот это самообладание! Не ударил в гряз лицом, ну, только дерганый слегка, но это ничего… Это пройдет, когда покупатель покинет магазин, когда пальцы Мариана будут сжимать волосы близнеца, а сам будет жадко толкаться бедрами в горячий рот, беря его так, как хочет он один, а не Крис. И второй был полностью с этим согласен и полностью на это готов. Все это будет так скоро, как только возможно. В таком состоянии и положении Восставший вряд ли удержится от того, чтобы не спровадить позднего гостя поскорее. Мужчина сжимает губы плотнее, двигается еще резче, принимает глубоко, пошло причмокивая и шумно вздыхая: эти звуки благополучно заглушал разговор, но ведь Мари наверняка их слышал?... Бенуа отстраняется, вылизывает член брата, вновь надрачивает рукой и, взяв в ладонь, сосет ритмично и неглубоко, вбирая в рот только головку и помогая себе языком в каждом движении. Кажется, продавец становится еще более неспокойным, что не может скрыться от глаз покупателя и гость поспешно покидает магазин. Отлично. Просто отлично! Пальцы Кристиана сжимаются в кольцо у собственного стоящего члена, ритмично двигаются в такт движениям губ на органе брата. Он ласкает себя грубо и неуклюже в неудобном положении, но, черт, какие это были ощущения! Яркие, сумасшедшие от своей извращенности, возбуждающие, почти оргазмичные. Восставший вполне себе мог кончить уже сейчас, слишком изголодавшийся и соскучившийся по ласке. Но терпит, сдавливая свой член у основания. Брюнет чувствует, как сладко скользят от густой смазки пальцы, чувствует ее вкус во рту и глухо несдержанно постанывает в нос. Становилось слишком горячо, слишком душно. Одежда казалась тесной, и липкой, и совсем ненужной.
Стикс усмехается, поднимает взгляд на брата и оглаживает того по бедру, чтобы в следующую секунду грубо и больно сжать пальцами, чувствуя ладонь на затылке. Властные, задающие глубину и темп пальцы. Бенуа открывает рот и немного высовывает язык, заглатывая твердый член до основания и вместе с каждым движением проходясь по нему языком, пропуская по щеке и снова в горло. Он делает это уже по привычке легко, умело, пропуская в себя манящий жар плоти. Позавидовать такой мобильности могла и любая девушка, хотя кто знает, может в мире существуют люди и более извращенные, чем эти двое... 
Близнец не церемонился и ему это нравилась. Чувствовать власть и покорность. И эти грязные словечки… <i>Сволочь, тебе же это нравится! Я чувствую насколько горячим и твердым он стал… Стоит так, как никогда еще не стоял. Кажется, воздержание идет тебе на пользу.</i> И оооо, даааа, Кристиан ни за что в жизни не стал бы за такое оправдываться и Мариант это знал. Знал и продолжал издеваться тем, что оттягивал желаемое обоими. Бенуа немного приподнимается , наклоняет голову и опускается по органу вниз, утыкаясь носом в пах любовника. Старается расслабить горло, но все же давится, затем исправляясь и жмурится, отстраняясь не сразу, несколько секунд держит его в себе и отрывается с томным стоном, облизывая влажные от смеси слюны и смазки губы, утирает вязкий подтек с подбородка и смотрит на брата заискивающе, взглядом хитрым, мутным, зовущим. Мужчина  раздвигает колени в стороны, чтобы брат мог увидеть, что не он один получает ласку. Это могло его разозлить. А Крис дюже любил, когда его близнец был бесконтрольным сумасшедшим чудовищем. Это пугало. И заводило. От одних мыслей уже требовательно заныл живот. Влажный горячий язык проходится по низу живота до пупка. Все занимает от силы пару мгновений прежде, чем плоть Мариана снова оказывается внутри ласкающего рта, прежде, чем он снова начинает толкаться бедрами навстречу.


</div></div><div style="width:550px; text-align:right; opacity:0.8; font-size:9px; margin:0 auto;"> </div><style>.buryme { width:450px; padding:20px; background:white; color:black; font-size:11px; line-height:13px; font-family:helvetica; margin:0 auto; } .insadness { margin:0 auto; text-align:center; } .insadness img { height: 80px; width:80px; border:3px double black; }.sharpknife { text-align:center; padding:5px 15px; border-bottom:3px double black; }.listening { text-align:justify; padding:7px 0; font-family:arial; font-size:11px; }</style>

0

8

Код:
<!--HTML--><link href="//fonts.googleapis.com/css?family=Lato:400|Megrim:400|Strait:400|Roboto:400" rel="stylesheet" type="text/css">

<div id="darkside" style="background:url(http://placehold.it/500x350)">
<div id="darksideleft"><center><img src="http://placehold.it/100x100" style="margin-top:5px; border-radius:5px;"> <h1>She's a </h1><h2>Firestarter</h2>
<div class="thumb">Tag</div>
<div class="thumb">notes</div>
<div class="thumb">words</div> 
</div>
<div id="darksideright"><div id="contentrid">

Post here loves!

</div><center> <a href="http://shine.b1.jcink.com/index.php?showuser=10275">▲</a> <a href='http://roux.b1.jcink.com/index.php?showuser=1735'>▲</a></center></div>
</div><style>#darkside {width:500px; height:350px; background:black; margin:auto; border: 1px solid #222; outline: 5px double #222; outline-offset:3px; overflow:hidden}
#darksideleft {width:200px; height:350px; background:#3A3232; float:left; transform:translate(-200px, -350px); transition:all 1s ease}
#darksideright {width:300px; height:350px; background:#F07848; float:right;transform:translate(300px, 350px); transition:all 1s ease}
#darkside:hover #darksideleft {transform:translate(0px,0px);}
#darkside:hover #darksideright {transform:translate(0px,0px);}
#darksideleft h1 {font: 20px strait; border-bottom: 5px double #F07848; margin-left:20px; margin-right:20px; padding-bottom:5px; }
#darksideleft h2 {font:35px megrim; margin-top:-15px; text-shadow:0px 1px 5px #fff; margin-bottom:10px}
.thumb {background:#F07848; margin-top:5px; margin-left:20px; margin-right:20px; padding:10px; font: 15px strait; text-transform:uppercase;transition: all 1s ease}
.thumb:hover {border-left: 20px solid #D83018; width:140px}
#contentrid {width:230px; margin:auto; text-align:justify; height:280px; background:#FDFCCE; padding:10px; margin-top:25px; overflow:auto; font: 11px calibri}
#contentrid b{color:#C0D8D8}
</style>

0

9

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="https://www.dropbox.com/s/qfwmv3a3rz6puty/lethergo.css?dl=1">
<center>
   <div class="nexus-petezahhutt"><div class="nexus-kylern">
WORDS WILL GO HERE
</div></div>
   <div class="nexus-turqmelon">
   <div style="padding-top:25px;"></div>
       <table cellspacing="2"><tr vAlign="top">
           <td><img src="http://placehold.it/100x100"></td>
               <td><div class="nexus-asfjerome">thread title</div>
                      <div class="nexus-bajancanadian">### words - for name - additional notes</div></td>
       </tr></table>
   </div>
<div class="codesbymerc" style="margin-top:0px;"><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=37282">THANKS</a><a href="http://roux.jfbs.net/index.php?showuser=1">MERC</a></div>
</center>

0

10

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

<div style="width: 362px; padding: 10px; background: #2B241E; border-top: 15px solid #B5BECD; border-bottom: 15px solid #B5BECD">

<div style="width: 350px; padding: 5px; background: #7B706E; border: 1px dashed #A7897E; text-align:justify; line-height: 100%">

<div style="width: 350px; height: 200px; background: url(image here image here image here 350 x 200 350 x 200);margin-bottom: 5px;"></div>

<div style="font-family: time; text-transform: lowercase; text-align:center; line-height: 80%; color: #B5BECD; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; font-size: 62px; letter-spacing: -7px; margin-top: -40px;">dead until dark</div>


<div style="padding: 5px; border: 1px solid #2B241E; width: 338px; background: #D2D5CC">

<div style="width: 268px; padding: 5px 35px 5px 35px; font-family: trebuchet ms; font-size: 10px; color: #666">

Rp thread here

</div></div></div></div><a href="http://roux.jfbs.net/index.php?showuser=25">^__^</a>


</center>

0

11

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>

<style type="text/css">

.thread { width: 400px; }

.redfield { width: 400 px; height 40px; background-color: #343434; font-family: 'calibri'; text-align: center; text-transform: uppercase; line-height: 40px; font-size: 8px; letter-spacing: 2px; color: #fff; }

.kennedy { width: 400 px; height 40px; background-color: #343434; font-family: 'oswald'; text-align: center; text-transform: uppercase; line-height: 40px; font-size: 8px; letter-spacing: 2px; color: #fff; }

.wong { opacity: 0.0;transition-duration: 0.6s;-moz-transition-duration: 0.6s;-webkit-transition-duration: 0.6s;-o-transition-duration: 0.6s;background: #343434; color: #fff; text-align: justify; width: 400px; height: 200px; } 

.wong:hover { opacity: .78}

.birkin { width: 360px; padding: 20px; background-color: #eee; color: #222; text-align: justify; font-size: 10px; font-family: helvetica; line-height: 100%; }

.valentine { width: 360px; padding: 20px; text-transform: uppercase; color: #222; text-align: right; font-size: 8px; font-family: helvetica; line-height: 100%; }

</style>

<center><div class="thread">

<div style="width:400; height:200; font-size: 10px; text-transform: uppercase; font-family: oswald; background-image:url(http://i61.tinypic.com/24c8dnt.png);">

<div class="wong">

<div style="padding-left: 80px; padding-right: 80px; padding-top: 80px; padding-bottom: 80px;">a couple lines of lyrics can go here or maybe some notes or something but don't make it too long it doesn't scroll. </div></div></div>

<div class="kennedy"> thread title or some lyrics here! </div>

<div class="birkin">

And your thread goes here!

</div>

<div class="redfield">TAG: HERE | WORDS: HERE | <a href="http://roux.b1.jcink.com/index.php?showuser=119">&copy; tracy</a></div>

0

12

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

<style type="text/css">
::-webkit-scrollbar-corner { background: #980945; }
::-webkit-scrollbar { background: #fff; width:7px; }
::-webkit-scrollbar-thumb { background:#980945; width:7px; }
.spacer { width:200px; height:25px; }
.spacer2 { width:200px; height:15px; }
.thetext { width:195px; height:220px; overflow:auto; padding-right:5px; color:#000; font-family:arial; font-size:9px; text-align:justify; line-height:95%; }
.lyricss { width:200px; padding-top:2px; padding-bottom:2px; background-image:URL(http://i.imgur.com/57hT5PO.png); color:white; text-transform:uppercase; letter-spacing:3px; font-size:7px; }
.rpimage { position:relative; top:30px; width:200px; height:200px; background-image:URL(200X200 IMAGE GOES HERE!!!!!!); border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; -ms-border-radius:100%; }
.topbackground { width:400px; height:200px; background-image:URL(http://i.imgur.com/57hT5PO.png); }
</style>

<center><div class="topbackground"><div class="rpimage"></div></div><div style="width:350px; background-color:white; padding:25px;">

<div class="spacer"></div>
<div class="lyricss">weight of living</div>
<div class="spacer"></div>

<div class="thetext">

Выдержке брата можно только позавидовать. Вот это сила духа! Вот это самообладание! Не ударил в гряз лицом, ну, только дерганый слегка, но это ничего… Это пройдет, когда покупатель покинет магазин, когда пальцы Мариана будут сжимать волосы близнеца, а сам будет жадко толкаться бедрами в горячий рот, беря его так, как хочет он один, а не Крис. И второй был полностью с этим согласен и полностью на это готов. Все это будет так скоро, как только возможно. В таком состоянии и положении Восставший вряд ли удержится от того, чтобы не спровадить позднего гостя поскорее. Мужчина сжимает губы плотнее, двигается еще резче, принимает глубоко, пошло причмокивая и шумно вздыхая: эти звуки благополучно заглушал разговор, но ведь Мари наверняка их слышал?... Бенуа отстраняется, вылизывает член брата, вновь надрачивает рукой и, взяв в ладонь, сосет ритмично и неглубоко, вбирая в рот только головку и помогая себе языком в каждом движении. Кажется, продавец становится еще более неспокойным, что не может скрыться от глаз покупателя и гость поспешно покидает магазин. Отлично. Просто отлично! Пальцы Кристиана сжимаются в кольцо у собственного стоящего члена, ритмично двигаются в такт движениям губ на органе брата. Он ласкает себя грубо и неуклюже в неудобном положении, но, черт, какие это были ощущения! Яркие, сумасшедшие от своей извращенности, возбуждающие, почти оргазмичные. Восставший вполне себе мог кончить уже сейчас, слишком изголодавшийся и соскучившийся по ласке. Но терпит, сдавливая свой член у основания. Брюнет чувствует, как сладко скользят от густой смазки пальцы, чувствует ее вкус во рту и глухо несдержанно постанывает в нос. Становилось слишком горячо, слишком душно. Одежда казалась тесной, и липкой, и совсем ненужной. Стикс усмехается, поднимает взгляд на брата и оглаживает того по бедру, чтобы в следующую секунду грубо и больно сжать пальцами, чувствуя ладонь на затылке. Властные, задающие глубину и темп пальцы. Бенуа открывает рот и немного высовывает язык, заглатывая твердый член до основания и вместе с каждым движением проходясь по нему языком, пропуская по щеке и снова в горло. Он делает это уже по привычке легко, умело, пропуская в себя манящий жар плоти. Позавидовать такой мобильности могла и любая девушка, хотя кто знает, может в мире существуют люди и более извращенные, чем эти двое... Близнец не церемонился и ему это нравилась. Чувствовать власть и покорность. И эти грязные словечки…

</div>
</center>

0

13

Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Oswald:700' rel='stylesheet' type='text/css'>

<style type="text/css">
#sidetitles { width:100px; padding:10px; background-color:white; }
#sidefont { font-family:arial; font-size:7px; text-transform:uppercase; color:black; letter-spacing:1px; text-align:justify; }
#middleconnect { width:10px; background-color:white; height:27px; }
#sspace { width:100px; height:10px; }
#maintext { width:240px; padding:15px; background-color:white;"><div style="width:240px; font-family:arial; font-size:10px; color:black; text-align:justify; line-height:95%; }
</style>

<center><div style="width:450px; padding-top:25px; padding-bottom:25px; background-color:#d92766;">

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

<div style="padding-top:40px; padding-bottom:35px; font-family:oswald; font-size:90px; letter-spacing:-2px; color:white;">BAD BLOOD</div>
<div style="font-family:times; font-size:7px; color:white; letter-spacing:4px; text-transform:uppercase; padding-bottom:5px;">i don't wanna hear you talk about it anymore</div>

<div style="width:400px; border-bottom:3px double white;"></div><div id="sspace"></div>

<table cellspacing="0px" cellpadding="0x"><tr valign="top"><td><div id="sidetitles"><div id="sidefont">tagged</div></div><div id="sspace"></div>

<div id="sidetitles"><div id="sidefont">word count</div></div><div id="sspace"></div>
<div id="sidetitles"><div id="sidefont">notes</div></div>
<div id="sspace"></div><img src="http://i.imgur.com/XQ51Li5.png"></td>

<td>
<td><div id="middleconnect"></div></td>
<td><div id="maintext">

your text here

</div></div>
<div id="sspace"></div><div style="width:270px; border-bottom:3px double white;"></div></td></tr></table>
</div><a href="http://roux.b1.jcink.com/index.php?showuser=2"><div style="width:450px; text-align:right; font-size:9px; text-transform:uppercase;">thank you <3</div></a></center>

0

14

Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Vollkorn|Kite+One' rel='stylesheet' type='text/css'>
<style type="text/css">
/* PRELIM*/
#bdtop { width: 500px; height: 200px; position: relative; background-color: #FFF; z-index: 99; }
#bdtop img { position: absolute; border-radius: 50px; -moz-border-radius: 50px; top: 75px; }
#bdtop img:nth-child(1) { left: 155px; }
#bdtop img:nth-child(2) { left: 225px; }
#bdtop img:nth-child(3) { left: 295px; }
#bdtop ul { position: absolute; top: 160px; left: 50px; height: 20px; width: 360px; list-style: none; border-top: 1px solid rgba(0,0,0,0.1); }
#bdtop li { text-align: right; font-family: kite one, sans-serif; letter-spacing: 5px; text-transform: uppercase; font-size: 6.5px; padding-right: 10px; width: 120px; height: 20px; position: absolute; top: 0; border-bottom: 1px solid rgba(0,0,0,0.2); line-height: 20px; -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; }
#bdtop li:hover { border-bottom: 1px solid rgba(0,0,0,0.5); -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; }
#bdtop li:nth-child(1) { left: 0px; }
#bdtop li:nth-child(2) { left: 135px; }
#bdtop li:nth-child(3) { left: 270px; }

/* TABS */
#bdtop li > div { height: 0; width: 90px; opacity: 0; font-family: vollkorn; font-size: 9px; text-transform: lowercase; letter-spacing: 1px; line-height: 11px; padding: 20px; background-color: white; color: rgba(0,0,0,0.7); margin-top: 3px; text-align: justify; -webkit-box-shadow: 4px 4px 10px rgba(50, 50, 50, 0.2); -moz-box-shadow: 4px 4px 10px rgba(50, 50, 50, 0.2); box-shadow: 4px 4px 10px rgba(50, 50, 50, 0.2); -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; overflow: auto; }
#bdtop li:hover > div { height: 40px; opacity: 1; -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; }
#bdbot { width: 300px; padding: 40px 100px; text-align: justify; background-color: white; text-transform: lowercase; font-family: cambria, serif; font-size: 10px; letter-spacing: 1px; line-height: 13px; }

/* SCROLL COLOR */
#bdtop li div::-webkit-scrollbar { height: 10px; width: 8px; background: transparent;} 
#bdtop li div::-webkit-scrollbar-thumb { background: rgba(0,0,0,1); } 
#bdtop li div::-webkit-scrollbar-corner { background: rgba(0,0,0,1); }
#bdtop li div::-webkit-scrollbar-track { background: transparent; }

/* MAIN TEXT */
#bdbot:first-letter { background-color: black; padding: 10px; font-size: 16px; font-style: italic; margin: 0 7px 0 0; color: white; text-transform: uppercase; float: left; display: block; }
#bdbot .bottag { width: 400px; height: 1px; margin-left: -50px; margin-top: 50px; background-color: rgba(0,0,0,0.1); }

/* BOTTOM */
#bdbot h1 { font-weight: inherit; font-family: vollkorn; font-size: 8px; letter-spacing: 4px; text-transform: uppercase; color: rgba(0,0,0,0.7); text-align: center; padding: 20px 0; margin: 0; }
</style>
<center>
<div id="bdtop">

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

<ul>

<li>STATS <div>WC, clothes, etc</div></li>
<li>TAG <div>ur name</div></li>
<li>NOTES <div>any notes Pour-over mlkshk sed anim. Pitchfork forage fashion axe, YOLO magna direct trade fanny pack et pour-over mustache</div></li>

</ul></div><div id="bdbot">

YOUR POST GOES HERE

<div class="bottag"></div><div align="center" style="padding: 20px 0;">

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="#FFF" /><param name="FlashVars" value="mp3=http%3A//austintownhall.com/wp-content/uploads/2011/04/Exile-Vilify.mp3%0A%0A" /></object>

</div></div><a style="font-size: 6px; line-height: 10px; opacity: .7; letter-spacing: 3px; font-family: calibri;" href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=4861">N ▲ W</a></center>

0

15

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'><style type="text/css">
.container1 { width: 410px; height: 450px; position: relative; } 
#lonelyroad { width: 390px; height: 450px; overflow: hidden; position: relative; }
#lonelyroad .reapers { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; position: absolute; left: 0px; bottom: 0px; width: 320px; height: 450px; }
#lonelyroad:hover .reapers { -WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; left: -400px; }

#lonelyroad .misery { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; position: absolute; right: 0px; bottom: 70px; width: 400px; height: 20px; }
#lonelyroad:hover .misery { -WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; right: -310px; }

.miseryscroll b { color: #ba1010; } 
.miseryscroll::-webkit-scrollbar { width: 5px; }
.miseryscroll::-webkit-scrollbar-thumb { background: #ba1010; }
.miseryscroll::-webkit-scrollbar-track { width: 1px; background-color: #fff; border: 2px solid #000; }


.tag1 { margin-left: 120px; margin-top: 13px; width: 120px; font-family: six caps; font-size: 38px; color: #fff; text-align: right; -moz-transition-duration: 1.5s; -webkit-transition-duration: 1.5s; -o-transition-duration: 1.5s; } 
.tag1:hover { color: #ba1010; -moz-transition-duration: 1.5s; -webkit-transition-duration: 1.5s; -o-transition-duration: 1.5s; } 
.tag1 a { width: 120px; height: 1px; font-family: six caps; font-size: 38px; color: #fff; text-align: right; -moz-transition-duration: 1.5s; -webkit-transition-duration: 1.5s; -o-transition-duration: 1.5s; } 
.tag1 a:hover { color: #ba1010; -moz-transition-duration: 1.5s; -webkit-transition-duration: 1.5s; -o-transition-duration: 1.5s; } 

</style>
<center>
<div class="container1">


<div id="lonelyroad"><div class="reapers"><div style="width: 390px; height: 450px; background-image: url(http://i.imgur.com/NqdyzsP.gif);"><div style="position: relative; top: 8px; border: 1px solid #fff; width: 370px; height: 430px;"></div></div></div><div class="misery"><div style="font-family: 'Six Caps', sans-serif; font-size: 35px; color: #fff;">PLAYING FOR [color=#ba1010]KEEPS[/color]</div></div>

<div style="width: 390px; height: 450px; background: rgba(0,0,0,1); padding: 10px;"><div style="margin-left: -15px; width: 363px; height: 300px; background: rgba(0,0,0,1); padding-right: 5px; overflow: auto; font-family: georgia; font-size: 10px; color: #fff; text-align: justify; line-height: 100%;" class="miseryscroll">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. [b]hi hey this is what the text looks like when you bold it. yay bold text![/b] Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.<p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.<p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</div>

<div style="margin-top: 5px; margin-bottom: -3px; border-top: 1px solid #ba1010; width: 250px;"></div>

<div style="margin-left: -16px;"><table><tr>

<td><div style="margin-top: 8px; width: 210px; height: 100px; background-image: url(http://i.imgur.com/VgmLZwu.png); border-right: 10px solid #ba1010; border-left: 10px solid #ba1010; border-top: 10px solid #ba1010;"></div></td>

<td><div style="margin-left: -245px; margin-bottom: -5px; width: 0px; height: 109px; background: rgba(0, 0, 0, 1);"><div style="padding-bottom: 3px;" class="tag1">####</div> <div style="padding-bottom: 3px;" class="tag1">tagged</div> <div class="tag1">[url=http://link]wearing[/url]</div></div></div></td>

<tr><td><div style="margin-top: -6px;"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="365" height="10"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="ba1010" /><param name="FlashVars" value="mp3=MP3 HERE&amp;buttoncolor=ffffff&amp;slidercolor=ffffff&amp;loadingcolor=ffffff" /></object></div></td>

</tr></table></div></div></div></div>[url=http://roux.b1.jcink.com/index.php?showuser=1228]<div style="margin-left: 343px; margin-top: -3px; text-align: center; font-family: oswald; font-size: 8px; color: #000; letter-spacing: 2px; ">❧ECSTASY </div>[/url]</center>

0

16

Код:
<!--HTML-->
<style>
.parmesan::-webkit-scrollbar-track { border: 1px solid black; background-color: white;}
.parmesan::-webkit-scrollbar {width: 5px; background-color: white;}
.parmesan::-webkit-scrollbar-thumb { background-color: #000000; }
.parmesan {width: 230px; padding: 0px 20px 0px 10px; border-bottom: 45px solid #fff; border-right: 45px solid #fff; border-left: 45px solid #fff; height: 340px; background-color: white; font-family: times; font-size: 8.5px; color: #212121; text-align: justify; overflow: auto; line-height: 150%;}</style>
<center>
<table cellspacing="0" cellpadding="0"><td><a href="http://roux.b1.jcink.com/index.php?showuser=64"><img src="150 X 500 IMAGE GOES HERE, THANK"></a></td>
<td><div style="width: 350px; height: 500px; background-color: white;"><center><div style="text-align: center;width: 200px; padding-top: 30px; font-family: georgia; font-size: 10px; line-height: 120%; font-style: italic; color: #212121; margin-bottom: 10px; letter-spacing: 3.5px; text-transform: lowercase;">that's all i can do. i'll keep at it and hope it gets better.
<div style="height: 6px;"></div>
<img src="http://i.imgur.com/1R1uSmr.jpg", width="70"></div></center>
<div class="parmesan">
WRITE YOUR POST HERE HEREEEE HERE?
</div></div>

</div></td></table>
</center>

0

17

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Sacramento|Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'><style type="text/css">.trhov { overflow: hidden; }
.tri { width: 0px; height: 0px; border-style: solid; border-width: 0 75px 129.9px 75px; border-color: transparent transparent rgba(255,255,255,0.8); transparent; position: relative; top: 105px; left: -110px; }
.tri img { position: absolute; top: 50px; left: -34px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 70px; -webkit-transition: 0.3s all ease-in-out 0s; -moz-transition: 0.3s all ease-in-out 0s; transition: 0.3s all ease-in-out 0s; }
.trino { width: 220px; height: 50px; overflow: auto; background: white; border: 8px solid white; opacity: 0.9; color: #2E2B2A; font-family: cambria, georgia; font-size: 9px; text-align: justify; position: relative; left: 320px; top: -5px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.3s all ease-in-out 0.3s; -moz-transition: 0.3s all ease-in-out 0.3s; transition: 0.3s all ease-in-out 0.3s; }
.trhov:hover .tri img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); }
.trhov:hover .trino { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); left: 70px; }</style><center><div style="width: 400px; height: 2px; background: #FFCF5E; border-bottom: 7px solid #308B91; border-top: 30px solid #308B91;"></div><div style="width: 400px; height: 250px;

background: url(400x250 image here);

border-top: 1px dotted #308B91;" class="trhov"><div class="tri">

<img src="80x80 image here" />

</div><div class="trino">words. notes. keep it short.</div></div><div style="width: 400px; background: white; font-family: cambria, georgia; font-size: 10px; line-height: 110%; color: #2E2B2A; border-top: 13px solid #FFCF5E; border-bottom: 1px dotted #308B91;"><div style="text-align: left; padding-top: 10px; padding-left: 15px; font-family: 'sacramento', cursive; font-size: 40px; line-height: 100%; color: #308B91; text-shadow: 1px 1px 0px #FFCF5E;">

stuck in square one ▲

</div><div style="width: 280px; text-align: justify; padding: 15px 60px; text-indent: 15px;">

post goes here

</div><div style="font-family: 'libre baskerville', serif; font-style: italic; font-weight: 400; font-size: 9px; width: 340px; letter-spacing: 2px; text-align: center; padding-bottom: 10px;">

is there anybody out there who is lost and hurt and lonely too? are they bleeding all your colours into one?

</div></div><div style="width: 400px; height: 22px; background: #FFCF5E;"></div><a href="http://roux.b1.jcink.com/index.php?showuser=62"><div style="width: 300PX; padding-left: 100px; text-align: left; font: 11px/11px calibri; text-transform: uppercase; letter-spacing: 2px;">&copy; avey</div></a></center>

0

18

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'><style type="text/css">.bl { position: absolute; top: 0; left: 0; background: black; width: 150px; height: 500px; }
.blr { position: absolute; top: 0; right: 0; background: black; width: 150px; height: 500px; }
.blimg, .brimg { position: absolute; left: 14px; width: 100px; height: 100px; padding: 10px; border: 1px solid white; }
.blimg { top: 120px; } .brimg { bottom: 120px; }
.bltxt, .brtxt { color: white; text-transform: uppercase; font: italic 9px/12px droid sans mono; text-align: center; width: 100px; position: absolute; left: 25px; }
.bltxt { top: 260px; } .brtxt { bottom: 260px; height: 80px; overflow: hidden; }
.blmain { position: absolute; top: 0; left: 150px; width: 160px; height: 470px; background: white; padding-right: 10px; border: 15px solid white; text-align: justify; overflow: auto; font: 10px/10px droid sans mono; }
.blmain p { margin-top: 0; } .blmain p:first-line { font: small-caps 14px/12px droid sans mono; }
.blmain::-webkit-scrollbar { width: 8px; } .blmain::-webkit-scrollbar-thumb { background: black; border: 1px solid white; }</style><center><div style="width: 500px; height: 500px; position: relative;"><div class="bl"><div class="blimg">

<img src="100 X 100 IMAGE HERE" />

</div><div class="bltxt">

lyrics go here

</div></div><div class="blmain">

<p>be sure to wrap your paragraphs in <p> </p> to make it look pretty!!</p>

</div><div class="blr"><div class="brtxt">

words, tag, notes, etc

</div><div class="brimg">

<img src="100 X 100 IMAGE HERE" />

</div></div></div><a href="http://roux.b1.jcink.com/index.php?showuser=62"><div style="width: 500px; text-align: right; font: 11px/11px calibri; text-transform: uppercase; letter-spacing: 1px;">THANKS AVEY</div></a></center>

0

19

Код:
<!--HTML--><center> <div style="width: 356px; padding-right: 35px; padding-bottom: 35px; background:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/369/369667.png); border: 11px solid #E0BBA8"> <div style="width: 350px; padding: 3px; border-top: 1px solid #AB5327; border-bottom: 3px solid #AB5327; background: #fff"> <div style="width: 350px; height: 200px; background:url(http://placehold.it/350x200)"></div> <div style="margin-top: 2px; height: 2px; border-top: 1px solid #593C2D; border-bottom: 8px solid #332822; width: 350px"></div> <div style="width: 275px; height:8px; border-bottom: 1px solid #AB5327"></div> <div style="font-family: times; font-size: 11px; line-height: 95%; color: #593C2D; text-align:justify; padding: 20px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pulvinar ante aliquet mi facilisis faucibus. Suspendisse volutpat dui in lacus cursus auctor. Morbi ut quam ipsum. Nullam metus quam, ultricies et consequat non, ornare in felis. Duis vitae sem vitae metus fringilla pharetra tempus ut lorem. Etiam vulputate dictum turpis, sed auctor dolor sodales ut. Pellentesque volutpat lectus et quam egestas sit amet posuere diam convallis. Suspendisse id blandit elit. Nullam nunc neque, egestas vel pretium et, suscipit sit amet nisl. Vivamus cursus consequat felis nec feugiat. Aenean facilisis erat ac magna pulvinar ut semper purus mattis. Nullam quis justo a felis vestibulum laoreet ut non massa. Praesent ullamcorper hendrerit velit, quis interdum ipsum eleifend at. </div><div style="width: 275px; height:8px; border-top: 1px solid #AB5327"></div> </div></div> <a href="http://roux.jfbs.net/index.php?showuser=25">^__^</a> </center>

0

20

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><style type="TExT/CSS">.ribbon-wrapper {position: relative;}
.ribbon-front {background-color: #A08492;height: 40px;width: 500px; position: relative; left:-40px; z-index: 2;}
.ribbon-front, .ribbon-back-left, .ribbon-back-right{-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);}
.ribbon-edge-topleft, .ribbon-edge-topright, .ribbon-edge-bottomleft,
.ribbon-edge-bottomright {position: absolute;z-index: 1;border-style:solid;height:0px; width:0px;}
.ribbon-edge-topleft, .ribbon-edge-topright {}
.ribbon-edge-bottomleft, .ribbon-edge-bottomright { top: 40px;}
.ribbon-edge-topleft, .ribbon-edge-bottomleft { left: -50px; border-color: transparent #cccccc transparent transparent;}
.ribbon-edge-topleft { top: -5px; border-width: 5px 50px 0 0;}
.ribbon-edge-bottomleft { border-width: 0 50px 0px 0;}
.ribbon-edge-topright, .ribbon-edge-bottomright { left: 510px; border-color: transparent transparent transparent #cccccc;}
.ribbon-edge-topright { top: 0px; border-width: 0px 0 0 10px;}
.ribbon-edge-bottomright { border-width: 0 0 5px 10px;}
.ribbon-back-left { position: absolute; top: -5px; left: -50px; width: 50px; height: 40px; background-color: #A08492; z-index: 0;}
.ribbon-back-right {position: absolute;top: 5px;right: -50px;width: 50px;height: 40px; background-color: #A08492;z-index: 0;}
</style><center><div style="width:425px; padding-top:55px; padding-bottom:25px; background-color:#A08492; border-bottom: 50px solid #cccccc;"><div style="background-image:url(http://placehold.it/425x250px); height:250px; width:425px;"><div style="padding-top:225px;"></div><div class="ribbon-wrapper">
<div class="ribbon-front">
<div style="font-family: 'Lobster', cursive; text-transform:lowercase; padding-top:14px; font-size:30px; color:#fcfcfc;">i miss everything about you</div>
</div>
<div class="ribbon-edge-topleft"></div>
<div class="ribbon-edge-topright"></div>
<div class="ribbon-edge-bottomleft"></div>
<div class="ribbon-edge-bottomright"></div>
<div class="ribbon-back-left"></div>
<div class="ribbon-back-right"></div>
</div>
</div>
<div style="padding-top:16px;"></div>
<div style="width:350px; height:250px; background-color:#fcfcfc; overflow:auto; text-align:justify; padding:10px; font-family: times new roman; font-size:11px; line-height:100%;">
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. 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. 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. 
</div></div><div stye="font-family:arial; font-size:7px; text-transform:uppercase; letter-spacing:-1px;"><a href="http://roux.b1.jcink.com/index.php?showuser=1">♥</a> & <a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=37282">♥</a></div></center>

0

21

Код:
<!--HTML--><style type="text/css">
#rptext2 { border:10px solid white; position:relative; top:10px; width:335px; height:140px; background-color:#F1ECE8; opacity:0; font-family:tahoma; font-size:9px; color:black; text-align: justify; overflow:auto; color:black; line-height:95%; padding:10px; -moz-transition-duration: 0.7s; transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -ms-transition-duration:0.7s; -o-transition-duration: 0.7s;}
#rptext2:hover { opacity: .9; }
#notestext2 { width:75px; height:75px; background-color:white; opacity:0; font-family:tahoma; font-size:9px; color:black; text-align: justify; overflow:auto; color:black; line-height:95%; -moz-transition-duration: 0.7s; transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -ms-transition-duration:0.7s; -o-transition-duration: 0.7s; border:10px solid #F1ECE8;}
#notestext2:hover { opacity: .9; }
#notesfont2 { font-size:8px; color:black; position:relative; top:30px; text-align:center; }
</style>
<link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
<center><div style="width:500px; padding-top:50px; padding-bottom:50px; background-color:#33292a;"><div style="width:380px; height:65px; background-color:#fff; border-left:20px solid #c2bba4;"><div style="opacity:.9; width:370px; height:55px; position:relative; top:5px; background-color:white;"><div style="font-family:rochester; font-size:40px; color:#33292a; font-size:60px; position:relative; top:5px; text-shadow:1px 0px 0px white;">disparate youth</div><div style="position:relative; top:22px;">
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="100" height="12">
<param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="FlashVars" value="mp3=http://dl32.musload.com/loads/dlhash1/57/13/50121430-9d055b931d3b.mp3&amp;bgcolor=ffffff&amp;loadingcolor=33292a&amp;buttoncolor=33292a&amp;slidercolor=33292a" />
</object></div></div></div><div style="width:400px; background-color:#F1ECE8; height:10px;"></div><div style="width:400px; height:200px; background-image:URL(400X200 IMAGE HERE);"><div id="rptext2">

your text here

</div></div><div style="background-image:URL(http://i.imgur.com/D0GGu.png); width:400px; height:155px;"><div style="position:relative; top:20px;"><table cellspacing="10px"><tr><td><div style="width:95px; height:95px; background-image:URL(95X95 IMAGE HERE);"><div id="notestext2"><div id="notesfont2">WORD COUNT</div></div></div></td><td><div style="width:95px; height:95px; background-image:URL(95X95 IMAGE HERE);"><div id="notestext2"><div id="notesfont2">TAGGED</div></div></div></td><td><div style="width:95px; height:95px; background-image:URL(95X95 IMAGE HERE);"><div id="notestext2"><div id="notesfont2">QUICK NOTE</div></div></div></td></tr></table></div></div><div style="width:400px; padding-top:20px; padding-bottom:20px; text-align:center; background-color:#c2bba4;"><a href="http://roux.b1.jcink.com/index.php?showuser=2"><font style="color:black; font-size:7px; letter-spacing:3px; text-transform:uppercase; font-family:times new roman;">thanks brooklyn</font></a></div></div></div></center>

0

22

Код:
<!--HTML--><style type="text/css">.tjusti:after { content: ""; width: 100%; display: inline-block; }
.shipcontain { width: 327px; margin-top: 30px; }
.shipcontain label { position: relative; z-index: 10; display: block; font: 9px/9px times; text-transform: uppercase; letter-spacing: 2px; padding: 10px; background: #FFB88C; color: white; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; }
.shipcontain label:hover { background: #FF5C6D; }
.shipcontain input:checked + label,
.shipcontain input:checked + label:hover { background: #5C1D54; }
.shipcontain input { display: none; }
.shipcontain article { background: white; margin: 0px; overflow: hidden; height: 0px; position: relative; z-index: 5; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; }
.shipcontain article p { font: 11px/12px times; text-align: justify; color: #5C1D54; letter-spacing: 1px; padding: 15px; margin-top: 0px; }
.shipcontain input:checked ~ article { height: 200px; overflow: auto; }
.shipcontain article::-webkit-scrollbar-track { background: white; }
.shipcontain article::-webkit-scrollbar-thumb { background: #C90453; }
</style><center><div style="width: 390px; background: white; padding-left: 30px;"><div style="width: 327px; background: white; border-left: 3px double #5C1D54; padding: 30px;"><table cellpadding="0" cellspacing="0"><td height="166px"><div style="width: 134px; font-family: times; font-size: 8px; line-height: 150%; text-align: justify; text-transform: uppercase; color: #C90453; letter-spacing: 1px;" class="tjusti">

I’m standing in the pouring rain I feel it like a hurricane A photograph is all it takes But I know I shouldn’t let it And the memory is rising fast It’s seeping in through every crack Oh funny how it all comes back When you’re trying to forget it Here comes the hurricane

</div></td><td><div style="width: 27px;"></div></td><td><div style="width: 160px; height: 160px; padding: 2px; border: 1px solid #FF5C6D;">

<img src="150 x 150 image here" style="width: 150px; height: 150px; padding: 4px; border: 1px solid #C90453;" />

</div></td></table><div style="position: absolute; width: 100px; background: #5C1D54; padding: 8px; font: 12px/12px times; text-transform: uppercase; letter-spacing: 1px; color: white; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); margin-top: -100px; margin-left: -90px;">

first last

</div><section class="shipcontain"><div><input id="shipabout" name="shiptabav" type="radio" checked /><label for="shipabout">
</ just change the first last in this, do not put the info here />

about first last
</label><article class="shipcontent"><p>

about here. use two br tags to separate paragraphs<br><br>

</p></article></div><div><input id="shiprel" name="shiptabav" type="radio" /><label for="shiprel">friends, enemies, lovers, other</label><article class="shipcontent"><p>

use two br's to separate paragraphs<br><br>

</p></article></div><div><input id="shiplist" name="shiptabav" type="radio" /><label for="shiplist">relationships</label><article class="shipcontent"><p>

use two br's to separate paragraphs<br><br>

</p></article></div></section></div></div><a href="http://roux.b1.jcink.com/index.php?showuser=62"><div style="width: 420px; text-align: center; margin-top: 5px; text-transform: uppercase;">&copy; avey <a href="http://tympanus.net/codrops/author/crnacura/">▲</a></div></a></center>

0

23

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'>
<style type="text/css">.dswant { width: 400px; height: 250px; position: relative; overflow: hidden; margin: 10px; }
.dswimg { width: 400px; height: 250px; overflow: hidden; position: absolute; top: 0px; left: 0px; }
.dswinfo { position: absolute; top: 132px; width: 135px; }
.dswinfo h1, .dswinfo span { display: block; width: 125px; background: rgba(139,166,172,0.8); text-transform: uppercase; color: white; margin: 0px; }
.dswinfo h1 { padding: 8px 5px; font: 400 12px/12px oranienbaum; margin-bottom: 5px; }
.dswinfo span { padding: 5px; font: 400 10px/10px oranienbaum; margin-bottom: 5px; }
.left .dswinfo { right: 15px; }
.right .dswinfo { left: 15px; }
.dswmain { position: absolute; top: 15px; width: 192px; height: 200px; background: rgba(255,255,255,0.95); overflow: auto; border: 10px solid rgba(0,0,0,0); padding-right: 8px; font: 11px/12px cambria; text-align: justify; color: #3d3d3d; -webkit-transform: rotate(360deg) scale(1.2); -moz-transform: rotate(360deg) scale(1.2); transform: rotate(360deg) scale(1.2); -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; transition: 0.8s all ease-in-out; }
.left .dswmain { left: -300px; }
.right .dswmain { right: -300px; }
.dswant.left:hover .dswmain { left: 15px; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
.dswant.right:hover .dswmain { right: 15px; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
.dswmain::-webkit-scrollbar { width: 2px; }
.dswmain::-webkit-scrollbar-track { background: rgba(0,0,0,0); }
.dswmain::-webkit-scrollbar-thumb { background: #8BA6AC; }
</style><center>

</ START />

<div class="dswant left"><div class="dswimg">

<img src="400 x 250 IMAGE HERE" />

</div><div class="dswinfo">

<a href="http://roux.b1.jcink.com/index.php?showuser=62"><h1>

first last

</h1></a>
<span>info about character</span>
<span>info about character</span>
<span>info about character</span>

</div><div class="dswmain">

shipper hereeeee or wanted ad idek, but it scrolls!

</div></div>

</ END />

</center>

0

24

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>
<style>
.nametag {line-height: 20px; font-family: oswald; font-size: 20px; text-transform: uppercase; margin: 0px 0px 0px 20px; color: white; letter-spacing: -1px;}

.curry {width: 220px; height: 360px; overflow: hidden; position: relative;}
.chicken {position: absolute; top: 20px; right: 220px; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;} .chicken:hover { opacity: 1}
.curry:hover .chicken { right: 0px; }
.curry:hover .vindaloo { bottom: 20px; }
.vindaloo {margin-top: 20px; width: 147px; height: 260px; padding-right: 3px; margin-right: 20px; border: 15px solid #fff; background-color: #fff; text-align: justify; font-family: roboto; font-size: 9px; line-height: 11px; overflow: auto;}





</style>
<center>
<table cellspacing="2" cellpadding="0">
<tr><td><div class="curry", style="background-image: url(http://savepic.net/7285130.png);">
<div class="chicken">
<div class="vindaloo">

WORDS WORDS WORDS HERE


</div></div></div>
<div style="position: relative; margin: -10px 0px 0px 200px; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #adc6b2 transparent;"></div><div style="width: 220px; background-color: #adc6b2; height: 50px;">

<div style="height: 20px;"></div>

<div class="nametag">JINX</div>


</div> </td>
<td><div class="curry", style="background-image: url(http://placehold.it/220x360);">
<div class="chicken">
<div class="vindaloo">

WORDS WORDS WORDS HERE

</div></div></div><div style="margin: -10px 0px 0px 200px; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #MEMBERGROUPCOLOR transparent; position: relative;"></div><div style="width: 220px; background-color: #MEMBERGROUPCOLOUR; height: 50px;"><div style="height: 20px;"></div><div class="nametag">FIRST LAST</div>
</td>
</tr>

</table>
</center>

0

25

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

#ts .elliot { -webkit-transition: 2s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; background-color: #fff; position: absolute; left: 0px; bottom: 0px; width: 400px; height: 400px;}

#ts:hover .elliot {-webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; left: -400px;}

.robert { width: 150px; padding-top: 65px; padding-bottom:65px; background-color: rgba(255,255,255,.7); position: relative; top: -150px; opacity: 0; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; font-family: maven pro; font-size: 20px; font-style: italic; color: dodgerblue; line-height:100%; margin-bottom: -150px; text-align: center; }

.robert:hover { opacity: 1 }

</style>
<link href='http://fonts.googleapis.com/css?family=Maven+Pro:400,900' rel='stylesheet' type='text/css'>
<center>
<div style="width: 400px; padding: 5px; border: 4px double #cecece;">
<div id="ts"><div class="elliot">

<div style="wdith: 400px; height: 400px; background-image: url(http://placehold.it/400x400);">
<div style="position: relative; top: 75px; padding: 5px; background-color: rgba(255,255,255,.75); text-transform: lowercase; color: #333; text-align: center; font-family: georgia; font-size: 7px; font-style: italic; line-height: 100%;width:90px; letter-spacing: 3px; border: 4px double #cecece;">the hamiltons</div>
</div>
</div>

<div style="width: 390px; height: 390px; overflow-x: auto; background-color: #fff; padding: 5px;">

<table cellpadding="0" cellspacing="0">
<td>
<div style="width: 150px; height: 205px; margin-bottom: 5px; overflow: auto; padding-right: 5px; font-family: arial; text-align: justify; line-height: 98%; color: #222;">
this is carlotta's father, and we're just going to call him [b]robert[/b] for now. he grew up in an extremely privileged and wealthy family, one of the blue bloods of new york city. he was educated in london, and after college, he went to paris to see the world, before taking over the family business. he never ended up leaving paris, because it was there he met his future wife [b]courteney[/b]. he loved her like crazy, and they wound up getting married within a year of meeting. soon after they began having children, but after the twins were born, their marriage started falling apart. it was immediately after the birth of their youngest son that they decided they couldn't piece their marriage back together, and so [b]courteney[/b] packed her bags, grabbed her daughters and returned to new york city. [b]robert[/b] was left with the boys, and he never really got over his first wife. he doesn't actually do much, his money just multiplies over time, so he spends most of his days in a state of luxury. recently he remarried [b]candice[/b] a french student younger than most of his children. his name and face claim are up to you, rdj is just a suggestion! he should be 55 years old, an an other, in town for carlotta's wedding.</div>
<img src="http://placehold.it/150x150" width="150">
<div class="robert">[color=dodgerblue]first last[/color]</div>
</td>
<td><div style="width: 3px;"></div></td>
<td>
<div style="width: 150px; height: 205px; margin-bottom: 5px; overflow: auto; padding-right: 5px; font-family: arial; text-align: justify; line-height: 98%; color: #222;">

so this is carlotta's mother [b]courteney[/b]. she was known as a bit of a party girl in her youth, a wild child that was an embarrassment to the old money family she came from. she went to spend a year in paris before going to university, but that never happened. she met [b]robert[/b] and they had a whirlwind romance and were married almost immediately. the only problem was she never wanted children, and he wanted a large family. it was the cause of many of their fights, and once the twins were born, their marriage really began falling apart. after their sixth child, she couldn't take it anymore, and moved her daughters back to new york. now she owns a chain of internationally recognized restaurants, and is one of new york city's many socialites. she despises her ex-husband and the capital-grace hotel, and a great many other things as well. she's brash and controlling, and wants her daughters to be perfect in every way, and puts a lot of pressure on them, but she does love her children. her name is open but her last name should be kenningston, and courteney cox is just a suggestion! she should be 50 years old, an uws local.

</div>
<img src="http://placehold.it/150x150" width="150">
<div class="robert">[color=hotpink]first last[/color]</div>
</td>
<td><div style="width: 3px;"></div></td>
<td>
<div style="width: 150px; height: 205px; margin-bottom: 5px; overflow: auto; padding-right: 5px; font-family: arial; text-align: justify; line-height: 98%; color: #222;">
this lovely lady is carlotta's new stepmother, and if she's being perfectly honest, she's not too happy about it. [b]candice[/b] is younger than she is, and carlotta is something of a hopeless romantic. she always thought her parents would get back together, because she knows how much her parents loved each other. and she blames [b]candice[/b] in part for that. she's never met her new stepmother before, but doesn't particularly want her at her wedding, all things considered. she sees her as something of a floozy, not bothering to actually get to know her, and though she won't be outright rude to her, she definitely won't be warm and friendly. her first name is open, but her last name should be cocharan-hamilton. her face is also open, candice swanpoel is just a suggestion! she should be 21 years old, and an other..</div>
<img src="http://placehold.it/150x150" width="150">
<div class="robert">[color=hotpink]first last[/color]</div>
</td>
<td><div style="width: 3px;"></div></td>
<td>
<div style="width: 150px; height: 205px; margin-bottom: 5px; overflow: auto; padding-right: 5px; font-family: arial; text-align: justify; line-height: 98%; color: #222;">
like her ex-husband, [b]courteney[/b] also remarried, and she also remarried someone much younger. [b]hunter[/b] is a pastry chef who works in one of [b]courteney's[/b] restaurants, and grew a sweet spot for his employer. the feeling was mutual, and the two have been married for a year now. carlotta isn't exactly happy about it, and [b]hunter[/b] knows it, but she's beginning to accept it. he's slowly becoming part of the family, and she treats him like another brother, but she can't help but feel the slightest bit happy that he and her mother are having problems with their marriage, especially since he left her restaurant to work at the capital-grace hotel. his last name should be kenningston, and his face is open, hunter parrish is just a suggestion! he should be 23 years old and is a capital-grace staff.</div>
<img src="http://placehold.it/150x150" width="150">
<div class="robert">[color=dodgerblue]first last[/color]</div>
</td>
<td><div style="width: 3px;"></div></td>
<td>
<div style="width: 150px; height: 205px; margin-bottom: 5px; overflow: auto; padding-right: 5px; font-family: arial; text-align: justify; line-height: 98%; color: #222;">
carlotta's oldest brother, [b]joseph[/b] is one of the most rational members of the family. he originally wanted to be a police officer, but his father flat out told him if he went that route, he would be disowned. he would have been willing to do so, but he loved his siblings too much to abandon them. now he's finishing up law school, and is still struggling to figure out what he wants from life. he hasn't seen his family in over two years, because while everyone (excluding their father) usually fly to london to meet up, he's been "too busy" to do so. secretly though, he has a girlfriend that he's considering proposing to, but doesn't want to introduce to his insane family. his face is open, jgl is just a suggestion! he should be 30 years old, and an other.</div>
<img src="http://placehold.it/150x150" width="150">
<div class="robert">[color=dodgerblue]first last[/color]</div>
</td>
<td><div style="width: 3px;"></div></td>
<td>
<div style="width: 150px; height: 205px; margin-bottom: 5px; overflow: auto; padding-right: 5px; font-family: arial; text-align: justify; line-height: 98%; color: #222;">
[b]chace[/b] is the brother that most took after his father. he is a huge party animal, and has so far gone through life without a care. he doesn't really do anything but party, but he's genuinely happy. he knows money won't buy him happiness, but he already is happy, so he doesn't see the problem in spending it. he's enjoying his life and living it to the fullest, and will often fly out to new york city to see his sisters. he is extremely loyal and protective of his family, and he is not happy about carlotta's wedding, mainly because he hasn't met the guy, and in his opinion, all of his sisters are far too young to be dating. his face is open, chace crawford is just a suggestion, and he should be 29 and an other.</div>
<img src="http://placehold.it/150x150" width="150">
<div class="robert">[color=dodgerblue]first last[/color]</div>
</td>
<td><div style="width: 3px;"></div></td>
<td>
<div style="width: 150px; height: 205px; margin-bottom: 5px; overflow: auto; padding-right: 5px; font-family: arial; text-align: justify; line-height: 98%; color: #222;">
this is [b]lea[/b], carlotta's oldest sibling, and probably least favorite. the two sisters have never really gotten along, lea being mommy's angel, while carlotta was always daddy's princess. lea has often seen herself in competition with the twins, and though carlotta never really liked to engage in it, her twin often did, and she would get dragged into it as well. both lea and carlotta studied dance for the majority of their life, but carlotta went on to become a rockette. it is a very sore spot for lea, because she never told anyone how much she wanted to do just that; it was her who took carlotta to see them in the first place. unfortunately she missed the height cutoff by an inch, while carlotta made it by a centimeter. she always swore she would be the first to marry in the family, so is now dealing with the bitterness of carlotta's wedding, though carla is truly trying to push past it and have it be a happy event. her face claim is open, lea michele is just a suggestion. she should be 27 and an uws local!</div>
<img src="http://placehold.it/150x150" width="150">
<div class="robert">[color=hotpink]first last[/color]</div>
</td>
<td><div style="width: 3px;"></div></td>
<td>
<div style="width: 150px; height: 205px; margin-bottom: 5px; overflow: auto; padding-right: 5px; font-family: arial; text-align: justify; line-height: 98%; color: #222;">
carlotta's other half, [b]jessica[/b] is her fraternal twin sister. always the more rebellious of the two, everyone always assumed that it would be her who rebelled against their parents, though it ended up being carlotta instead. but while she was busy living out her dreams and falling in love, jessica was shoved into a modeling career, and due to her mother's pressure, and the pressure from all around, she wound up in rehab for multiple reasons. she's out, and being carefully monitored by her family, but she harbors a lot of resentment towards them, and carlotta in particular, feeling abandoned by her twin. her face claim is open [b]but[/b] i would like to discuss it, simply because they're twins! she should be twenty five, and an uws local</div>
<img src="http://placehold.it/150x150" width="150">
<div class="robert">[color=hotpink]first last[/color]</div>
</td>
<td><div style="width: 3px;"></div></td>
<td>
<div style="width: 150px; height: 205px; margin-bottom: 5px; overflow: auto; padding-right: 5px; font-family: arial; text-align: justify; line-height: 98%; color: #222;">
[b]victoria[/b] is carlotta's little sister, and a very happy, exuberant girl. she's a bit of a party child herself, and was always getting into mischief. she loves making people laugh, and has always said she wants to be a stand up comedian. she is attending nyu for photography, but her heart isn't really in it, and everyone can tell. unfortunately her name has been all over the news lately because after breaking up with her boyfriend of several years, he released a sex tape and several risque photos of her to the media, and she is now left to deal with the backlash. her mother hasn't spoken to her since the news broke, and carlotta has become very protective of her, trying to shield her from the worst of it. her face is open, victoria justice is just a suggestion! she should be 20, and an uws local.</div>
<img src="http://placehold.it/150x150" width="150">
<div class="robert">[color=hotpink]first last[/color]</div>
</td>
<td><div style="width: 3px;"></div></td>
<td>
<div style="width: 150px; height: 205px; margin-bottom: 5px; overflow: auto; padding-right: 5px; font-family: arial; text-align: justify; line-height: 98%; color: #222;">
last but certainly not least is [b]steven[/b]. the baby of the family, steven has always been a bit lost, trying to find his place in the world, and figure out where he fit into the family. he always felt out of place over the christmas holidays when he and his brothers would fly out to london to visit his mom and sisters. he and his father never really got along, and two years ago, his father went on a drunken rampage, and accused him of being the reason why his parents divorced. since that, he's been stuck in a downward spiral. he's caught up in a web of drugs and alcohol, and though he's kept it hidden for this long, his family is about to find out, on top of all the other chaos going on. his face is open, steven r. mcqueen is just a suggestion. he should be eighteen and an other.</div>
<img src="http://placehold.it/150x150" width="150">
<div class="robert">[color=dodgerblue]first last[/color]</div>
</td>

</table>

</div>

</div>
</div>
<a href="http://roux.b1.jcink.com/index.php?showuser=26"><div style="text-align: right; width: 400px; font-family: tahoma; font-size: 6.5px; text-transform: uppercase; color: #ff0061; line-height: 100%;">XOXO BRIT</div></a>
</center>

0

26

Код:
<!--HTML--><center><div class="ss2container" style="width: 300px; height: 600px;"><div style="width: 300px; background-image: url(http://i44.tinypic.com/10efxwi.png)"><div style="width: 300px; height: 50px; font-family: benchnine; font-size: 40px; line-height: 50px; letter-spacing: 5px; color: #fff; text-align: center; text-shadow: 2px 2px -1px #000;">not very pretty</div>

<div class="ss2p" style="width: 300px; background-image: url(http://placehold.it/300x450);"></div>

<div class="ss2c" style="width: 300px; background-color: #fff; overflow: hidden;">
<div style="width: 260px; height: 410px; padding: 20px; overflow: auto; font-family: tahoma; font-size; 10px; line-height: 10px; text-align: justify; color: #000">

<div style="font-family: benchnine; text-align: center;"><font style=" font-size: 40px; line-height: 40px;">FIRST M. LAST</font><br>
<font style="font-size: 12px; line-height: 12px;">TRAIT - TRAIT - TRAIT</font></div>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. </p>

<p>Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. </p>

<p>Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

</p></div>


</div>
<div style="width: 300px; height: 100px; font-family: benchnine; font-size: 40px; line-height: 50px; letter-spacing: 5px; color: #fff; text-align: center; text-shadow: 2px 2px -1px #000;">but we sure know<br> how to run free</div>
</div></div><div class="ss2cred">[url=http://roux.b1.jcink.com/index.php?showuser=388]made by shawnarew[/url]</div>
</center>
<link href='http://fonts.googleapis.com/css?family=BenchNine' rel='stylesheet' type='text/css'>
<style type="text/css"> .ss2p {height: 450px; -webkit-transition: all .7s ease-in; -moz-transition: all .7s ease-in; -o-transition: all .7s ease-in; -ms-transition: all .7s ease-in;transition-delay: .7s; -webkit-transition-delay: .7s; -moz-transition-delay: .7s; -o-transition-delay: .7s; -ms-transition-delay: .7s;} .ss2container:hover .ss2p {height: 0px; transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s;} .ss2c {height: 0px;-webkit-transition: all .7s ease-in; -moz-transition: all .7s ease-in; -o-transition: all .7s ease-in; -ms-transition: all .7s ease-in; transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s;} .ss2container:hover .ss2c{height: 450px; -webkit-transition: all .7s ease-in; -moz-transition: all .7s ease-in; -o-transition: all .7s ease-in; -ms-transition: all .7s ease-in;transition-delay:.7s; -webkit-transition-delay: .7s; -moz-transition-delay: .7s; -o-transition-delay: .7s; -ms-transition-delay: .7s;} .ss2c p:nth-child(4n) { border-left: 5px solid #93C2B1; padding-left: 5px; } .ss2c p:nth-child(4n+1) { border-left: 5px solid #FF995E; padding-left: 5px; } .ss2c p:nth-child(4n+2) { border-left: 5px solid #DE1D6A; padding-left: 5px;} .ss2c p:nth-child(4n+3) { border-left: 5px solid #3F324D; padding-left: 5px;} .ss2cred a { font-family: tahoma; font-size: 7px; text-transform: uppercase; letter-spacing: 2px; line-height: 90%; text-decoration: none; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; color: #000; } .ss2cred a:hover { color: transparent; text-shadow: 1px 0px 1px #FF995E; letter-spacing: 5px;} </style>
Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=BenchNine' rel='stylesheet' type='text/css'>
<center>

<div style="width: 300px; background-image: url(http://i44.tinypic.com/10efxwi.png); font-family: benchnine; font-size: 40px; line-height: 50px; letter-spacing: 5px; color: #fff; text-align: center; text-shadow: 2px 2px -1px #000;"> name & name </div>
<div style="width: 260px; padding: 20px; font-family: tahoma; font-size; 10px; line-height: 10px; text-align: justify; background-color: #fff; color: #000;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

</div>

</center>

0

27

Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Lato:100|VT323' rel='stylesheet' type='text/css' />
<style type="text/css">
#theadcontainer { position: relative; width: 400px; height: 400px; border: 50px solid #000; background-color: #FFF; overflow: hidden; }

#theadcontainer em::-webkit-scrollbar{ width: 9px; height: 10px; }
#theadcontainer em::-webkit-scrollbar-track{ border: 4px solid #FFF; background: #000; }
#theadcontainer em::-webkit-scrollbar-thumb{ height: 10px; width: 8px; border: 0; background: #000; }
#theadcontainer em::-webkit-scrollbar-track-piece { height: 30px; width: 30px; }

#theadcontainer img{ position: absolute; top: 0px; right: 0px; width: 400px; height: 400px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
#theadcontainer:hover img { position: absolute; right: 25px; top: 25px; width: 100px; height: 100px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

/* ADJECTIVE HEADERS */
#theadcontainer p { opacity: 0; filter: alpha(opacity=0); font-family: 'VT323', sans-serif; font-size: 12px;
letter-spacing: 1px; color: white; line-height: 25px; font-weight: 400; text-transform: uppercase; position: absolute; left: 25px; top: 14px; height: 100px; width: 245px; overflow: hidden; text-align: right; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
#theadcontainer p span { padding: 6px; background-color: #000; margin-bottom: 1px; }
#theadcontainer:hover p { opacity: 1; filter: alpha(opacity=1); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

/* FIRST MIDDLE LAST */
.theadtitle { margin-top: 90px; padding-top: 20px; height: 200px; overflow: hidden; width: 350px; text-align: center; position: relative; z-index: 9999; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.theadtitle span { display: block; color: #FFF; font: 100 70px/1 "lato", sans-serif; text-transform: uppercase; margin-top: 6px; }
.theadtitle span:nth-child(2) { font-family: times, serif; font-weight: 400; text-transform: uppercase; line-height: 30px; letter-spacing: 3px; font-size: 7px; color: #000; position: relative; }
.theadtitle span:nth-child(2):before, .theadtitle span:nth-child(2):after { content: ''; width: 100px; height: 1px; background: #FFF; position: absolute; top: 50%; margin-top: -1px; box-shadow: 0 1px 0 rgba(255,255,255,0.2); }
.theadtitle span:nth-child(2):before { left: 25px; } .theadtitle span:nth-child(2):after { right: 25px; }
.theadtitle span:nth-child(3) { font-size: 60px; line-height: 45px; }
#theadcontainer:hover .theadtitle { opacity:0; filter:alpha(opacity=0); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

/* CONTENT AREA */
#theadcontainer em { opacity:0; filter:alpha(opacity=0); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
#theadcontainer:hover em { opacity:1; filter:alpha(opacity=1); position: absolute; top: 130px; left: 0px; padding: 20px; width: 360px; height: 230px; overflow: auto; text-align: justify; font-style: normal; font-family: calibri, sans-serif; font-size: 9.5px; line-height: 120%; letter-spacing: 1px; color: #000; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
</style>
<center>
<div id="theadcontainer">

<img src="400x400 IMAGE GOES HERE">

<p><span>WE CAN MESS AROUND</span><BR>
<span>IF YOU STAY LOW KEY</span><BR>
<span>SHHH, JUST TIGHTEN UP</span><BR>
<span>TIGHTEN UP</span></p>

<div class="theadtitle">
<span>FIRST</span><span>MIDDLE</span><span>LAST</span>
</div>

<em>
text goes here. will scroll. use <*BR>.
</em>
</div>
<a style="font-size: 6px; line-height: 10px; opacity: .7; letter-spacing: 3px; font-family: calibri;" href="http://roux.jfbs.net/index.php?showuser=3">N ▲ W</a>
</center>

0

28

Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Dosis:300' rel='stylesheet' type='text/css'>
<center>
<div style="width: 555px; border: 25px solid #fff; background-color: #fff;">
<a href="http://roux.b1.jcink.com/index.php?showuser=26"><div style="width: 455px; height: 1px; background-color: #B6C9B5;"></div></a>
<div style="text-align: center; text-transform: uppercase; font-family: dosis; font-size: 26px; line-height: 98%; color: #4D4038; margin-top: 23px;">FACE CLAIM</div>
<div style="font-family: calibri; font-size: 9px; text-align: justify; text-transform: uppercase; line-height: 100%; color: #4D4038;"><center>The rules and procedures can go here, and any other misc. information.</center></div>
<table cellpadding="0" cellspacing="0">
<td><div style="width: 175px; text-align: center; text-transform: uppercase; font-family: dosis; font-size: 20px; line-height: 100%; color: #B6C9B5; border-bottom: 0px solid #333; margin-bottom: 5px; margin-right: 5px;"><center>BOYS</center></div>
<div style="width: 275px; text-align: justify; font-family: tahoma; font-size: 10px; text-transform: uppercase; color: #B6C9B5; line-height: 100%;">NAME<br>NAME<br>NAME</div></td>

<td><div style="width: 175px; text-align: center; text-transform: uppercase; font-family: dosis; font-size: 20px; line-height: 100%; color: #F2A27F; border-bottom: 0px solid #333; margin-bottom: 5px;"><center>GIRLS</center></div>
<div style="text-align: right; font-family: tahoma; font-size: 10px; text-transform: uppercase; color: #F2A27F;line-height: 100%;">NAME<br>NAME<br>NAME</div></td>
</table>
<div style="margin-top: 23px; width: 355px; height: 1px; background-color: #B6C9B5;"></div>
</div>
</div>
</center>

0

29

Код:
<!--HTML--><center><div style="width: 500px; text-align: left;">

<table><tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>A</b></div></td><td valign="top" style="width: 350px; text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br><br>

<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>B</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>C</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>



<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>D</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>E</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>F</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>G</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>H</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>I</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>J</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>K</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>L</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>M</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>N</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>O</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>P</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>Q</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>R</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>S</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>T</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>U</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>V</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"> <b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>W</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>X</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>Y</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
</td></tr>


<tr><td valign="top"><div style="background-color: #000026; width: 60px; height: 60px; color: #fafafa; text-align: center; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; line-height: 120%; -webkit-border-radius: 10px 0px 0px 10px; font-family: arial; font-size: 50px; margin-right: -5px; margin-top: -2px;"><b>Z</b></div></td><td valign="top" style="text-align: left; border-left: 2px solid #000026; padding: 10px; color: #222222; font-family: arial; font-size: 10px; line-height: 120%; border-bottom: 1px dashed #dadada;"><b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>
<b>SERIES NAME</b>, character name - [i]claim name[/i]<br>

</td></tr></table>
<center><div style="font-family:courier new;font-size:9px;letter-spacing:1px;margin-top:4px;">MADE BY SALT OF <a href="http://shine.b1.jcink.com">[color=#000026]SHINE!</a> &[/color] <a href="http://roux.b1.jcink.com/index.php?act=idx">[color=#000026]ROUX![/color]</a></div>
</div></center>



</div></center>

0

30

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

::-webkit-scrollbar {
width: 9px;
}

::-webkit-scrollbar-track {
background-color:#E2F53B; 
}

::-webkit-scrollbar-thumb {
  
background-color:#29211F;
}</style>
<div align=center><link href='http://fonts.googleapis.com/css?family=Old+Standard+TT' rel='stylesheet' type='text/css'>
<div style="width: 550px; background: #F3EEEA; border-radius: 0px;-moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border-top: 25px solid #29211F; border-right: 25px solid #29211F; border-bottom: 25px solid #29211F; border-left: 25px solid #29211F"><div style='font-size: 42px; font-family: old standard tt; font-weight:normal; letter-spacing:-4px; text-transform: lowercase; color: #835F6B; font-style: italic; padding-top: 15px;'>
first m. last</div><br>
<div style='width: 500; height: 10px; font-size: 10px; background-color: #E2F53B; font-family: arial; letter-spacing: 1px; text-transform: uppercase; color: #29211F;'>
CUSTOM TITLE, SHORT PLEASE!</div><br><br>

<center><table><tr><td style="width: 400px; line-height: 90%; font-style: italic; text-align: right"><img src="http://img98.imageshack.us/img98/1496/pracm.jpg" align="left" width="200" height="200"/>

<div style='width: 500; height: 10px; text-align: left; font-size: 10px; background-color: #E2F53B; font-family: arial; letter-spacing: 1px; text-transform: uppercase; font-style: normal; color: #29211F;'>
NAME</div>first middle last<br><br>
<div style='width: 300; height: 10px; text-align: left; font-size: 10px; background-color: #E2F53B; font-family: arial; letter-spacing: 1px; text-transform: uppercase; font-style: normal; color: #29211F;'>
AGE</div>how old you are.<br><br>
<div style='width: 300; height: 10px; text-align: left; font-size: 10px; background-color: #E2F53B; font-family: arial; letter-spacing: 1px; text-transform: uppercase; font-style: normal; color: #29211F;'>
OCCUPATION</div>what your job is.<br><br>
<div style='width: 300; height: 10px; text-align: left; font-size: 10px; background-color: #E2F53B; font-family: arial; letter-spacing: 1px; text-transform: uppercase; font-style: normal; color: #29211F;'>
MEMBERTITLE</div>what you want it to say under your avatar.<br><br>
<div style='width: 300; height: 10px; text-align: left; font-size: 10px; background-color: #E2F53B; font-family: arial; letter-spacing: 1px; text-transform: uppercase; font-style: normal; color: #29211F;'>
MEMBERGROUP</div>what member group you should be in.<br><br>
</td></tr></table></center><p>
<div style='font-size: 42px; font-family: old standard tt; font-weight:normal; letter-spacing:-4px; text-transform: lowercase; color: #835F6B; font-style: italic;'>
PART ONE</div><br><div style='font-size: 9px; font-family: arial; letter-spacing: 1px; text-transform: uppercase; color: #29211F;'>SUB TITLE HERE
<p><div style="background-color: #F0F0F0; padding: 10px; border-right: 4px solid #835F6B; text-align: justify; line-height:99%; padding-right:3px; overflow:auto; width: 450px; height:85px; font-size: 10px;">You can basically change this section into anything you want since it's a freeform app. To add more sections, just copy from after it says the paragraph divider. You can delete the section below if you would like, but just change the height and the width so that it suits you. Don't worry about how long it is, because it scrolls! You can basically change this section into anything you want since it's a freeform app. To add more sections, just copy from after it says the paragraph divider. You can delete the section below if you would like, but just change the height and the width so that it suits you. Don't worry about how long it is, because it scrolls!</div>
<br><br>
<div style='font-size: 42px; font-family: old standard tt; font-weight:normal; letter-spacing:-4px; text-transform: lowercase; color: #835F6B; font-style: italic;'>
fool me, fool me</div><br><div style='font-size: 10px; font-family: arial; letter-spacing: 1px; text-transform: uppercase; color: #29211F;'>oh how you do me</div><p>

<div style="background-color: #F0F0F0; padding: 10px; border-left: 4px solid #835F6B; text-align: justify; line-height:99%; padding-right:3px; overflow:auto; width:450px; height:85px; font-size: 9px;">You can basically change this section into anything you want since it's a freeform app. To add more sections, just copy from after it says the paragraph divider. You can delete the section below if you would like, but just change the height and the width so that it suits you. Don't worry about how long it is, because it scrolls!</div><br><br>

<br><br>

<div style='width: 500; height: 20px; font-size: 13px; background-color: #E2F53B; font-family: arial; letter-spacing: 1px; text-transform: uppercase; color: #29211F;'>
ALIAS. AGE. EXPERIENCE. CONTACT.</div><br><br>

</div></div></div></div></div><center><div style="font-family: arial; font-weight:normal; text-transform: lowercase; color: #835F6B;"><a href="http://roux.jfbs.net/index.php?showuser=1">THANKS MERC</a></div></center>

0


Вы здесь » Cor Angelus » ветра в крылья » танцы с кодами


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