Место действия: Атланта, штат Джорджия. Рейтинг: NC-21 Время в игре: 05 января - 31 марта 2017 года.
Человеческие чувства и желания для нас пустой звук, потому что мы – не-мертвые. Со временем мы забываем, что это такое, и превращаемся в чистые сосуды для хранения драгоценной крови. Она покидает наши тела быстрее, чем хотелось бы, и вместе с кровью, уходит и жизнь, уходит все человеческое. Добро пожаловать в Мир Тьмы. В мир, где не осталось почти ничего хорошего.
Вверх страницы

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

Design Probe

Объявление

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

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


Вы здесь » Design Probe » Новый форум 5 » theme


theme

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

1

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

0

2

Ola!!!Меня зовут Ари, я родилась 25 лет назад в городе Лас-Вегас. Ты всегда можешь найти меня на моем рабочем месте, где я числюсь агентом FBR. Меня всегда поддерживают мой парень Райан, и мои лучшие друзья Каролина и Роза.

Chane написал(а):

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

0

3

Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script|Marvel' rel='stylesheet' type='text/css'><style type="text/css">.bh {width: 500px; height: 300px; background-image: url(http://funkyimg.com/i/2imV1.jpg); opacity: 0.0; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;}
.bh:hover {width: 500px; height: 300px; background-image: url(http://funkyimg.com/i/2imV1.jpg); opacity: 1.0;}</style>

<center><div style="background-image: url(http://funkyimg.com/i/2imUZ.jpg); width: 500px; height: 300px;"><div class="bh"><div style="width: 200px; padding: 10px; background-color: white; position: relative; top: 100px; left: 80px; font-family: times new roman; color: 121212; font-style: italic; letter-spacing: 3px; font-size: 8px; opacity: 0.95; text-align: justify; line-height: 95%;">

### &bull; tagged &bull; your notes go here you can write quite a bit your notes go here you can write quite a bit your notes go here you can write quite a bit 

&bull; <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=3417">&hearts; lauz</a></div></div></div><div style="width: 500px; background-color: white; border-bottom: 40px solid #3467b8;">

<div style="width: 400px; font-family: Jellyka Western Princess; color: 3467b8; font-size: 65px; padding-top: 30px; position: relative; z-index: 2;">

yes, i'm drunk

</div><div style="width: 400px; font-family: marvel; color: 121212; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; margin-top: 12px;">

and you're beautiful and tomorrow morning

</div><BR><div style="width: 250px; padding-left: 10px; padding-right: 10px; font-family: calibri, sans-serif; color: 121212; font-size: 9.5px; line-height: 90%; text-align: justify; height: 200px; overflow: auto;">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec eros vel nisi sagittis egestas in sed eros. Nullam diam metus, ullamcorper sit amet accumsan in, porta vitae metus. Donec mauris risus, dictum quis aliquam a, pulvinar sed lorem. In hac habitasse platea dictumst. Nulla eget leo velit, vitae congue eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque odio enim, vulputate ac iaculis faucibus, cursus vitae diam. Aliquam erat volutpat. Donec adipiscing sollicitudin nisi quis convallis. Nulla facilisi. Nunc risus odio, consequat a ullamcorper at, sollicitudin eget est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec eros vel nisi sagittis egestas in sed eros. Nullam diam metus, ullamcorper sit amet accumsan in, porta vitae metus. Donec mauris risus, dictum quis aliquam a, pulvinar sed lorem. In hac habitasse platea dictumst. Nulla eget leo velit, vitae congue eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque odio enim, vulputate ac iaculis faucibus, cursus vitae diam. Aliquam erat volutpat. Donec adipiscing sollicitudin nisi quis convallis. Nulla facilisi. Nunc risus odio, consequat a ullamcorper at, sollicitudin eget est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec eros vel nisi sagittis egestas in sed eros. Nullam diam metus, ullamcorper sit amet accumsan in, porta vitae metus. Donec mauris risus, dictum quis aliquam a, pulvinar sed lorem. In hac habitasse platea dictumst. Nulla eget leo velit, vitae congue eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque odio enim, vulputate ac iaculis faucibus, cursus vitae diam. Aliquam erat volutpat. Donec adipiscing sollicitudin nisi quis convallis. Nulla facilisi. Nunc risus odio, consequat a ullamcorper at, sollicitudin eget est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.



</div><BR><BR><BR><div style="width: 460px; padding: 20px; font-family: marvel; color: white; font-size: 10px; letter-spacing: 6px; text-transform: uppercase; background-color: 3467b8;">

i'll be sober but you'll still be beautiful

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

0

4

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<style>
#fur {width:250px; height:250px; padding:20px; background:url('http://i.imgur.com/ZYFxtUT.jpg'); border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; transition:ease all 2s; -ms-transition:ease all 2s; -webkit-transition:ease all 2s;}

#fur img {width:250px; height:250px; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;  -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);  transform: rotate(0deg); }

#fur:hover img {opacity:0; -ms-transform:rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg);  -ms-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;}

#fur:hover #header {opacity:1; -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; }

#header {width:190px; height: 170px; padding:30px; padding-top:50px; margin-top:-250px; background-color:#fcfcfc; -ms-border-radius:500px; -webkit-border-radius:500px; -moz-border-radius:500px; -webkit-transform: rotate(0deg); -moz-trasform:rotate(0deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; opacity:0;}

#tags { width:150px; height: 150px; text-align:justify; font-family:century; font-size:9px; color:#0e0e0e; line-height:88%; overflow:auto;}

.postie {width:250px; height:350px; padding:20px; background:url('http://i.imgur.com/ZYFxtUT.jpg'); text-align:justify; overflow:auto; line-height:95%; letter-spacing:-1px; word-spacing:2px; font-family:century; font-size:10pt; color:#ccc;}
.postie p::first-letter {font-family:'Roboto Slab'; font-size:23px; line-height:110%; color:#9A446B;}
.postie b {color:#9A446B; font-weight:bold; letter-spacing:normal;}

.postie::-webkit-scrollbar  {width:8px;}
.postie::-webkit-scrollbar-track {background:#fcfcfc;}
.postie::-webkit-scrollbar-thumb {height:4px; background:#9A446B;}
</style>

<center><div id="fur"><img src="http://i.imgur.com/vvg7RT5.jpg">
<div id="header"><div style="color:#9A446B; text-shadow:2px 2px #cccccc; font-family:helvetica; font-size:20px; font-style:italic; padding-bottom:5px;  text-transform:lowercase;">Основной текст
<span style="font-size:12pt;">ещё текст сюда</span></div>
</div></div>

<div class="postie">
<p>THIS IS WHERE YOUR POST GOES. <B>bolded stuff</b>
</div></center>
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<style>
#fur {width:250px; height:250px; padding:20px; background:url('http://i.imgur.com/ZYFxtUT.jpg'); border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; transition:ease all 2s; -ms-transition:ease all 2s; -webkit-transition:ease all 2s;}

#fur img {width:250px; height:250px; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;  -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);  transform: rotate(0deg); }

#fur:hover img {opacity:0; -ms-transform:rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg);  -ms-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;}

#fur:hover #header {opacity:1; -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; }

#header {width:190px; height: 170px; padding:30px; padding-top:50px; margin-top:-250px; background-color:#fcfcfc; -ms-border-radius:500px; -webkit-border-radius:500px; -moz-border-radius:500px; -webkit-transform: rotate(0deg); -moz-trasform:rotate(0deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; opacity:0;}

#tags { width:150px; height: 150px; text-align:justify; font-family:century; font-size:9px; color:#0e0e0e; line-height:88%; overflow:auto;}

.postie {width:250px; height:250px; padding:20px; background:url('http://i.imgur.com/ZYFxtUT.jpg'); text-align:justify; overflow:auto; line-height:95%; letter-spacing:-1px; word-spacing:2px; font-family:century; font-size:10pt; color:#ccc;}
.postie p::first-letter {font-family:'Roboto Slab'; font-size:15px; line-height:110%; color:#9A446B;}
.postie b {color:#9A446B; font-weight:bold; letter-spacing:normal;}

.postie::-webkit-scrollbar  {width:8px;}
.postie::-webkit-scrollbar-track {background:#fcfcfc;}
.postie::-webkit-scrollbar-thumb {height:4px; background:#9A446B;}
</style>

<center><div id="fur"><img src="http://i.imgur.com/vvg7RT5.jpg">
<div id="header"><div style="color:#9A446B; text-shadow:2px 2px #cccccc; font-family:helvetica; font-size:25px; font-style:italic; padding-bottom:5px;  text-transform:lowercase;">main text here
<span style="font-size:12pt;">more text here</span></div>
<div id="tags">tags: name | words: ###
<p><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=15502">credit</a></div>
</div></div>

<div class="postie">
<p>THIS IS WHERE YOUR POST GOES. <B>bolded stuff</b>
</div></center>
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<style>
#fur {width:250px; height:250px; padding:20px; background:url('http://i.imgur.com/ZYFxtUT.jpg'); border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; transition:ease all 2s; -ms-transition:ease all 2s; -webkit-transition:ease all 2s;}

#fur img {width:250px; height:250px; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;  -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);  transform: rotate(0deg); }

#fur:hover img {opacity:0; -ms-transform:rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg);  -ms-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;}

#fur:hover #header {opacity:1; -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; }

#header {width:190px; height: 170px; padding:30px; padding-top:50px; margin-top:-250px; background-color:#fcfcfc; -ms-border-radius:500px; -webkit-border-radius:500px; -moz-border-radius:500px; -webkit-transform: rotate(0deg); -moz-trasform:rotate(0deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; opacity:0;}

#tags { width:150px; height: 150px; text-align:justify; font-family:century; font-size:9px; color:#0e0e0e; line-height:88%; overflow:auto;}

.postie {width:250px; height:350px; padding:20px; background:url('http://i.imgur.com/ZYFxtUT.jpg'); text-align:justify; overflow:auto; line-height:95%; letter-spacing:-1px; word-spacing:2px; font-family:century; font-size:10pt; color:#ccc;}
.postie p::first-letter {font-family:'Roboto Slab'; font-size:23px; line-height:110%; color:#9A446B;}
.postie b {color:#9A446B; font-weight:bold; letter-spacing:normal;}

.postie::-webkit-scrollbar  {width:8px;}
.postie::-webkit-scrollbar-track {background:#fcfcfc;}
.postie::-webkit-scrollbar-thumb {height:4px; background:#9A446B;}
</style>

<center><div id="fur"><img src="http://i.imgur.com/vvg7RT5.jpg">
<div id="header"><div style="color:#9A446B; text-shadow:2px 2px #cccccc; font-family:helvetica; font-size:25px; font-style:italic; padding-bottom:5px;  text-transform:lowercase;">main text here
<span style="font-size:12pt;">more text here</span></div>
<div id="tags">tags: name | words: ###
<p><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=15502">credit</a></div>
</div></div>

<div class="postie">
<p>THIS IS WHERE YOUR POST GOES. <B>bolded stuff</b>
</div></center>
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<style>
#fur {width:250px; height:250px; padding:20px; background:url('http://i.imgur.com/ZYFxtUT.jpg'); border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; transition:ease all 2s; -ms-transition:ease all 2s; -webkit-transition:ease all 2s;}

#fur img {width:250px; height:250px; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;  -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);  transform: rotate(0deg); }

#fur:hover img {opacity:0; -ms-transform:rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg);  -ms-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;}

#fur:hover #header {opacity:1; -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; }

#header {width:190px; height: 170px; padding:30px; padding-top:50px; margin-top:-250px; background-color:#fcfcfc; -ms-border-radius:500px; -webkit-border-radius:500px; -moz-border-radius:500px; -webkit-transform: rotate(0deg); -moz-trasform:rotate(0deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; opacity:0;}

#tags { width:150px; height: 150px; text-align:justify; font-family:century; font-size:9px; color:#0e0e0e; line-height:88%; overflow:auto;}

.postie {width:250px; height:350px; padding:20px; background:url('http://i.imgur.com/ZYFxtUT.jpg'); text-align:justify; overflow:auto; line-height:95%; letter-spacing:-1px; word-spacing:2px; font-family:century; font-size:10pt; color:#ccc;}
.postie p::first-letter {font-family:'Roboto Slab'; font-size:23px; line-height:110%; color:#9A446B;}
.postie b {color:#9A446B; font-weight:bold; letter-spacing:normal;}

.postie::-webkit-scrollbar  {width:8px;}
.postie::-webkit-scrollbar-track {background:#fcfcfc;}
.postie::-webkit-scrollbar-thumb {height:4px; background:#9A446B;}
</style>

<center><div id="fur"><img src="http://i.imgur.com/vvg7RT5.jpg">
<div id="header"><div style="color:#9A446B; text-shadow:2px 2px #cccccc; font-family:helvetica; font-size:25px; font-style:italic; padding-bottom:5px;  text-transform:lowercase;">main text here
<span style="font-size:12pt;">more text here</span></div>
<div id="tags">tags: name | words: ###
<p><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=15502">credit</a></div>
</div></div>

<div class="postie">
<p>THIS IS WHERE YOUR POST GOES. <B>bolded stuff</b>
</div></center>

0

5

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

<style>
 .omn {
   background: #3467b8;
   width: 250px;
   height: 350px;
   margin-top: -65px;
   z-index: 0;
 }
 
 .omn h1 {
  font-size: 40px;
  font-weight: 700;
  font-family: bilbo;
  color: #fff;
  letter-spacing: -1px;
  word-spacing: -2px;
  text-shadow: #000 0px 2px 2px;
 }
 
 .imgbehind {
   background: #eee;
   width: 220px;
   padding: 15px;
 }
 
 .imgthread {
  background: url(http://placehold.it/100);
  width: 100px;
  height: 100px;
  border-radius: 50px;
  z-index: 1;
  position: relative;
  border: double 3px #3467b8;
 }
 
 .milliontimes {
  background: #ddd;
  width: 80%;
  height: 250px;
  border: solid #eee 1px;
  padding: 5px;
  margin-top: -20px;
 }
 
 .mtdesc {
  overflow-y: scroll;
  height: 90%;
  width: 90%;
  text-align: justify;
  padding: 10px;
  color: #3467b8;
  font-size: 10px;
  font-family: calibri;
 }
 
 .mtdesc::-webkit-scrollbar {
   width: 5px;
   background: #eee;
}
 
.mtdesc::-webkit-scrollbar-thumb {
 background-color: #3467b8;
 outline: 1px solid #fff;
}
</style>

<center>
 <div class="imgbehind">
 <div class="imgthread"></div></div>
 <div class="omn">
  <br><br><h1>one more night</h1>
   <div class="milliontimes">
   <div class="mtdesc">Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC
<br><br>
"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.<br><br> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"
<br><br>
1914 translation by H. Rackham
<br><br>
"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful.<br><br> Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?"
<br><br>
Section 1.10.33 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC
<br><br>
"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.<br><br> Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."</div></div>
 </div>
 <span style="text-decoration: none;font-size: 20px;">◆</span></center>
Код:
<!--HTML--><link href='https://fonts.googleapis.com/css?family=Bilbo' rel='stylesheet' type='text/css'>

<style>
 .omn {
   background: 3467b8;
   width: 250px;
   height: 350px;
   margin-top: -65px;
   z-index: 0;
 }
 
 .omn h1 {
  font-size: 40px;
  font-weight: 700;
  font-family: bilbo;
  color: #fff;
  letter-spacing: -1px;
  word-spacing: -2px;
  text-shadow: #000 0px 2px 2px;
 }
 
 .imgbehind {
   background: #eee;
   width: 220px;
   padding: 15px;
 }
 
 .imgthread {
  background: url(http://placehold.it/100);
  width: 100px;
  height: 100px;
  border-radius: 50px;
  z-index: 1;
  position: relative;
  border: double 3px 3467b8;
 }
 
 .milliontimes {
  background: #ddd;
  width: 80%;
  height: 250px;
  border: solid #eee 1px;
  padding: 5px;
  margin-top: -20px;
 }
 
 .mtdesc {
  overflow-y: scroll;
  height: 90%;
  width: 90%;
  text-align: justify;
  padding: 10px;
  color: 3467b8;
  font-size: 10px;
  font-family: calibri;
 }
 
 .mtdesc::-webkit-scrollbar {
   width: 5px;
   background: #eee;
}
 
.mtdesc::-webkit-scrollbar-thumb {
 background-color: 3467b8;
 outline: 1px solid #fff;
}
</style>

<center>
 <div class="imgbehind">
 <div class="imgthread"></div></div>
 <div class="omn">
  <br><br><h1>one more night</h1>
   <div class="milliontimes">
   <div class="mtdesc">Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC
<br><br>
"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.<br><br> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"
<br><br>
1914 translation by H. Rackham
<br><br>
"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful.<br><br> Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?"
<br><br>
Section 1.10.33 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC
<br><br>
"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.<br><br> Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."</div></div>
 </div>
 <span style="text-decoration: none;font-size: 20px;">◆</span></center>
Код:
<!--HTML--><link href='https://fonts.googleapis.com/css?family=Bilbo' rel='stylesheet' type='text/css'>

<style>
 .omn {
   background: 3467b8;
   width: 250px;
   height: 350px;
   margin-top: -65px;
   z-index: 0;
 }
 
 .omn h1 {
  font-size: 40px;
  font-weight: 700;
  font-family: bilbo;
  color: #fff;
  letter-spacing: -1px;
  word-spacing: -2px;
  text-shadow: #000 0px 2px 2px;
 }
 
 .imgbehind {
   background: #eee;
   width: 220px;
   padding: 15px;
 }
 
 .imgthread {
  background: url(http://placehold.it/100);
  width: 100px;
  height: 100px;
  border-radius: 50px;
  z-index: 1;
  position: relative;
  border: double 3px 3467b8;
 }
 
 .milliontimes {
  background: #ddd;
  width: 80%;
  height: 250px;
  border: solid #eee 1px;
  padding: 5px;
  margin-top: -20px;
 }
 
 .mtdesc {
  overflow-y: scroll;
  height: 90%;
  width: 90%;
  text-align: justify;
  padding: 10px;
  color: 3467b8;
  font-size: 10px;
  font-family: calibri;
 }
 
 .mtdesc::-webkit-scrollbar {
   width: 5px;
   background: #eee;
}
 
.mtdesc::-webkit-scrollbar-thumb {
 background-color: 3467b8;
 outline: 1px solid #fff;
}
</style>

<center>
 <div class="imgbehind">
 <div class="imgthread"></div></div>
 <div class="omn">
  <br><br><h1>one more night</h1>
   <div class="milliontimes">
   <div class="mtdesc">Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC
<br><br>
"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.<br><br> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"
<br><br>
1914 translation by H. Rackham
<br><br>
"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful.<br><br> Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?"
<br><br>
Section 1.10.33 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC
<br><br>
"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.<br><br> Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."</div></div>
 </div>
 <span style="text-decoration: none;font-size: 20px;">◆</span></center>
Код:
<!--HTML--><link href='https://fonts.googleapis.com/css?family=Bilbo' rel='stylesheet' type='text/css'>

<style>
 .omn {
   background: 3467b8;
   width: 250px;
   height: 350px;
   margin-top: -65px;
   z-index: 0;
 }
 
 .omn h1 {
  font-size: 40px;
  font-weight: 700;
  font-family: bilbo;
  color: #fff;
  letter-spacing: -1px;
  word-spacing: -2px;
  text-shadow: #000 0px 2px 2px;
 }
 
 .imgbehind {
   background: #eee;
   width: 220px;
   padding: 15px;
 }
 
 .imgthread {
  background: url(http://placehold.it/100);
  width: 100px;
  height: 100px;
  border-radius: 50px;
  z-index: 1;
  position: relative;
  border: double 3px 3467b8;
 }
 
 .milliontimes {
  background: #ddd;
  width: 80%;
  height: 250px;
  border: solid #eee 1px;
  padding: 5px;
  margin-top: -20px;
 }
 
 .mtdesc {
  overflow-y: scroll;
  height: 90%;
  width: 90%;
  text-align: justify;
  padding: 10px;
  color: 3467b8;
  font-size: 10px;
  font-family: calibri;
 }
 
 .mtdesc::-webkit-scrollbar {
   width: 5px;
   background: #eee;
}
 
.mtdesc::-webkit-scrollbar-thumb {
 background-color: 3467b8;
 outline: 1px solid #fff;
}
</style>

<center>
 <div class="imgbehind">
 <div class="imgthread"></div></div>
 <div class="omn">
  <br><br><h1>one more night</h1>
   <div class="milliontimes">
   <div class="mtdesc">Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC
<br><br>
"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.<br><br> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"
<br><br>
1914 translation by H. Rackham
<br><br>
"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful.<br><br> Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?"
<br><br>
Section 1.10.33 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC
<br><br>
"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.<br><br> Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."</div></div>
 </div>
 <span style="text-decoration: none;font-size: 20px;">◆</span></center>

0

6

Код:
<!--HTML--><center> 
<table style="width: 100%;"> 
<tr> 
<td bgcolor="#b7bbc2" width="25%"><img src="http://savepic.org/6584399.png" width="100px";></td> 
<td bgcolor="#b7bbc2" width="50%"><div style="margin-top: -40px; font-family: cuprum; font-weight: 200; font-size: 20px; line-height: 100%; color: #606360; text-transform: lowercase; letter-spacing: -5; ">@adress</div></td> 
<td bgcolor="#b7bbc2" width="25%"><div style="margin-top: -40px; font-family: cuprum; font-weight: 200; font-size: 20px; line-height: 100%; color: #606360; text-transform: lowercase; letter-spacing: -5; ">instagram</div></td> 
</tr> 
<tr></table> 

<div style="width: 100%; background-color: #dfdfdf; padding-top: 40px; margin-top: -60px;"> 
<div style="width: 94%; padding: 15px; background-color: #dfdfdf;"> 



<style> 
.instagram1{ background: #606360; color: #f2f0e7; padding: 10px; width: 130px; height: 130px; overflow: auto; transition-duration: .9s;-moz-transition-duration: .9s;-webkit-transition-duration: .9s;-o-transition-duration: .9s; opacity: 0.0; } 
.instagram1:hover {opacity: 1.00;} 

</style> 

<table style="width: 97%;"> 
<tr><td bgcolor="#b7bbc2" width="30%"><center><div style="width: 150px; height: 150px; font-size: 12px; border-top: 10px solid #f2f0e7; font-family: arial; background:url('http://savepic.org/6578255.png'); margin: 10px;"> 

<div class="instagram1"> комментарий к фото</div></center></td> 
<td bgcolor="#b7bbc2" width="30%"><center><div style="width: 150px; height: 150px; font-size: 12px; border-top: 10px solid #f2f0e7; font-family: arial; background:url('http://savepic.org/6578255.png');"> 

<div class="instagram1"> комментарий к фото</div></center></td> 
<td bgcolor="#b7bbc2" width="30%"><center><div style="width: 150px; height: 150px; font-size: 12px; border-top: 10px solid #f2f0e7; font-family: arial; background:url('http://savepic.org/6578255.png');"> 

<div class="instagram1"> комментарий к фото</div></center></td> 
</tr> 

<tr><td bgcolor="#b7bbc2" width="30%"><center><div style="width: 150px; height: 150px; font-size: 12px; border-top: 10px solid #f2f0e7; font-family: arial; background:url('http://savepic.org/6578255.png'); margin: 10px;"> 

<div class="instagram1"> комментарий к фото</div></center></td> 
<td bgcolor="#b7bbc2" width="30%"><center><div style="width: 150px; height: 150px; font-size: 12px; border-top: 10px solid #f2f0e7; font-family: arial; background:url('http://savepic.org/6578255.png');"> 

<div class="instagram1"> комментарий к фото</div></center></td> 
<td bgcolor="#b7bbc2" width="30%"><center><div style="width: 150px; height: 150px; font-size: 12px; border-top: 10px solid #f2f0e7; font-family: arial; background:url('http://savepic.org/6578255.png');"> 

<div class="instagram1"> комментарий к фото</div></center></td> 
</tr> 
</table> 

</div> 

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

<table style=> 
<tr><td bgcolor="#b7bbc2" width="20%"><img src="http://savepic.su/4413232.png" width="93px";></td> 
<td bgcolor="#b7bbc2" width="20%"><div style="font-family: cuprum; font-weight: 200; font-size: 14px; line-height: 100%; color: #606360; text-transform: lowercase; letter-spacing: -5; "><b>000</b><p> 
posts</div></td> 
<td bgcolor="#b7bbc2" width="20%"><div style="font-family: cuprum; font-weight: 200; font-size: 14px; line-height: 100%; color: #606360; text-transform: lowercase; letter-spacing: -5; "><b>000</b><p> 
follower</div></td> 
<td bgcolor="#b7bbc2" width="20%"><div style="font-family: cuprum; font-weight: 200; font-size: 14px; line-height: 100%; color: #606360; text-transform: lowercase; letter-spacing: -5; "><b>000</b><p> 
following</div></td> 
<td bgcolor="#b7bbc2" width="20%"><img src="http://savepic.su/4392752.png" width="94px";></td> 
</tr> 
<tr></table> 

</center>

0

7

Код:
<!--HTML-->
<div class="gosti"><table style="width: 300px; height: 50px; border-spacing: 15px 15px; border-collapse: separate;margin-left: 320px;">
<tbody><tr>
<tr>
<td width="150px"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
Lorem Ipsum<br>
Lorem Ipsum<br>
Lorem Ipsum<br>
Lorem Ipsum<br></td>
<td width="150px"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
Lorem Ipsum<br>
Lorem Ipsum<br>
Lorem Ipsum<br>
Lorem Ipsum<br></td>
</tr>
</table></div>

0

8

Код:
<!--HTML-->
<div class="punktir">ХРОНОЛОГИЯ</div><br>
    <div class="html-box">
    	<center><!-- Основной скелет -->
        <table style="width: 586px; height: 181px; background: #a98792;  border-spacing: 15px 15px; border-collapse: separate;">
<tbody><tr>
<td width="40%" style="background: #dfdfdf ">
<center><div class="fonplana"> БУДУЩЕЕ</div><br>
<a href="ссылка" target="blank"><div class="ssilka">Эпизод(название) : Статус (активен\закрыт\ заброшен)</div></a> <br>
<span style="font-size:10px;">Краткое писание Краткое писание Краткое писание Краткое писание Краткое писание</span>
<hr>
<a href="ссылка" target="blank"><div class="ssilka">Эпизод(название) : Статус (активен\закрыт\ заброшен)</div></a> <br>
<span style="font-size:10px;">Краткое писание Краткое писание Краткое писание Краткое писание Краткое писание</span>
<hr>
<a href="ссылка" target="blank"><div class="ssilka">Эпизод(название) : Статус (активен\закрыт\ заброшен)</div></a> <br>
<span style="font-size:10px;">Краткое писание Краткое писание Краткое писание Краткое писание Краткое писание</span>
<hr>
</td>
<td width="40%" style="background: #dfdfdf ">
<center><div class="fonplana">НАСТОЯЩЕЕ</div><br>
<a href="ссылка" target="blank"><div class="ssilka">Эпизод(название) : Статус (активен\закрыт\ заброшен)</div></a> <br>
<span style="font-size:10px;">Краткое писание Краткое писание Краткое писание Краткое писание Краткое писание</span>
<hr>
<a href="ссылка" target="blank"><div class="ssilka">Эпизод(название) : Статус (активен\закрыт\ заброшен)</div></a> <br>
<span style="font-size:10px;">Краткое писание Краткое писание Краткое писание Краткое писание Краткое писание</span>
<hr>
<a href="ссылка" target="blank"><div class="ssilka">Эпизод(название) : Статус (активен\закрыт\ заброшен)</div></a> <br>
<span style="font-size:10px;">Краткое писание Краткое писание Краткое писание Краткое писание Краткое писание</span>
<hr>
</td>
</tr></tbody></table>
</center></div>

    <div class="html-box">
    	<center><!-- Основной скелет -->
        <table style="width: 586px; height: 181px; background: #a98792;  border-spacing: 15px 15px; border-collapse: separate;">
<tbody><tr>
<td width="40%" style="background: #dfdfdf ">
<center><div class="fonplana"> ПРОШЛОЕ</div><br>
<a href="ссылка" target="blank"><div class="ssilka">Эпизод(название) : Статус (активен\закрыт\ заброшен)</div></a> <br>
<span style="font-size:10px;">Краткое писание Краткое писание Краткое писание Краткое писание Краткое писание</span>
<hr>
<a href="ссылка" target="blank"><div class="ssilka">Эпизод(название) : Статус (активен\закрыт\ заброшен)</div></a> <br>
<span style="font-size:10px;">Краткое писание Краткое писание Краткое писание Краткое писание Краткое писание</span>
<hr>
<a href="ссылка" target="blank"><div class="ssilka">Эпизод(название) : Статус (активен\закрыт\ заброшен)</div></a> <br>
<span style="font-size:10px;">Краткое писание Краткое писание Краткое писание Краткое писание Краткое писание</span>
<hr>
</td>
<td width="40%" style="background: #dfdfdf ">
<center><div class="fonplana"> АЛЬТЕРНАТИВА</div><br>
<a href="ссылка" target="blank"><div class="ssilka">Эпизод(название) : Статус (активен\закрыт\ заброшен)</div></a> <br>
<span style="font-size:10px;">Краткое писание Краткое писание Краткое писание Краткое писание Краткое писание</span>
<hr>
<a href="ссылка" target="blank"><div class="ssilka">Эпизод(название) : Статус (активен\закрыт\ заброшен)</div></a> <br>
<span style="font-size:10px;">Краткое писание Краткое писание Краткое писание Краткое писание Краткое писание</span>
<hr>
<a href="ссылка" target="blank"><div class="ssilka">Эпизод(название) : Статус (активен\закрыт\ заброшен)</div></a> <br>
<span style="font-size:10px;">Краткое писание Краткое писание Краткое писание Краткое писание Краткое писание</span>
<hr>
</td>
</tr></tbody></table>
</center></div>

0

9

Код:
<!--HTML-->
<link rel="stylesheet" type="text/css" href="http://unhearted.b1.jcink.com/uploads/unhearted/threads/binkrevenge_thread.css"> <div align=center><style>
.inkbg {background: #71729b;} /*background image of the post*/

.postultra{ font-family:calibri; background-color:#fafafa; height:350px;
font-size:11px; text-align:justify; color:#000000; font-style:italic; border:1px solid #aeaeae;} /*post area, you can make the height smaller if your message is short*/</style> 

<img src="http://placehold.it/360x150">
<div class="blackink">Activity</div>
<div class="inkbg"><div class="postultra"><center> <a href="ссылка" target="blank"><img src="http://funkyimg.com/i/2inFy.jpg" title="постописец2" border="0"></a> <a href="ссылка" target="blank"><img src="http://funkyimg.com/i/2inFy.jpg" title="постописец2" border="0"></a> <a href="ссылка" target="blank"><img src="http://funkyimg.com/i/2inFy.jpg" title="постописец2" border="0"></a> <a href="ссылка" target="blank"><img src="http://funkyimg.com/i/2inFy.jpg" title="постописец2" border="0"></a> <a href="ссылка" target="blank"><img src="http://funkyimg.com/i/2inFy.jpg" title="постописец2" border="0"></a><br>
<a href="ссылка" target="blank"><img src="http://funkyimg.com/i/2inFy.jpg" title="постописец2" border="0"></a> <a href="ссылка" target="blank"><img src="http://funkyimg.com/i/2inFy.jpg" title="постописец2" border="0"></a> <a href="ссылка" target="blank"><img src="http://funkyimg.com/i/2inFy.jpg" title="постописец2" border="0"></a> <a href="ссылка" target="blank"><img src="http://funkyimg.com/i/2inFy.jpg" title="постописец2" border="0"></a> <a href="ссылка" target="blank"><img src="http://funkyimg.com/i/2inFy.jpg" title="постописец2" border="0"></a></center><br><hr><br>
<p><img class="postimg" src="http://funkyimg.com/i/2inG5.jpg" alt="float:right" title="float:right">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type <a href="ссылка" target="blank">читать далее..</a>  </p><hr><br>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries....
</div></div>
<div class="inkdata">от 18.10.2016</div>
</div></</div>
картинку наверх мб

http://funkyimg.com/i/2inEX.jpg

0

10

<float=left>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. <img src="http://funkyimg.com/i/2inG5.jpg" border="0"/>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</float>

0

11

[float=left]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
http://funkyimg.com/i/2inG5.jpgLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.[/float]

0

12

здесь была магия

Отредактировано felnir (2016-10-18 23:34:38)

0

13

float:rightLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

0

14

Код:
<!--HTML-->
<table layout=fixed width=100%>
<tr>
<td><link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<style>
#fur {width:250px; height:250px; padding:20px; background: #6c46ca; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:400px; transition:ease all 2s; -ms-transition:ease all 2s; -webkit-transition:ease all 2s;}

#fur img {width:250px; height:250px; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;  -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);  transform: rotate(0deg); }

#fur:hover img {opacity:0; -ms-transform:rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg);  -ms-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;}

#fur:hover #header {opacity:1; -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; }

#header {width:190px; height: 170px; padding:30px; padding-top:50px; margin-top:-250px; background-color:#fcfcfc; -ms-border-radius:500px; -webkit-border-radius:500px; -moz-border-radius:500px; -webkit-transform: rotate(0deg); -moz-trasform:rotate(0deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; opacity:0;}

.postie {width:250px; height:65px; padding:20px; background: #6c46ca; text-align:justify; overflow:auto; line-height:95%; letter-spacing:-1px; word-spacing:2px; font-family:'Microsoft Sans Serif'; font-size:9pt; color: #ccc;}
.postie p::first-letter {font-family:'Microsoft Sans Serif'; font-size:23px; line-height:110%; color:#263473;text-shadow:2px 2px #fff;}
.postie b {font-weight:bold; letter-spacing:normal; color: #000; font-family: 'Microsoft Sans Serif'; font-size: 10px; line-height: 1em;   text-shadow: 1px 0px 1px #c9c9c9;}
.dabl {color: #000;font-size: 13px;  line-height: 1em;text-shadow: 1px 1px 1px 1px #fff;}

.postie::-webkit-scrollbar  {width:8px;}
.postie::-webkit-scrollbar-track {background:#fcfcfc;}
.postie::-webkit-scrollbar-thumb {height:4px; background:#9A446B;}
</style>

<center><div id="fur"><img src="http://s0.uploads.ru/t/Z8Dgi.jpg">
<div id="header"><div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px;">ФБР: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммвыав</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
ПОЛИЦИЯ: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div><br>
<div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px; ">ВОЕННАЯ БАЗА:<hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div>
</div></div>

<div class="postie"><center>
<p>ПРАВООХРАНИТЕЛЬНЫЕ ОРГАНЫ <hr>
<div class="dabl">полиция, ФБР, военная база</div></center>
</div></center>
</td>
<td><link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<style>
#fur1 {width:250px; height:250px; padding:20px; background: #ab0f0d; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:400px; transition:ease all 2s; -ms-transition:ease all 2s; -webkit-transition:ease all 2s;}

#fur1 img {width:250px; height:250px; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;  -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);  transform: rotate(0deg); }

#fur1:hover img {opacity:0; -ms-transform:rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg);  -ms-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;}

#fur1:hover #header1 {opacity:1; -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; }

#header1 {width:190px; height: 170px; padding:30px; padding-top:50px; margin-top:-250px; background-color:#fcfcfc; -ms-border-radius:500px; -webkit-border-radius:500px; -moz-border-radius:500px; -webkit-transform: rotate(0deg); -moz-trasform:rotate(0deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; opacity:0;}

.postie1 {width:250px; height:65px; padding:20px; background: #ab0f0d; text-align:justify; overflow:auto; line-height:95%; letter-spacing:-1px; word-spacing:2px; font-family:'Microsoft Sans Serif'; font-size:9pt; color: #ccc;}
.postie1 p::first-letter {font-family:'Microsoft Sans Serif'; font-size:23px; line-height:110%; color:#263473;text-shadow:2px 2px #fff;}
.postie1 b {font-weight:bold; letter-spacing:normal; color: #000; font-family: 'Microsoft Sans Serif'; font-size: 10px; line-height: 1em;   text-shadow: 1px 0px 1px #c9c9c9;}
.dabl {color: #000;font-size: 13px;  line-height: 1em;text-shadow: 1px 1px 1px 1px #fff;}

.postie1::-webkit-scrollbar  {width:8px;}
.postie1::-webkit-scrollbar-track {background:#fcfcfc;}
.postie1::-webkit-scrollbar-thumb {height:4px; background:#9A446B;}
</style>

<center><div id="fur1"><img src="http://s5.uploads.ru/t/0HNha.jpg">
<div id="header1"><div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px;">ФБР: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммвыав</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
ПОЛИЦИЯ: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div><br>
<div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px; ">ВОЕННАЯ БАЗА:<hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div>
</div></div>

<div class="postie1"><center>
<p>МЕДИЦИНСКИЕ УЧРЕЖДЕНИЯ <hr>
<div class="dabl">клинический центр, морг</div></center>
</div></center>
</td>
</tr>
<tr>
<td><link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<style>
#fur2 {width:250px; height:250px; padding:20px; background: #dfaa2e; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:400px; transition:ease all 2s; -ms-transition:ease all 2s; -webkit-transition:ease all 2s;}

#fur2 img {width:250px; height:250px; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;  -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);  transform: rotate(0deg); }

#fur2:hover img {opacity:0; -ms-transform:rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg);  -ms-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;}

#fur2:hover #header2 {opacity:1; -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; }

#header2 {width:190px; height: 170px; padding:30px; padding-top:50px; margin-top:-250px; background-color:#fcfcfc; -ms-border-radius:500px; -webkit-border-radius:500px; -moz-border-radius:500px; -webkit-transform: rotate(0deg); -moz-trasform:rotate(0deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; opacity:0;}

.postie2 {width:250px; height:65px; padding:20px; background: #dfaa2e; text-align:justify; overflow:auto; line-height:95%; letter-spacing:-1px; word-spacing:2px; font-family:'Microsoft Sans Serif'; font-size:9pt; color: #513d0a;}
.postie2 p::first-letter {font-family:'Microsoft Sans Serif'; font-size:23px; line-height:110%; color:#263473;text-shadow:2px 2px #fff;}
.postie2 b {font-weight:bold; letter-spacing:normal; color: #000; font-family: 'Microsoft Sans Serif'; font-size: 10px; line-height: 1em;   text-shadow: 1px 0px 1px #c9c9c9;}
.dabl {color: #000;font-size: 13px;  line-height: 1em;text-shadow: 1px 1px 1px 1px #fff;}

.postie2::-webkit-scrollbar  {width:8px;}
.postie2::-webkit-scrollbar-track {background:#fcfcfc;}
.postie2::-webkit-scrollbar-thumb {height:4px; background:#9A446B;}
</style>

<center><div id="fur2"><img src="http://s6.uploads.ru/t/7Zqep.jpg">
<div id="header2"><div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px;">ФБР: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммвыав</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
ПОЛИЦИЯ: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div><br>
<div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px; ">ВОЕННАЯ БАЗА:<hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div>
</div></div>

<div class="postie2"><center>
<p>БИЗНЕС И ФИНАНСЫ<hr>
<div class="dabl">перечень сфер1</div></center>
</div></center>
</td>
<td><link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<style>
#fur3 {width:250px; height:250px; padding:20px; background: #02356a; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:400px; transition:ease all 2s; -ms-transition:ease all 2s; -webkit-transition:ease all 2s;}

#fur3 img {width:250px; height:250px; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;  -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);  transform: rotate(0deg); }

#fur3:hover img {opacity:0; -ms-transform:rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg);  -ms-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;}

#fur3:hover #header3 {opacity:1; -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; }

#header3 {width:190px; height: 170px; padding:30px; padding-top:50px; margin-top:-250px; background-color:#fcfcfc; -ms-border-radius:500px; -webkit-border-radius:500px; -moz-border-radius:500px; -webkit-transform: rotate(0deg); -moz-trasform:rotate(0deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; opacity:0;}

.postie3 {width:250px; height:65px; padding:20px; background: #02356a; text-align:justify; overflow:auto; line-height:95%; letter-spacing:-1px; word-spacing:2px; font-family:'Microsoft Sans Serif'; font-size:9pt; color: #ccc;}
.postie3 p::first-letter {font-family:'Microsoft Sans Serif'; font-size:23px; line-height:110%; color:#263473;text-shadow:2px 2px #fff;}
.postie3 b {font-weight:bold; letter-spacing:normal; color: #000; font-family: 'Microsoft Sans Serif'; font-size: 10px; line-height: 1em;   text-shadow: 1px 0px 1px #c9c9c9;}
.dabl {color: #000;font-size: 13px;  line-height: 1em;text-shadow: 1px 1px 1px 1px #fff;}

.postie3::-webkit-scrollbar  {width:8px;}
.postie3::-webkit-scrollbar-track {background:#fcfcfc;}
.postie3::-webkit-scrollbar-thumb {height:4px; background:#9A446B;}
</style>

<center><div id="fur3"><img src="http://bigbengroup.ru/wp-content/uploads/2016/05/university.jpg">
<div id="header3"><div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px;">ФБР: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммвыав</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
ПОЛИЦИЯ: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div><br>
<div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px; ">ВОЕННАЯ БАЗА:<hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div>
</div></div>

<div class="postie3"><center>
<p>ОБРАЗОВАНИЕ<hr>
<div class="dabl">перечень сфер3</div></center>
</div></center>
</td>
</tr>
<tr>
<td><link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<style>
#fur4 {width:250px; height:250px; padding:20px; background: #5a7ec4; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:400px; transition:ease all 2s; -ms-transition:ease all 2s; -webkit-transition:ease all 2s;}

#fur4 img {width:250px; height:250px; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;  -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);  transform: rotate(0deg); }

#fur4:hover img {opacity:0; -ms-transform:rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg);  -ms-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;}

#fur4:hover #header4 {opacity:1; -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; }

#header4 {width:190px; height: 170px; padding:30px; padding-top:50px; margin-top:-250px; background-color:#fcfcfc; -ms-border-radius:500px; -webkit-border-radius:500px; -moz-border-radius:500px; -webkit-transform: rotate(0deg); -moz-trasform:rotate(0deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; opacity:0;}

.postie4 {width:250px; height:65px; padding:20px; background: #5a7ec4; text-align:justify; overflow:auto; line-height:95%; letter-spacing:-1px; word-spacing:2px; font-family:'Microsoft Sans Serif'; font-size:9pt; color: #ccc;}
.postie4 p::first-letter {font-family:'Microsoft Sans Serif'; font-size:23px; line-height:110%; color:#263473;text-shadow:2px 2px #fff;}
.postie4 b {font-weight:bold; letter-spacing:normal; color: #000; font-family: 'Microsoft Sans Serif'; font-size: 10px; line-height: 1em;   text-shadow: 1px 0px 1px #c9c9c9;}
.dabl {color: #000;font-size: 13px;  line-height: 1em;text-shadow: 1px 1px 1px 1px #fff;}

.postie4::-webkit-scrollbar  {width:8px;}
.postie4::-webkit-scrollbar-track {background:#fcfcfc;}
.postie4::-webkit-scrollbar-thumb {height:4px; background:#9A446B;}
</style>

<center><div id="fur4"><img src="http://www.xn--4236-k4dg3ear.xn--p1ai/photo_index/26973939_1.jpg">
<div id="header4"><div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px;">ФБР: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммвыав</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
ПОЛИЦИЯ: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div><br>
<div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px; ">ВОЕННАЯ БАЗА:<hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div>
</div></div>

<div class="postie4"><center>
<p>РАЗВЛЕЧЕНИЯ <hr>
<div class="dabl">перечень сфер4</div></center>
</div></center>
</td>
<td><link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<style>
#fur5 {width:250px; height:250px; padding:20px; background: #3b586f; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:400px; transition:ease all 2s; -ms-transition:ease all 2s; -webkit-transition:ease all 2s;}

#fur5 img {width:250px; height:250px; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;  -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);  transform: rotate(0deg); }

#fur5:hover img {opacity:0; -ms-transform:rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg);  -ms-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;}

#fur5:hover #header5 {opacity:1; -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; }

#header5 {width:190px; height: 170px; padding:30px; padding-top:50px; margin-top:-250px; background-color:#fcfcfc; -ms-border-radius:500px; -webkit-border-radius:500px; -moz-border-radius:500px; -webkit-transform: rotate(0deg); -moz-trasform:rotate(0deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; opacity:0;}

.postie5 {width:250px; height:65px; padding:20px; background: #3b586f; text-align:justify; overflow:auto; line-height:95%; letter-spacing:-1px; word-spacing:2px; font-family:'Microsoft Sans Serif'; font-size:9pt; color: #3b607a;}
.postie5 p::first-letter {font-family:'Microsoft Sans Serif'; font-size:23px; line-height:110%; color:#263473;text-shadow:2px 2px #fff;}
.postie5 b {font-weight:bold; letter-spacing:normal; color: #000; font-family: 'Microsoft Sans Serif'; font-size: 10px; line-height: 1em;   text-shadow: 1px 0px 1px #c9c9c9;}
.dabl {color: #000;font-size: 13px;  line-height: 1em;text-shadow: 1px 1px 1px 1px #fff;}

.postie5::-webkit-scrollbar  {width:8px;}
.postie5::-webkit-scrollbar-track {background:#fcfcfc;}
.postie5::-webkit-scrollbar-thumb {height:4px; background:#9A446B;}
</style>

<center><div id="fur5"><img src="http://www.bizseven.ru/images/12/biznes_v_sfere_uslug.jpg">
<div id="header5"><div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px;">ФБР: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммвыав</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
ПОЛИЦИЯ: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div><br>
<div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px; ">ВОЕННАЯ БАЗА:<hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div>
</div></div>

<div class="postie5"><center>
<p>СФЕРА УСЛУГ<hr>
<div class="dabl">перечень сфер5</div></center>
</div></center>
</td>
</tr>
<tr>
<td><link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<style>
#fur6 {width:250px; height:250px; padding:20px; background: #7bac75; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:400px; transition:ease all 2s; -ms-transition:ease all 2s; -webkit-transition:ease all 2s;}

#fur6 img {width:250px; height:250px; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;  -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);  transform: rotate(0deg); }

#fur6:hover img {opacity:0; -ms-transform:rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg);  -ms-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;}

#fur6:hover #header6 {opacity:1; -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; }

#header6 {width:190px; height: 170px; padding:30px; padding-top:50px; margin-top:-250px; background-color:#fcfcfc; -ms-border-radius:500px; -webkit-border-radius:500px; -moz-border-radius:500px; -webkit-transform: rotate(0deg); -moz-trasform:rotate(0deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; opacity:0;}

.postie6 {width:250px; height:65px; padding:20px; background: #7bac75; text-align:justify; overflow:auto; line-height:95%; letter-spacing:-1px; word-spacing:2px; font-family:'Microsoft Sans Serif'; font-size:9pt; color: #ccc;}
.postie6 p::first-letter {font-family:'Microsoft Sans Serif'; font-size:23px; line-height:110%; color:#263473;text-shadow:2px 2px #fff;}
.postie6 b {font-weight:bold; letter-spacing:normal; color: #000; font-family: 'Microsoft Sans Serif'; font-size: 10px; line-height: 1em;   text-shadow: 1px 0px 1px #c9c9c9;}
.dabl {color: #000;font-size: 13px;  line-height: 1em;text-shadow: 1px 1px 1px 1px #fff;}

.postie6::-webkit-scrollbar  {width:8px;}
.postie6::-webkit-scrollbar-track {background:#fcfcfc;}
.postie6::-webkit-scrollbar-thumb {height:4px; background:#9A446B;}
</style>

<center><div id="fur6"><img src="http://desktopwallpapers.org.ua/images/201111/desktopwallpapers.org.ua_10160.jpg">
<div id="header6"><div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px;">ФБР: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммвыав</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
ПОЛИЦИЯ: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div><br>
<div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px; ">ВОЕННАЯ БАЗА:<hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div>
</div></div>

<div class="postie6"><center>
<p>КРИМИНАЛ <hr>
<div class="dabl">перечень сфер6</div></center>
</div></center>
</td>
<td><link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<style>
#fur7 {width:250px; height:250px; padding:20px; background: #823800; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:400px; transition:ease all 2s; -ms-transition:ease all 2s; -webkit-transition:ease all 2s;}

#fur7 img {width:250px; height:250px; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;  -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);  transform: rotate(0deg); }

#fur7:hover img {opacity:0; -ms-transform:rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg);  -ms-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;}

#fur7:hover #header7 {opacity:1; -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; }

#header7 {width:190px; height: 170px; padding:30px; padding-top:50px; margin-top:-250px; background-color:#fcfcfc; -ms-border-radius:500px; -webkit-border-radius:500px; -moz-border-radius:500px; -webkit-transform: rotate(0deg); -moz-trasform:rotate(0deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; opacity:0;}

.postie7 {width:250px; height:65px; padding:20px; background: #823800; text-align:justify; overflow:auto; line-height:95%; letter-spacing:-1px; word-spacing:2px; font-family:'Microsoft Sans Serif'; font-size:9pt; color: #ccc;}
.postie7 p::first-letter {font-family:'Microsoft Sans Serif'; font-size:23px; line-height:110%; color:#263473;text-shadow:2px 2px #fff;}
.postie7 b {font-weight:bold; letter-spacing:normal; color: #000; font-family: 'Microsoft Sans Serif'; font-size: 10px; line-height: 1em;   text-shadow: 1px 0px 1px #c9c9c9;}
.dabl {color: #000;font-size: 13px;  line-height: 1em;text-shadow: 1px 1px 1px 1px #fff;}

.postie7::-webkit-scrollbar  {width:8px;}
.postie7::-webkit-scrollbar-track {background:#fcfcfc;}
.postie7::-webkit-scrollbar-thumb {height:4px; background:#9A446B;}
</style>

<center><div id="fur7"><img src="http://medzhibozh.ucoz.ru/100.jpg">
<div id="header7"><div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px;">ФБР: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммвыав</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
ПОЛИЦИЯ: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div><br>
<div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px; ">ВОЕННАЯ БАЗА:<hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div>
</div></div>

<div class="postie7"><center>
<p>КУЛЬТУРА И СМИ <hr>
<div class="dabl">перечень сфер7</div></center>
</div></center>
</td>
</tr>
<tr>
<td><link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<style>
#fur8 {width:250px; height:250px; padding:20px; background: #7e2b45; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:400px; transition:ease all 2s; -ms-transition:ease all 2s; -webkit-transition:ease all 2s;}

#fur8 img {width:250px; height:250px; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;  -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);  transform: rotate(0deg); }

#fur8:hover img {opacity:0; -ms-transform:rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg);  -ms-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;}

#fur8:hover #header8 {opacity:1; -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; }

#header8 {width:190px; height: 170px; padding:30px; padding-top:50px; margin-top:-250px; background-color:#fcfcfc; -ms-border-radius:500px; -webkit-border-radius:500px; -moz-border-radius:500px; -webkit-transform: rotate(0deg); -moz-trasform:rotate(0deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; opacity:0;}

.postie8 {width:250px; height:65px; padding:20px; background: #7e2b45; text-align:justify; overflow:auto; line-height:95%; letter-spacing:-1px; word-spacing:2px; font-family:'Microsoft Sans Serif'; font-size:9pt; color: #ccc;}
.postie8 p::first-letter {font-family:'Microsoft Sans Serif'; font-size:23px; line-height:110%; color:#263473;text-shadow:2px 2px #fff;}
.postie8 b {font-weight:bold; letter-spacing:normal; color: #000; font-family: 'Microsoft Sans Serif'; font-size: 10px; line-height: 1em;   text-shadow: 1px 0px 1px #c9c9c9;}
.dabl {color: #000;font-size: 13px;  line-height: 1em;text-shadow: 1px 1px 1px 1px #fff;}

.postie8::-webkit-scrollbar  {width:8px;}
.postie8::-webkit-scrollbar-track {background:#fcfcfc;}
.postie8::-webkit-scrollbar-thumb {height:4px; background:#9A446B;}
</style>

<center><div id="fur8"><img src="http://brg-partners.com/images/services/1._%D0%90%D0%B4%D0%BC%D0%B8%D0%BD%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%82%D0%B8%D0%B2%D0%BD%D0%BE-%D0%BF%D1%80%D0%B0%D0%B2%D0%BE%D0%B2%D0%B0%D1%8F_%D0%B7%D0%B0%D1%89%D0%B8%D1%82%D0%B0_%D0%B1%D0%B8%D0%B7%D0%BD%D0%B5%D1%81%D0%B0.jpg">
<div id="header8"><div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px;">ФБР: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммвыав</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
ПОЛИЦИЯ: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div><br>
<div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px; ">ВОЕННАЯ БАЗА:<hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div>
</div></div>

<div class="postie8"><center>
<p>АДМИНИСТРАТИВНО-ПРАВОВАЯ СФЕРА<hr>
<div class="dabl">перечень сфер8</div></center>
</div></center>
</td>
<td><link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<style>
#fur9 {width:250px; height:250px; padding:20px; background: #8b9793; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:400px; transition:ease all 2s; -ms-transition:ease all 2s; -webkit-transition:ease all 2s;}

#fur9 img {width:250px; height:250px; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;  -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);  transform: rotate(0deg); }

#fur9:hover img {opacity:0; -ms-transform:rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg);  -ms-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;}

#fur9:hover #header9 {opacity:1; -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; }

#header9 {width:190px; height: 170px; padding:30px; padding-top:50px; margin-top:-250px; background-color:#fcfcfc; -ms-border-radius:500px; -webkit-border-radius:500px; -moz-border-radius:500px; -webkit-transform: rotate(0deg); -moz-trasform:rotate(0deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; opacity:0;}

.postie9 {width:250px; height:65px; padding:20px; background: #8b9793; text-align:justify; overflow:auto; line-height:95%; letter-spacing:-1px; word-spacing:2px; font-family:'Microsoft Sans Serif'; font-size:9pt; color: #ccc;}
.postie9 p::first-letter {font-family:'Microsoft Sans Serif'; font-size:23px; line-height:110%; color:#263473;text-shadow:2px 2px #fff;}
.postie9 b {font-weight:bold; letter-spacing:normal; color: #000; font-family: 'Microsoft Sans Serif'; font-size: 10px; line-height: 1em;   text-shadow: 1px 0px 1px #c9c9c9;}
.dabl {color: #000;font-size: 13px;  line-height: 1em;text-shadow: 1px 1px 1px 1px #fff;}

.postie9::-webkit-scrollbar  {width:8px;}
.postie9::-webkit-scrollbar-track {background:#fcfcfc;}
.postie9::-webkit-scrollbar-thumb {height:4px; background:#9A446B;}
</style>

<center><div id="fur9"><img src="https://www.ucheba.ru/pix/profession/475.jpeg">
<div id="header9"><div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px;">ФБР: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммвыав</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
ПОЛИЦИЯ: <hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a><br>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div><br>
<div style="color:#000;font-family:'Microsoft Sans Serif'; font-size:12px; padding-bottom:5px; ">ВОЕННАЯ БАЗА:<hr>
<a href="ссылка" target="blank">Райан Бекер - аммваыв</a></div>
</div></div>

<div class="postie9"><center>
<p>ДРУГИЕ ПРОФЕССИИ <hr>
<div class="dabl">перечень сфер 9</div></center>
</div></center>
</td>
</tr>
</table>

0

15

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<center>
<style>
#brucec {height: 450px; width: 350px; position: relative; overflow: hidden; }

.brucelbg {height: 225px; width: 350px; position: absolute; background-image: url(http://i.imgur.com/NuEAjhL.png); z-index: 2}
.brucelyrics1 {width: 350px; position: absolute; top: 100px; font-family: 'Fjalla One'; color: #03C000; font-size: 30px; text-transform: uppercase; font-style: italic; text-align: center}

.brucelyrics2 {background-color: transparent; color: #03C000; font-family: calibri; font-size: 8px; width: 250px; position: absolute; text-align: center; text-transform: uppercase; letter-spacing: 2px; left: 50px; top: 125px; font-style: italic; font-weight: 300; border: 1px solid #ABABAB}

#brucec .brucelbg {left: 0px; -webkit-transition: 0.6s linear; -moz-transition: 0.6s linear; -ms-transition: 0.6s linear; -o-transition: 0.6s linear; transition: 0.6s linear;}

#brucec:hover .brucelbg {left: -350px; -webkit-transition: 0.6s linear; -moz-transition: 0.6s linear; -ms-transition: 0.6s linear; -o-transition: 0.6s linear; transition: 0.6s linear;}

.brucepic1 {height: 225px; width: 350px; position: absolute; top: 225px; background-blend-mode: multiply; background-color: #00E339; background-image:url(350X225 IMG HERE); z-index: 1}

.brucepic2 {height: 225px; width: 350px; position: absolute; background-image: url(350 X 225 IMG HERE); background-blend-mode: multiply; background-color: #00E339}

.brucee {height: 225px; width: 350px; position: absolute}
.brucenotes {background-color: transparent; color: #EDEDED; font-family: calibri; font-size: 8px; width: 250px; position: absolute; text-align: center; text-transform: uppercase; letter-spacing: 2px; left: 50px; font-style: italic; font-weight: 300; border: 1px solid #EDEDED}

#brucec .brucee {transform: scale(1.3); opacity: 0; -webkit-transition: ease-in-out 0.7s; -moz-transition: ease-in-out 0.7s; -ms-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s;}

#brucec:hover .brucee {transform: scale(1); opacity: 1; -webkit-transition: ease-in-out 0.7s; -moz-transition: ease-in-out 0.7s; -ms-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s; -webkit-transition-delay: 0.8s}


.brucepost {height: 205px; width: 330px; background-color: #fff; border: solid 5px #fff; padding: 5px; font-family: calibri; line-height: 102%; text-align: justify; color: #505050; top: 225px; position: absolute; overflow-x: scroll; font-size: 10px; text-transform: lowercase}
.brucepost b {color: #00E339}
.brucepost::-webkit-scrollbar {width: 2px}
.brucepost::-webkit-scrollbar-thumb {background-color: #00E339}
#brucec .brucepic1{right: 0px; -webkit-transition: 0.6s linear; -moz-transition: 0.6s linear; -ms-transition: 0.6s linear; -o-transition: 0.6s linear; transition: 0.6s linear;}

#brucec:hover .brucepic1 {right: -350px; -webkit-transition: 0.6s linear; -moz-transition: 0.6s linear; -ms-transition: 0.6s linear; -o-transition: 0.6s linear; transition: 0.6s linear;}

</style>

<div id="brucec">
<div class="brucelbg">
<div class="brucelyrics1">hunger of the pine</div>
<div class="brucelyrics2">sleeplessly embracing you</div>
</div>
<div class="brucepic2"></div>
<div class="brucee">
<div class="brucenotes" style="top: 70px">TAGS HERE</b></div>
<div class="brucenotes" style="top: 95px">WORD COUNT</div>
<div class="brucenotes" style="top: 120px">WHATEVER U WANT</div>
</div>

<div class="brucepic1">
</div>
<div class="brucepost">
WORDS HERE. CHILL COS IT SCROLLS YAY

</div>

</div>
<div style="width: 350px; text-align: right; font-family: calibri; text-transform: uppercase; font-size: 8px"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=13908">holly at sp</a></div>
</center>

0

16

Код:
<!--HTML--><head><link href='https://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'></head>

<style>


 #syp {
   width: 400px;
   height: auto;
   font-family: calibri;
 }
 
 .s-yp {
   width: 400px;
   height: 200px;
   background: url(http://placehold.it/400x200);
 }
 
 .syp {
 width: 380px;
 height: 20px;
 font-family: 'Wire One', sans-serif;
 background: skyblue;
 padding: 10px;
 text-align:center;
 }
 
 .syp-content {
  color: hotpink; 
  font-weight: 700;
  text-transform: uppercase;
  font-size: 60px;
  letter-spacing: 2px;
 }
 
  .syp1 {
 width: 380px;
 height: 20px;
 background: skyblue;
 padding: 10px;
 text-align:center;
 }
 
 .syp-content1 {
  color: royalblue; 
  font-weight: 700;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 2px;
 }
 
 .sugar {
  opacity: 0; 
  width: 400px;
  height: 200px;
   -webkit-transition-duration:2s;
 }
 
 .sugar:hover {
  opacity: 1; 
  width: 400px;
  height: 200px;
  background: powderblue;
  display: inline-block;
 vertical-align: middle;
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 box-shadow: 0 0 1px powderblue;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -moz-osx-font-smoothing: grayscale;
 position: relative;
 -webkit-transition-duration: 1s;
 transition-duration:1s;
 -webkit-transition-property: transform;
 transition-property: transform;
 }

.sugar:before {
 position: absolute;
 z-index: -1;
 content: '';
 left: calc(50% - 10px);
 top: 0;
 border-style: solid;
 border-width: 0 10px 10px 10px;
 border-color: transparent transparent powderblue transparent;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-property: transform;
 transition-property: transform;
}
.sugar:hover, .sugar:focus, .sugar:active {
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
}
.sugar:hover:before, .augar:focus:before, .sugar:active:before {
 -webkit-transform: translateY(-10px);
 transform: translateY(-10px);
}
 
 .s-content {
  color: #111;
  font-size: 10px;
  padding: 10px;
  overflow-y: scroll;
  height: 90%;
  text-align:justify;
 }
 
 .s-content::-webkit-scrollbar {
   width: 2px;
}

.s-content::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px #eee;
}

.s-content::-webkit-scrollbar-thumb {
 background-color: #E20035;
 outline: 1px solid #000;
}
</style>



<center><div id="syp">
<div class="syp"><div class="syp-content">thread title here</div></div>
<div class="s-yp">
<div class="sugar">
<div class="s-content">
Contrary to popular belief, Lorem Ipsum is not simply random text. 
It has roots in a piece of classical Latin literature from 45 BC, 
making it over 2000 years old. Richard McClintock, a Latin professor 
at Hampden-Sydney College in Virginia,looked up one of the more obscure 
Latin words, consectetur, from a Lorem Ipsum passage, and going through 
the cites of the word in classical literature, discovered the undoubtable 
source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of 
"de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by 
Cicero, written in 45 BC. 

<br><br>
This book is a treatise on the theory of ethics, very popular during 
the Renaissance. The first line of Lorem Ipsum, 
"Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. 

<br><br>
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below 
for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum 
et Malorum" by Cicero are also reproduced in their exact original form, 
accompanied by English versions from the 1914 translation by H. Rackham.
</div>
 
</div>
</div>
<div class="syp1"><div class="syp-content1"><b>• WORDS • ### • TAG • HERE •</b></div></div>
</div><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=20613">♚</a></center>

0

17

Код:
<!--HTML--><center><div style="width: 500px; font-family: garamond; letter-spacing: -2px; color: #851e16; font-size: 22px; font-style: italic; text-shadow: #000000 1px 1px 1px; text-transform: uppercase; text-align:right; ">* - - -if looks could kill, you'd be lyin' on the floor</div>
<div style="width: 500px; height: 200px; background-image:url(500X200 IMAGE HERE); border-top: #9d7a4c solid 5px; border-bottom: #9d7a4c solid 5px">
<div style="padding: 25px 310px 25px 25px; width:170px height:100px;font-family: tahoma; font-size: 8px; letter-spacing:1px; color: #ffffff; text-shadow: #000000 1px 1px 1px; text-transform: lowercase; text-align: justify;">
TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT! TEXT!
</div></div></center>

0


Вы здесь » Design Probe » Новый форум 5 » theme


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