Шаблоны тем

Страница: 1

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

Поделиться12016-10-22 15:23:41

Автор: Miami
Администратор
Сообщений: 133
Уважение: +1

Код:

<!--HTML--><div><div><div>

<center>
<div class="infa1">
<div id="kartinka1" style="background: url(https://pp.vk.me/c637530/v637530836/d821/mF3bac7_V9w.jpg)"; "background-position: center"><div class="vsplitie1">
<div class="text1">

<center><b>Заголовок 1</b></center><br><br>

<i>Вступительное слово бла бла бла </i><br><br>


Здесь текст статьи <br>
Дон ли, Волга ли течет. Котомку на плечо
Боль в груди - там тайничок, открытый фомкой, не ключом
Сколько миль еще? Перелет короткий был не в счет
Долгий пыльный чес, фургон набит коробками с мерчем
Верим - подфартит, наши постели портативны
Менестрелю - два пути: корпоратив или квартирник
Схемы однотипны. Все теперь MC
Ведь смену породив, мы здесь достигли смены парадигмы
Теперь рэп - многопартийный. Бэттлов наплодив
Я смотрю в зеркало по типу "Сколько бед наворотил ты!?"
Я весь рэп поработил, но все время в пути
У индустрии нервный тик, валокордин - стенокардийным
Соберите суд, но победителей не судят
Мы первые кроманьонцы, мы выбились в люди
Не пизди, я кладу на вас, челядь, пятикратно
Ведь мы выступаем сильно, будто челюсть питекантропа
<br><br><hr>

<center><b>Заголовок 2</b></center><br><br>

<i>Вступительное слово бла бла бла </i><br><br>


Здесь текст статьи <br>
Дон ли, Волга ли течет. Котомку на плечо
Боль в груди - там тайничок, открытый фомкой, не ключом
Сколько миль еще? Перелет короткий был не в счет
Долгий пыльный чес, фургон набит коробками с мерчем
Верим - подфартит, наши постели портативны
Менестрелю - два пути: корпоратив или квартирник
Схемы однотипны. Все теперь MC
Ведь смену породив, мы здесь достигли смены парадигмы
Теперь рэп - многопартийный. Бэттлов наплодив
Я смотрю в зеркало по типу "Сколько бед наворотил ты!?"
Я весь рэп поработил, но все время в пути
У индустрии нервный тик, валокордин - стенокардийным
Соберите суд, но победителей не судят
Мы первые кроманьонцы, мы выбились в люди
Не пизди, я кладу на вас, челядь, пятикратно
Ведь мы выступаем сильно, будто челюсть питекантропа
<br><br><hr>

<br><br></div>
</div></div>
<div class="svyaz1">ВЫПУСК #1</div>
</div></div>




<style>
.infa1 {width: 550px; height: 530px; }

#kartinka1 { width: 552px; height: 500px; margin-top: 0px; margin-left: 2px; position: absolute; overflow: hidden;  background-position: center; }
#kartinka1:hover .vsplitie1 { top: 0px }

.vsplitie1 { width: 550px; height: 500px; background: rgba(227, 197, 161, 0.90); box-shadow: 1px 1px 4px #555; position:  absolute; overflow-y: auto; top: 500px; left: 0px; transition: all 1s ease-in; -webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in; -o-transition: all 1s ease-in; -ms-transition: all 1s ease-in;  }

.svyaz1 {width: 550px; height: 20px;  margin-top: 498px; margin-left: 0px; border: 3px double #a61111; position: absolute; background-color: #a61111; font-family:  Impact; font-size: 15px; text-align: center; padding-top: 2px!important; color: #fff; text-transform: uppercase;  letter-spacing: 2px; text-shadow: 1px 1px 0px #000; border-radius: 0px;}

.text1 {padding: 9px;    overflow-y: auto;    font-family: verdana;    font-size: 14px;    text-align: justify;  color: #2b0800;    text-shadow: 1px 1px 0px #e7d6c1;  letter-spacing: 1px;}

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

Поделиться22016-11-05 22:52:28

Автор: Miami
Администратор
Сообщений: 133
Уважение: +1

-открыта
-Закрытая

Поделиться32016-11-14 11:24:55

Автор: Miami
Администратор
Сообщений: 133
Уважение: +1

Инстаграм

Код:

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://naestestforum.b1.jcink.com/uploads/naestestforum/igcss1.css' rel='stylesheet'>
<center><div class="hbase"><div class="logopos"><img src="http://ultraimg.com/images/yxRbjBq7f760.png"></div><div class="u">

Заголовок

</div></div><div class="probase"><div class="proinfo"><table width="90%" cellspacing="0" cellpadding="0"><tr><td width="30%"><div class="proinfoih"><a href="ссылка">

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

</a></div></td><td width="70%"><div class="proinfotext"><div class="user">

Заголовок

</div>

<b>Имя</b>. Описание.

</div><div class="proinfostat"><table width="100%" cellspacing="0" cellpadding="0"><tr><td width="25%"><div class="statbox">

<b>4</b> posts

</div></td><td width="30%"><div class="statbox">

<b>7b</b> followers

</div></td><td width="45%"><div class="statbox">

<b>7b</b> following

</div></td></tr></table></div></td></tr></table></div></div><div class="ih"><table width="100%" cellspacing="0" cellpadding="0" style="margin-left: 1.5%"><td width="33%">

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

</td><td width="33%">

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

</td><td width="33%">

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

</td></table></div>
<div class="loadmore"><img src="http://sh.uploads.ru/vhSxC.png"></div></center>

<br>

Поделиться42016-11-14 11:25:19

Автор: Miami
Администратор
Сообщений: 133
Уважение: +1

Твиттер

Код:

<!--HTML-->
<style type="text/css">
.twita { width:500px; border:1px solid #ddd; border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; background:url(http://66.media.tumblr.com/tumblr_mdncpmfkri1r2jyl3.gif) #f1f1f1 no-repeat top; padding:0; }
.twiti { line-height:20px; margin-top:40px; }
.twits { background:#fff; width:500px; padding:0px; text-align:justify; margin-top:30px; }
.twitf { background:#f1f1f1; width:480px; padding:10px; text-align:justify; margin-top:0px; font-size:11px; font-family:arial; font-color: #0c0c0c; }
.twitf a, .tweet1 a { color:#19AAE0;}
.twitf img, .twiti img, .tweet1 img { border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.twets { width:500px; border:1px solid #ddd; border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#fff; padding:0; margin-top:10px;}
.tweet1 { width:480px; border-top:1px solid #f1f1f1; padding:20px 10px; }
</style>

<center><div class="twita"><div class="twiti">

<img src="http://placehold.it/73x73" style="width:73px;height:73px;border:4px solid #fff;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;"><br />
<span style="font-family:arial;font-size:18px;color:#fff;"><b>

имя в соц.сети

</b></span><br /><span style="font-family:arial;font-size:14px;color:#fff;">

@twitterusername

</span><br /><span style="font-family:arial;font-size:11px;color:#fff;line-height:16px;">

description, use br-tags to start a new row if you think it goes too wide for your liking

<br /><small>

city/town

</small></span></div>

<div class="twits"><table cellspacing="0" cellpadding="10" style="margin-left:0px;"><tr><td valign="top" style="border-right:1px solid #f1f1f1;padding-left:20px;padding-right:20px;"><span style="font-family:arial; font-size:13px;color:#0c0c0c;"><b>

000

</b></span><br /><span style="font-family:arial;font-size:8px;color:#0c0c0c;opacity:0.3;">TWEETS</span></td><td valign="top" style="border-right:1px solid #f1f1f1;padding-left:20px;padding-right:20px;"><span style="font-family:arial; font-size:13px;color:#0c0c0c;"><b>

000

</b></span><br /><span style="font-family:arial;font-size:8px;color:#0c0c0c;opacity:0.3;">FOLLOWING</span></td>
<td valign="top" style="border-right:0px solid #ddd;padding-left:20px;"><span style="font-family:arial; font-size:13px;color:#0c0c0c;"><b>

000

</b></span><br /><span style="font-family:arial;font-size:8px;color:#0c0c0c;opacity:0.3;">FOLLOWERS</span></td><td valign="top" style="border-right:0px solid #ddd;text-align:right;padding-left:50px;"><div style="border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #ddd; background:#f1f1f1;padding:5px 3px;margin-left:70px;float:right;">&nbsp;<img src="http://www.inf.ethz.ch/img/eth_website_icon_vcard.png" style="width:12px;height:12px;">▾</div></td><td valign="top" style="border-right:0px solid #ddd;text-align:right;"><div style="border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #057ED0; background:#19AAE0;padding:5px 5px;font-family:arial;font-size:10px;color:#fff;margin-left:-10px;margin-top:2px;"><b>Following</b></div></td></tr></table></div><div class="twitf">
<img src="http://25.media.tumblr.com/avatar_61b3ff4f254b_30.png"> &nbsp; <img src="http://storage7.static.itmages.ru/i/16/1105/h_1478355812_4760334_e1ce659c44.png"> &nbsp;
<img src="http://24.media.tumblr.com/avatar_6e966dfc1a21_30.png"> &nbsp;Followed by <a>Sherlock Holmes</a>, <a>Thomas Mitt</a>, <a>Rose is rad</a> and <a>59 others</a>.</div></div>
<div class="twets"><p style="text-align:left;margin-left:20px;"><span style="font-family:arial; font-size:13px;color:#0c0c0c;"><b>Tweets</b></span></p><div class="tweet1"><table style="width:100%;"><tr><td rowspan="3" style="padding-left:10px;">

<img src="http://placehold.it/73x73" style="width:60px;height:60px;">

</td><td style="padding-left:10px;"><span style="font-family:arial; font-size:11px;color:#0c0c0c;"><b>

имя в твиттере

</b></span> &nbsp; <span style="font-family:arial;font-size:10px;color:#0c0c0c;opacity:0.5;">

@twitterusername

</span></td><td style="text-align:right;"><span style="font-family:arial;font-size:10px;color:#0c0c0c;opacity:0.5;">1h</span></td></tr><tr><td colspan="2" style="padding-left:10px;"> <span style="font-family:arial; font-size:11px;color:#0c0c0c;">

ваше сообщение не должно превышать 140 символов. Помните об этом)

</span></td></tr><tr><td style="padding-left:15px;"> <span style="font-family:arial; font-size:10px;color:#0c0c0c;opacity:0.3;">Expand</span>
</td><td style="text-align:right;"> <span style="font-family:arial; font-size:10px;color:#0c0c0c;opacity:0.3;"><img src="http://s.telegraph.co.uk/graphics/html/TwitterEmbed/Version1/reply.png"> Reply &nbsp; <img src="http://politwitter.ca/images/icon_retweet.png"> Retweet &nbsp;</td></tr></table></div></div></center>

Поделиться52016-11-14 11:26:24

Автор: Miami
Администратор
Сообщений: 133
Уважение: +1

Хочу видеть

Код:

<!--HTML-->

       <div style="background-image: url('http://placehold.it/330x330');
width: 330px; height: 330px; margin: 0px auto;">
         <div class="asdesc">
           <div style="background-color: #FEFEFE; padding: 16px;
   width: 298px; height: 298px;">
             <div class="tria">NAME GAME</div>
             <div class="trib">
               возраст
               <trizm>•</trizm> профессия
               <trizm>•</trizm> кем приходится</div>

             <div class="tric">

Текст описания ваших отношений. Краткая информация про игрока, его привычки, характер, некоторые факты из биографии, которые существенно могут потребоваться игроку при регистрации и отыгрыше с вами отношений. 

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

         <head>
           <link href='https://fonts.googleapis.com/css?family=Roboto:900' rel='stylesheet' type='text/css'>
         </head>

         <style>
           .asdesc {
               width: 330px;
               height: 330px;
               opacity: 0.0;
               background-color: #FEFEFE;
               -webkit-transition: all 0.4s ease-in-out;
           -moz-transition: all 0.4s ease-in-out;
           -ms-transition: all 0.4s ease-in-out;
           -o-transition: all 0.4s ease-in-out;
           transition: all 0.4s ease-in-out;
             }
             
             .asdesc:hover {
               opacity: 1;
               -webkit-transition: all 0.4s ease-in-out;
           -moz-transition: all 0.4s ease-in-out;
           -ms-transition: all 0.4s ease-in-out;
           -o-transition: all 0.4s ease-in-out;
           transition: all 0.4s ease-in-out;
           margin: 0px auto;
           background-color: #000;
               }
           
           .aritriz {
           font-size: 21px;
           width: 288px;
           line-height: 12px;
           font-weight: 900;
           font-weight: 900;
           text-transform: uppercase;
           background-image: url('http://i.imgur.com/eYDxsWO.png');
           font-family: roboto;
           color: #fff;
           text-align: center;
           padding: 21px;
            }
           
           .aritriz b {
             color: #86b2e0;
           }
           
           trizm {
             text-decoration: bold;
             font-size: 11px;
           }
           
           .tria {
             font-family: roboto;
             font-weight: 900;
                 font-size: 23px;
              text-transform: uppercase;
                 text-align: right;
                 letter-spacing: -1px;
                 padding: 9px;
           }
           
           .tria:first-letter {
             color: #86b2e0;
           }
           
           .trib {
             background-color: #86b2e0; padding: 5px;
                 color: #FFF; font-family: courier new; font-size: 10px;
                 text-align: center; text-transform: uppercase;
           }
           
           .tric {
             font-size: 10px;
             font-family: calibri;
             line-height: 10px;
             padding: 13px;
             background-color: #F6F6F6;
             height: 200px;
             color: #222;
             text-align: justify;
             border: 2px solid #FFF;
             overflow: auto;
           }
           
           .tric i {
             color: #86b2e0;
             font-size: 12px;
             }
             
             .tric b {
               color: #86b2e0;
               font-size: 11px;
               font-family: roboto;
               text-transform: uppercase;
               }
         </style>

Поделиться62016-11-14 11:26:42

Автор: Miami
Администратор
Сообщений: 133
Уважение: +1

Чёрный список

Код:

<!--HTML-->
<style>
#misc4 {width: 480px; background-color: #fff; border-bottom: 10px solid #86b2e0;} 
.misc4t {padding: 40px; background-color: #066b91; font-family: arial black; text-transform: uppercase; letter-spacing: -5px; font-size: 35px; color: #fff; border-bottom: 10px solid #86b2e0;}
.misc4t:after {margin-left: 5px; color: #86b2e0; vertical-align: top;} 
.misc4c {padding: 30px; color: #066b91; font-family: calibri, sans-serif; font-size: 11px; text-align: justify; line-height: 90%;} 
.misc4c b {font-family: arial black; color:  #86b2e0;}
</style>

<center><div id="misc4">
<div class="misc4t">

Удалены

</div><div class="misc4c">

Список игроков на удаление

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

Поделиться72016-11-14 11:26:50

Автор: Miami
Администратор
Сообщений: 133
Уважение: +1

Акции

Код:

<!--HTML-->


<center><div style="background-color: 220114; padding: 10px; width: 450px;"><div style="padding: 5px; background-color: white; border-top: 5px solid #86b2e0; border-bottom: 5px solid #86b2e0;"><BR>

<table cellspacing=0><td width="250px"><div style="margin-right: 3px; width: 220px; padding-left: 5px; padding-right: 10px; height: 160px; overflow: auto; color: 220114; text-align: justify; font-family: georgia; letter-spacing: 1px; font-size: 9.5px;">

информация о вашем персонаже, краткая характеристика и т.д. и т.п. <br>
Все началось с красных кроссовок. Я нашел их на дне сумки. Сумка для хранения личных вещей – так это называется. Только никаких личных вещей там не бывает. Пара вафельных полотенец, стопка носовых платков и грязное белье. Все как у всех. Все сумки, полотенца, носки и трусы одинаковые, чтобы никому не было обидно.

            Кроссовки я нашел случайно. Давно забыл о них. Старый подарок, уже и не вспомнить чей, из прошлой жизни. Ярко-красные, запакованные в блестящий пакет, с полосатой, как леденец подошвой. Я разорвал упаковку, погладил огненные шнурки и быстро переобулся. Ноги приобрели странный вид. Какой-то непривычно ходячий. Я и забыл, что они могут быть такими.

</div></td>
<td width="150px"><div style="width: 150px; height: 170px; background-image: url(http://placehold.it/150x170);"></div></td></table><div style="padding: 2px; font-family: arial; color: white; background-color: #86b2e0; text-transform: uppercase; font-size: 7.5px;">

возраст - работа - другое 

</div><div style="font-family: georgia; text-transform: uppercase; font-style: italic; letter-spacing: -2px; color: 220114; font-size: 22px; margin-top: 10px;">

имя персонажа

</div><BR><BR>

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

Поделиться82016-11-14 11:26:59

Автор: Miami
Администратор
Сообщений: 133
Уважение: +1

Гостевая

Код:

<!--HTML-->

<style>
 .aeclair {
     background-color: #111;
     color: #FFF;
     font-family: poppins;
     font-size: 12px;
     font-weight: 700;
     padding: 17px;
     text-transform: uppercase;
   }
   
   .aecon {
     border: 7px solid #EEE;
     width: 100px; height: 100px;
        float: right;
        overflow: hidden;
        border-radius: 100%;
        }
       
        .aestats {
color: 220114; text-align: justify; font-family: georgia; letter-spacing: 1px; font-size: 9.5px;
          font-size: 9px;
          width: 260px;
         border-bottom: 1px solid #EEE;
         padding: 3px;
        }
       
        .aestatz {
          color: #86b2e0;
          font-weight: bold;
           font-size: 11px;
           text-transform: uppercase;
        }
       
        .aetxt {
          width: 90%;
          background-color: #FDFDFD;
          padding: 14px;
 border-left: 6px solid #86b2e0;
 margin-top: 15px;
 font-size: 13px;
 font-family: poppins;
 text-align: justify;
 color: #000;
 line-height: 13px;
 font-weight: 400;
        }
       
        .aetxt b {
          color: #86b2e0;
          font-size: 12px;
          float: left;
        }
</style>

<head>
 <link href='https://fonts.googleapis.com/css?family=Poppins:400,300,700|Raleway:900|Roboto+Slab:300' rel='stylesheet' type='text/css'>
</head>

<center>
 <div style="background-image:url('http://40.media.tumblr.com/tumblr_lvuln9WYkZ1r1ne7to9_r1_1280.png');
 width: 503px; padding: 12px;">
   <div style="width: 450px; padding: 15px; border: 2px solid #EEE; background-color: #FDFDFD;">
     <div class="aeclair">
       <span style="padding: 4px; border: 1px solid #EEE; width: 100%;">Добро пожаловать в <span style="color: #86b2e0; font-style: italic; letter-spacing: 1px;">гостевую</span> книгу</span>
     </div>

     <br>

     <table>
       <tr>

         <td>
           <div class="aestats">
Здесь краткое f.a.q или любая другая мини-информация о вашей ролевой, которую необходимо донести до гостей и потенциальных игроков форума. 
           </div>
         </td>

<td width="150px">
     <div class="aecon">
       <img src="http://placehold.it/100x100/"></div>
</td>
       </tr>
     </table>

     <div class="aetxt">

Необходимая информация для гостевой форума. <br>
Пока они не достигли того возраста, когда полагалось уходить. Те, что были до них, попробовали остановить время по-своему: пять самоубийств, семь попыток. Эти поступили хуже. Уходя, они утянули за собой, как в воронку, все, что их окружало - в этот водоворот затянуло и Лося, считавшего их безобидными детьми. Быть может, он все-таки что-то понял, когда было уже слишком поздно.<br>

Ральфу всегда хотелось знать, о чем Лось думал в те последние минуты. Если ему хватило времени подумать. Они смахнули его на бегу, как приставшую песчинку. Даже не заметили, что убили. Ничто не имело значения, когда наступил конец света. Никто не сумел бы остановить их или чем-то помочь; пересилить ужас, который они испытывали перед наружностью, было невозможно.<br>

Если бы он остался жив после той ночи, то понял бы, что понимаю я. Для них не существует мира, куда их выбрасывают, когда им исполняется восемнадцать. Уходя, они уничтожают его и для других.

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

Поделиться92016-11-14 11:27:40

Автор: Miami
Администратор
Сообщений: 133
Уважение: +1

Шаблон принятия

Код:

<!--HTML-->
<center>
 <div style="width: 350px; padding: 7px; border-top: 9px solid #86b2e0; border-bottom: 9px solid #86b2e0; border-radius: 12px; background-color: #FEFEFE;">
   <div class="amcon"><img src="http://placehold.it/100x100" style="max-height: 95px;">
 </div>
 <div class="amtitle">WELCOME</div>
 <div class="amsub">
   Вы приняты
 </div>
 <div class="amtext">
Здесь можете писать текст принятия игрока. Всю необходимую информацию, которую игрок должен знать после принятия его в игру. <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, 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. 
 </div>
 
 </div>
</center>

<link href='https://fonts.googleapis.com/css?family=Roboto:700' rel='stylesheet' type='text/css'>

<style>
 .amcon {
   width: 95px;
   height: 95px;
   overflow: hidden;
   border: 8px solid #86b2e0;
   border-top:1px solid #86b2e0;
   float: left;
   margin-right: 6px;
   border-radius: 1px;
   margin-top: -7px;
   margin-left: -7px;
   }
   
   .amtitle {
     font-size: 29px;
     color: #444;
     font-family: roboto;
     font-weight: 700;
     letter-spacing: -2px;
 text-align: center;
 text-transform: uppercase;
 padding: 11px;
 }
 
 .amtitle:first-letter {
   color: #86b2e0;
   }
 
 .amsub {
   font-family: courier new;
   background-color: #86b2e0;
   padding: 2px;
   color: #FFF;
   font-size: 10px;
   margin-right: 9px;
   text-align: center;
 width: 220px;
 float: right;
 margin-top: -2px;
 text-transform: uppercase;
 letter-spacing: 1px;
 }
 
 .amlyrics {
   color: #444;
   text-align: justify;
   padding: 9px;
   font-family: courier new;
   font-size: 9px;
   text-transform: uppercase;
 width: 217px;
 float: right;
 height: 36px;
 overflow: hidden;
 line-height: 8px;
 font-weight: normal;
 }
 
 .amtext {
   padding: 9px;
   text-align: justify;
   font-size: 12px;
   font-family: calibri;
   line-height: 10px;
   color: #222;
 margin-top: 68px;
 color: #222;
 }
 
 .amtext:first-letter {
   font-family: Roboto;
   font-weight: 700;
   font-size: 25px;
   float: left;
   margin-right: 7px;
   padding: 13px;
   box-shadow: 3px 3px 2px #ededed;
   background-color: #FFF;
   color: #444;
   }
   
   .ambottom {
     font-family: Roboto;
   font-weight: 700;
   font-size: 15px;
   letter-spacing: -1px;
   padding: 3px;
   text-transform: uppercase;
   box-shadow: 3px 3px 2px #ededed;
   color: #222;
   background-color: #FFF;
   width: 155px;
   text-align: center;
   }
</style>

Поделиться102016-11-14 11:27:49

Автор: Miami
Администратор
Сообщений: 133
Уважение: +1

Внешности

Код:

<!--HTML-->

<link href='http://fonts.googleapis.com/css?family=Share+Tech' rel='stylesheet' type='text/css'><center>

<style>

.centertab {width: 570px;}
#outer { width: 280px; height: 600px; overflow: hidden; position: relative; }
.upper { width: 280px; height: 600px; position: absolute; top: 0; left: 0; }
#outer .upper { -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; position: relative; }
#outer:hover .upper { left: 280px; }
.lower { width: 280px; height: 600px; overflow: hidden; position: absolute; top: 0; left: 0;}
.text {width: 255px; height: 560px; margin-left: -7px; overflow: auto; line-height: 100%; color: #5b4c65; text-align:center; font:8px arial; letter-spacing:1px; text-transform:uppercase; display: inline-block;}
.face {text-align:center; font:8px arial; letter-spacing:2px; text-transform:uppercase; display: inline-block;}
.face a:hover {text-decoration: line-through; color: #947da8;}
</style>

<div class="centertab">
<center>


<table>
<tr>
<td valign="top">

<div id="outer">
<div class="lower">
<div style="width: 240px; height: 560px; padding: 20px; background-color: #cddded; -moz-box-shadow: inset 0 0 20px 5px #86b2e0; -webkit-box-shadow: inset 0 0 20px 5px #86b2e0; box-shadow: inset 0 0 20px 5px #86b2e0; ">
<div class="text">
<!----------- A ----------->
NAME FACE » <b>by</b> <div class="face"><a href="ссылка на профиль">NAME GAME</a></div><br>

<!----------- B ----------->


<!----------- C ----------->

<!----------- D ----------->

<!----------- E ----------->

<!----------- F ----------->


<!----------- G ----------->

<!----------- H ----------->


<!----------- I ----------->


<!----------- J ----------->


<!----------- K ----------->


<!----------- L ----------->


<!----------- M ----------->

<!----------- N ----------->

<!----------- O ----------->


<!----------- P ----------->


<!----------- Q ----------->


<!----------- R ----------->


<!----------- S ----------->

<!----------- T ----------->

<!----------- U ----------->


<!----------- V ----------->


<!----------- W ----------->


<!----------- X ----------->


<!----------- Y ----------->


<!----------- Z ----------->
</div>
</div>
</div>
<div class="upper" style="background-image: url(http://s8.uploads.ru/ORMu4.png);"></div>
</div>
</td>
<td valign="top">
<div id="outer">
<div class="lower">
<div style="width: 240px; height: 560px; padding: 20px; background-color: #cddded; -moz-box-shadow: inset 0 0 20px 5px #86b2e0; -webkit-box-shadow: inset 0 0 20px 5px #86b2e0; box-shadow: inset 0 0 20px 5px #86b2e0;">
<div class="text">
<!----------- A ----------->


<!----------- B ----------->

<!----------- C ----------->


<!----------- D ----------->

<!----------- E ----------->


<!----------- F ----------->


<!----------- G ----------->


<!----------- H ----------->


<!----------- I ----------->

<!----------- J ----------->


<!----------- K ----------->


<!----------- L ----------->

<!----------- M ----------->

<!----------- N ----------->


<!----------- O ----------->


<!----------- P ----------->


<!----------- Q ----------->


<!----------- R ----------->

<!----------- S ----------->


<!----------- T ----------->

<!----------- U ----------->


<!----------- V ----------->


<!----------- W ----------->


<!----------- X ----------->


<!----------- Y ----------->


<!----------- Z ----------->
</div>
</div>
</div>
<div class="upper" style="background-image: url(http://s9.uploads.ru/R3hC8.png);"></div>
</div>
</td>
</tr>
</table>
</center>
</div>

Код:

NAME FACE » <b>by</b> <div class="face"><a href="ссылка на профиль">NAME GAME</a></div><br>

Поделиться112016-11-14 11:28:01

Автор: Miami
Администратор
Сообщений: 133
Уважение: +1

Отношения

Код:

<!--HTML-->
<center>
<table>
 <tr>
   <td>
     <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
 <div class="alpty">
NAME GAME
 </div>
 <div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
 </div>
</div></div></div>
   </td>
   
   <td>
      <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
 <div class="alpty">
NAME GAME
 </div>
 <div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
 </div>
</div></div></div>
   </td>
   
   <td>
     <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
 <div class="alpty">
NAME GAME
 </div>
 <div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
 </div>
</div></div></div>
   </td>
 </tr>
<tr>
   <td>
     <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
<div class="alpty">
NAME GAME
</div>
<div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
</div>
</div></div></div>
   </td>
   
   <td>
      <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
<div class="alpty">
NAME GAME
</div>
<div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
</div>
</div></div></div>
   </td>
   
   <td>
     <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
<div class="alpty">
NAME GAME
</div>
<div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
</div>
</div></div></div>
   </td>
</tr>
</table>
</center>

<link href='https://fonts.googleapis.com/css?family=Oswald|Poppins' rel='stylesheet' type='text/css'>
<style>
 #alipz {
   width: 190px;
   height: 230px;
   overflow: hidden;
   border: 7px solid #FFFFFF;
   box-shadow: 4px 4px 4px #EBEBEB;
   border-radius: 3px;
   }
 
 .hoveraz {
   width: 190px;
   height: 230px;
   background-color: #FCFCFC;
   position: relative;
   top: 190px;
   -webkit-transition-duration: .5s;
   -moz-transition-duration: .5s;
   -o-transition-duration: .5s;
   transform: rotate(0deg);
   }
   
 #alipz:hover .hoveraz {
   top: 0px;
   transform: rotate(360deg);
   }
   
   .alpty {
     padding: 13px;
     height: 14px;
     color: #FFF;
     text-align: center;
     background-image: url('http://i.imgur.com/eYDxsWO.png');
     font-family: Oswald;
     font-size: 22px;
     line-height: 14px;
     text-transform: uppercase;
   }
   
   .etyf {
font-family: georgia;
 font-size: 9.5px;
     padding: 12px;
     height: 170px;
     margin: 0px auto;
     width: 161px;
     background-color: #FAFAFA;
     overflow: auto;
     color: #222;
     border-left: 5px solid #333;
     text-align: justify;
     line-height: 100%;
   }
   
   .txpf {
   font-family: courier new;
   font-size: 9px;
   text-transform: uppercase;
   color: #222;
   background-color: #FAFAFA;
   padding: 3px;
   }
   
   .twpt {
     font-family: Oswald;
     font-size: 25px;
     text-transform: uppercase;
     color: #FFF;
     background-image: url('http://i.imgur.com/eYDxsWO.png');
     padding: 24px;
     width: 575px;
   }
   
   .etyf b {
     font-size: 12px;
     color: #222;
     text-shadow: 2px 1px #D5D4D4;
   }
   
   .etyf i {
     font-size: 12px;
     color: #222;
     text-shadow: 2px 1px #D5D4D4;
   }
</style>

Чтобы добавить больше отношений, копируете эту часть

<tr>
<td>
<div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
<div class="alpty">
NAME GAME
</div>
<div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
</div>
</div></div></div>
</td>

<td>
<div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
<div class="alpty">
NAME GAME
</div>
<div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
</div>
</div></div></div>
</td>

<td>
<div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://placehold.it/190x230/);">
<div class="hoveraz">
<div class="alpty">
NAME GAME
</div>
<div class="etyf">
Описание ваших отношений. Ваша история, как познакомились, может быть краткая информация о персонаже.
</div>
</div></div></div>
</td>
</tr>

Поделиться122016-11-14 11:28:11

Автор: Miami
Администратор
Сообщений: 133
Уважение: +1

Новостной блог

Код:

<!--HTML-->

<center>
 <head>
   <link href='https://fonts.googleapis.com/css?family=Poppins:400,300,700|Raleway:900|Roboto+Slab:300' rel='stylesheet' type='text/css'>
 </head>

<div class="kbg">
<div class="kbg2">

<div class="ktag">ЗАГОЛОВОК @НОВОСТЕЙ</div>
<div class="kinfo">000 WORDS
<littlesymbol>◙</littlesymbol> NOTES GO HERE.</div>

<div class="ktxt">

<img src="http://placehold.it/100x100" class="leftimg"> Текст вашего новостного блога. 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. 

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

   <style>
     .kbg {
       background-image: url('http://i.imgur.com/AuIGQcj.png');
       padding: 15px;
       width: 480px;
       margin: 0px auto;
     }
     
     .kbg2 {
       background-color: #FCFCFC;
       padding: 17px;
      border: 3px solid #FFF;
       width: 440px;
       margin: 0px auto;
     }

.leftimg {
    float:left;
    margin: 0px 7px 7px 0; 
   }
     
     .kcon {
       width: 100px;
       margin: 0px auto;
       height: 100px;
       overflow: hidden;
       border-radius: 100%;
       border: 10px solid #FFF;
       margin-top: -75px;
     }
     
     .ktag {
       font-family: Raleway;
       font-weight: 900;
       font-size: 23px;
       text-transform: uppercase;
       letter-spacing: -2px;
       text-align: right;
       line-height: 24px;
       padding: 5px;
       border-bottom: 1px solid #999;
       color: #32000F;
       text-shadow: 3px 2px 1px #FFFFFF;
     }
     
     .ktag:first-letter {
       color: #51C4C4;
     }
     
     littlesymbol {
       font-size: 16px;
       color: #51C4C4;
     }
     
     .ktxt {
       width: 400px;
      color: #222;
       margin: 0px auto;
       background-color: #FAFAFA;
       border: 2px solid #FFF;
       padding: 15px;
       font-family: Verdana;
       line-height: 10px;
       font-size: 11px;
       text-align: justify;
       font-weight: 300;
     }
     
     .kinfo {
       font-family: roboto slab;
       text-transform: uppercase;
       font-size: 9px;
color: #222;
       padding: 2px;
       text-align: right;
       font-weight: 300;
     }
     
     .ktxt b {
       font-weight: 900;
       font-size: 12px;
       color: #51C4C4;
     }
     
     .ktxt i {
       font-size: 12px;
       color: #51C4C4;
       font-weight: 400;
     }
   </style>

Поделиться132016-11-14 11:28:21

Автор: Miami
Администратор
Сообщений: 133
Уважение: +1

Хронология

Код:

<!--HTML-->
<style type="text/css">
.love {
  width: 100px;
  height: 100px;
  padding: 10px;
  position: relative;
}
.love img {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.like {
  width: 100%;
  background: rgba(250,250,250,.8);
  color: #8e8e8e;
  font-family: impact;
  font-size: 12px;
  position: absolute;
  bottom: 15px;
  left: 0px;
  line-height: 12px;
  padding: 5px 0px 5px 0px;
  text-align: center;
  text-transform: uppercase;
  opacity: 0;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
.like:first-letter{color: #86b2e0;}
.love:hover .like {opacity: 1;}
.woah {
  margin: 4px 0px;
  width: 122px;
  padding: 5px 0px 5px 0px;
  text-align: center;
  font-family: impact;
  font-size: 12px;
  line-height: 12px;
  text-transform: lowercase;
  background: url(http://oi61.tinypic.com/bgxr14.jpg);
}
.woah:first-letter {color: #86b2e0;}
.lovelikewoah {
  width: 300px;
  padding: 20px;
  max-height: 500px;
}
.lovelike {
  padding: 5px;
  font-family: arial;
  font-size: 11px;
  line-height: 12px;
  text-align: justify;
}
.likewoah {
  width: 100%;
  font-family: arial;
  font-size: 10px;
  text-align: center;
  line-height: 10px;
  padding: 5px 0px 5px 0px;
  background: #222;
  color: #86b2e0;
}
.justlikewoah {
  width: 100%;
  text-align: right;
  font-family: impact;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 3px solid #86b2e0;
  color: #222;
  text-transform: uppercase;
}
.justlikewoah:first-letter {color: #86b2e0;}</style>

<center>
<div class="lovelikewoah"><div class="lovelike">
<div class="justlikewoah">Наши дни</div>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<div class="justlikewoah">Машина времени</div>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<div class="justlikewoah">Альтернативные истории</div>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>
</div></div></center>

В нужную часть просто дублируете ссылку
<a href="ссылка на эпизод"><div class="likewoah">название эпизода </div></a><br>

Поделиться142016-11-14 11:28:48

Автор: Miami
Администратор
Сообщений: 133
Уважение: +1

Правила

Код:

<!--HTML-->

<style>
.timelineboxtext { font-family: Cambria, sans-serif; line-height: 11px; color: #292a2c; font-size: 12px; }
.timelineboxtext b { letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #ae5343; font-size: 15px; }
.timelineboxtext i { letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; line-height: 11px; color: #309585; font-size: 10px; }
.arrow { font-size: 50px; margin-left: -12px; color: #86b2e0; }
.timelinewrap { width: 400px; height: 60px; background-color: #dfe1e3; overflow: hidden; border-bottom: 4px solid #86b2e0; }
.timelinetitle {  letter-spacing: 1px; line-height: 30px;text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #ff0054; text-align: center; font-size: 30px; color: #fcfcfc; }
</style>


<center>
<div style="background-color: #657d9a; width: 500px; padding-top: 10px; padding-bottom: 10px; border-bottom: 4px solid #86b2e0;">
<div class="timelinetitle">Общее</div>
</div>
<div style="width: 500px; background-color: #transparent;"><div style="width: 450px; margin-left: 50px; padding-top: 50px; border-left: 4px solid #86b2e0;">

<table><td width="30px"><div class="arrow">→</div></td><td width="350px"><div class="timelinewrap"><div style="width: 380px; height: 50px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 20px; overflow: auto;"><div class="timelineboxtext">
1. Правило под номером один. Чтобы перенести строчку с правилом, просто добавьте в скобках код br
После чего можно продолжать на той же строчке, либо перенести на новую, но при сохранении эта строчка всё равно перенесётся. 
</div></div></td></table>

<table><td width="30px"><div class="arrow">→</div></td><td width="350px"><div class="timelinewrap"><div style="width: 380px; height: 50px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 20px; overflow: auto;"><div class="timelineboxtext">
2. Не забывайте разделять блоки с помощью тегов br, иначе они у вас слипнуться, как один большой пельмень
И будет не очень эстетично это выглядеть. Слипшиеся пельмени же не очень симпатичные? 
</div></div></td></table>
<P>

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



<center>
<div style="background-color: #657d9a; width: 500px; padding-top: 10px; padding-bottom: 10px; border-bottom: 4px solid #86b2e0;">
<div class="timelinetitle">Профиль</div>
</div>
<div style="width: 500px; background-color: #transparent;"><div style="width: 450px; margin-left: 50px; padding-top: 50px; border-left: 4px solid #86b2e0;">

<table><td width="30px"><div class="arrow">→</div></td><td width="350px"><div class="timelinewrap"><div style="width: 380px; height: 50px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 20px; overflow: auto;"><div class="timelineboxtext">
1. Правило под номером один. Чтобы перенести строчку с правилом, просто добавьте в скобках код br
После чего можно продолжать на той же строчке, либо перенести на новую, но при сохранении эта строчка всё равно перенесётся. 
</div></div></td></table>

<table><td width="30px"><div class="arrow">→</div></td><td width="350px"><div class="timelinewrap"><div style="width: 380px; height: 50px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 20px; overflow: auto;"><div class="timelineboxtext">
2. Не забывайте разделять блоки с помощью тегов br, иначе они у вас слипнуться, как один большой пельмень
И будет не очень эстетично это выглядеть. Слипшиеся пельмени же не очень симпатичные? 
</div></div></td></table>
<P>

</div></div>
</center>
<center>
<div style="background-color: #657d9a; width: 500px; padding-top: 10px; padding-bottom: 10px; border-bottom: 4px solid #86b2e0;">
<div class="timelinetitle">Общее</div>
</div>
<div style="width: 500px; background-color: #transparent;"><div style="width: 450px; margin-left: 50px; padding-top: 50px; border-left: 4px solid #86b2e0;">

<table><td width="30px"><div class="arrow">→</div></td><td width="350px"><div class="timelinewrap"><div style="width: 380px; height: 50px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 20px; overflow: auto;"><div class="timelineboxtext">
1. Правило под номером один. Чтобы перенести строчку с правилом, просто добавьте в скобках код br
После чего можно продолжать на той же строчке, либо перенести на новую, но при сохранении эта строчка всё равно перенесётся. 
</div></div></td></table>

<table><td width="30px"><div class="arrow">→</div></td><td width="350px"><div class="timelinewrap"><div style="width: 380px; height: 50px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 20px; overflow: auto;"><div class="timelineboxtext">
2. Не забывайте разделять блоки с помощью тегов br, иначе они у вас слипнуться, как один большой пельмень
И будет не очень эстетично это выглядеть. Слипшиеся пельмени же не очень симпатичные? 
</div></div></td></table>
<P>

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



<center>
<div style="background-color: #657d9a; width: 500px; padding-top: 10px; padding-bottom: 10px; border-bottom: 4px solid #86b2e0;">
<div class="timelinetitle">Профиль</div>
</div>
<div style="width: 500px; background-color: #transparent;"><div style="width: 450px; margin-left: 50px; padding-top: 50px; border-left: 4px solid #86b2e0;">

<table><td width="30px"><div class="arrow">→</div></td><td width="350px"><div class="timelinewrap"><div style="width: 380px; height: 50px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 20px; overflow: auto;"><div class="timelineboxtext">
1. Правило под номером один. Чтобы перенести строчку с правилом, просто добавьте в скобках код br
После чего можно продолжать на той же строчке, либо перенести на новую, но при сохранении эта строчка всё равно перенесётся. 
</div></div></td></table>

<table><td width="30px"><div class="arrow">→</div></td><td width="350px"><div class="timelinewrap"><div style="width: 380px; height: 50px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 20px; overflow: auto;"><div class="timelineboxtext">
2. Не забывайте разделять блоки с помощью тегов br, иначе они у вас слипнуться, как один большой пельмень
И будет не очень эстетично это выглядеть. Слипшиеся пельмени же не очень симпатичные? 
</div></div></td></table>
<P>

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

Поделиться152016-11-14 11:29:08

Автор: Miami
Администратор
Сообщений: 133
Уважение: +1

Оформление обычной темы

Код:

<!--HTML-->

<center>
<div class="chermain">
<div class="chername">заголовок сообщения</div><br>
<div class="chercontent">

Оформление обычной темы. Здесь располагается текст описания обычной темы в сообщении или посте. 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. 

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


<link href='https://fonts.googleapis.com/css?family=Roboto:700' rel='stylesheet' type='text/css'>
<style type="text/css">
.chermain { width: 450px; }

.chername { color: #ccc;
font: 25px Roboto;
text-transform: lowercase;
letter-spacing: -1px;
font-weight: 700;
text-align: center;
text-shadow: 2px 1px #898989;
z-index: 10;
top: 10px;
position: relative;
width: 440px;
padding: 5px 0px;
} 

.chercontent {
width: 400px;
padding: 20px 20px 5px 20px;
color: #323232;
background-color: #b5c4d3; 
-moz-box-shadow: inset 0px 0px 15px #7f97b1;
-webkit-box-shadow: inset 0px 0px 15px #7f97b1;
box-shadow: inset 0px 0px 15px #7f97b1;
-webkit-border-radius: 40px 40px 40px 40px;
border-radius: 40px 40px 40px 40px;
padding: 10px;
border-top: 5px solid #c4d2dc!important;
border-bottom: 5px solid #c4d2dc!important;
}

 .chercontent b { color: #c0adc4;
font-weight: 800;
font-size: 8px;
text-transform: uppercase;
}

.chercontent a { color: #c0adc4;
font-weight: 800;
font-size: 8px;
text-transform: uppercase;
}
</style>

Поделиться162016-11-14 11:29:19

Автор: Miami
Администратор
Сообщений: 133
Уважение: +1

Код:

<!--HTML-->
<center><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:700' rel='stylesheet' type='text/css'>
<div style="width: 510px; padding: 25px; background: url(http://subtlepatterns.com/patterns/billie_holiday.png);"><div style="width: 500px; padding: 5px; background: #fff;">
<div class="block2"><div class="blockword2">внешность</div></div> <div class="block2"><div class="blockword2">возраст</div></div> <div class="block2"><div class="blockword2">профессия</div></div>
<div style='width: 450px; height: 50px; padding: 25px; background: #7b95ae;'>
<div style="text-align: center; margin-top: 15px; margin-right: 150px; font-family: roboto condensed; font-size: 16px; letter-spacing: -1px; color: #fff; line-height: 80%; text-transform: lowercase; width: 250px;">

Имя персонажа на русском/на английском

</div><div style="text-align: left; font-family: cambria; font-size: 8px; letter-spacing: 1px; color: #fff; line-height: 90%; text-transform: uppercase; margin-left: 10px; margin-right: 150px; width: 250px;"><br>

"любимая цитата персонажа или строчка из любимой песни"

</div></div>
<div style='background: url(http://placehold.it/120x120); background-size: cover; width: 120px; height: 120px; border: 5px solid #7b95ae; position: relative; top: -75px; right: -160px; border-radius: 100%; z-index: 1;'></div>

<div style="width: 500px; height: 300px; position: relative; top: -135px; margin-bottom: -135px; background: #fff;">
<div style="width: 200px; height: 280px; float: left; padding: 10px;">
<div style="width: 285px; height: 270px; background: #fff; padding: 5px;">
<div style="width: 280px; padding-right: 5px; height: 270px; color: #000; font-size: 10px; text-align: justify; line-height: 100%; overflow: auto;" class="everybody"><p>

Описание вашего персонажа.<br><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, 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. <br><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, 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. 

</div></div></div><div style="width: 200px; margin-right: -10px; padding: 5px; height: 280px; float: right;">
<div style="width: 190px; height: 60px;"></div>

<div class="block"><div class="blockword">семейное положение</div></div><p>
<div class="block"><div class="blockword">пара</div></div><p>
<div class="block"><div class="blockword">место рождения</div></div><p>
<div class="block"><div class="blockword">я люблю</div></div><p>
кратко о том, что любит ваш персонаж<br>
<div class="block"><div class="blockword">я ненавижу</div></div><p>
кратко о том, что ваш персонаж ненавидит<br>
</div>
</div>
</div>
</div></center>

<style>.everybody::-webkit-scrollbar {width: 2px;}
.everybody::-webkit-scrollbar-track {background-color: #fff;}
.everybody::-webkit-scrollbar-thumb {background-color: #7b95ae; border-top: 10px solid #fff; border-bottom: 10px solid #fff;}
.everybody b {color: #7b95ae; font-size: 11px; text-transform: uppercase;}

.block {width: 150px; height: 10px; padding: 5px; margin-left: -5px; background: #7b95ae;}
.blockword {text-align: center; font-family: calibri; font-size: 8px; letter-spacing: 1px; color: #fff; text-transform: uppercase;}

.block2 {width: 120px; height: 10px; padding: 5px; background: #c2cfdc; display: inline-block;}
.blockword2 {text-align: center; font-family: calibri; font-size: 8px; letter-spacing: 1px; color: #45596c; text-transform: uppercase; display: inline-block;}

</style>

Поделиться172016-11-14 11:29:30

Автор: Miami
Администратор
Сообщений: 133
Уважение: +1

Профессии

Код:

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

#misc7t {width: 450px; padding: 20px; font-family: montserrat; text-transform: uppercase; font-size: 7px; letter-spacing: 1px;} 

.misc7n {vertical-align: middle; font-family: montserrat; color: #121212; border-bottom: 1px solid #121212; padding-bottom: 7px; font-size: 7px; letter-spacing: 1px; text-transform: uppercase; text-align: center; width: 220px; display: inline-block;} 

#misc7t img {width: 50px; height: 50px; padding: 5px; border: 1px solid #121212; margin-right: -3px; }

 .misc7n2 {font-family: Book Antiqua; color: #121212; border-bottom: 1px solid #121212; padding-bottom: 7px; font-size: 16px; letter-spacing: 1px; text-align: left;}

 #misc7t a {font-family: montserrat!important; font-weight: bold; color: #121212; text-transform: uppercase;}</style><center><div id="misc7t">

<p>

<p><BR><div class="misc7n2">Здравохранение</div><BR>
должность [3]  • <a href="ссылка на профиль">name game</a>; <a href="ссылка на профиль">name game</a>; <a href="ссылка на профиль">name game</a><BR><BR>
должность [2]  • <a href="ссылка на профиль">name game</a>; <a href="ссылка на профиль">name game</a><BR><BR>
должность [10] • <a href="ссылка на профиль">name game</a>; <a href="ссылка на профиль">name game</a> ; <a href="ссылка на профиль">name game</a> ; <a href="ссылка на профиль">name game</a> ; <a href="ссылка на профиль">name game</a> ; <a href="ссылка на профиль">name game</a> ; <a href="ссылка на профиль">name game</a> ; <a href="ссылка на профиль">name game</a> ; <a href="ссылка на профиль">name game</a> ; <a href="ссылка на профиль">name game</a><BR><BR>

<p><BR><div class="misc7n2">Правоохранительные органы</div><BR>
должность [3]  • <a href="ссылка на профиль">name game</a><BR>
должность [2]  • <a href="ссылка на профиль">name game</a><BR>
должность [10] • <a href="ссылка на профиль">name game</a><BR>

<p><BR><div class="misc7n2">Образование</div><BR>
должность [3]  • <a href="ссылка на профиль">name game</a><BR>
должность [2]  • <a href="ссылка на профиль">name game</a><BR>
должность [10] • <a href="ссылка на профиль">name game</a><BR>

<p><BR><div class="misc7n2">Здравохранение</div><BR>
должность [3]  • <a href="ссылка на профиль">name game</a>; <a href="ссылка на профиль">name game</a>; <a href="ссылка на профиль">name game</a><BR><BR>
должность [2]  • <a href="ссылка на профиль">name game</a>; <a href="ссылка на профиль">name game</a><BR><BR>
должность [10] • <a href="ссылка на профиль">name game</a>; <a href="ссылка на профиль">name game</a> ; <a href="ссылка на профиль">name game</a> ; <a href="ссылка на профиль">name game</a> ; <a href="ссылка на профиль">name game</a> ; <a href="ссылка на профиль">name game</a> ; <a href="ссылка на профиль">name game</a> ; <a href="ссылка на профиль">name game</a> ; <a href="ссылка на профиль">name game</a> ; <a href="ссылка на профиль">name game</a><BR><BR>

<p><BR><div class="misc7n2">Правоохранительные органы</div><BR>
должность [3]  • <a href="ссылка на профиль">name game</a><BR>
должность [2]  • <a href="ссылка на профиль">name game</a><BR>
должность [10] • <a href="ссылка на профиль">name game</a><BR>

<p><BR><div class="misc7n2">Образование</div><BR>
должность [3]  • <a href="ссылка на профиль">name game</a><BR>
должность [2]  • <a href="ссылка на профиль">name game</a><BR>
должность [10] • <a href="ссылка на профиль">name game</a><BR>

</div></center>

Поделиться182016-11-14 11:29:50

Автор: Miami
Администратор
Сообщений: 133
Уважение: +1


	имя и фамилия (англ/русс.) любимая цитата персонажа, которая наиболее точно характеризует его место рождения: где родился ваш персонаж возраст: ваш возраст семейное положение: замужем/в поисках и т.д. пара: с кем встречаетесь профессия: где и кем работает прототип: внешность которой играет


я люблю	я ненавижу
В этой колонке указываем что любит ваш персонаж, что ему нравится и приятно	Пишем что ненавидит ваш персонаж, к чему испытывает отвращение или неприязнь


Общее описание вашего персонажа

пробный пост

Текст пробного поста

Поделиться192016-11-14 11:30:00

Автор: Miami
Администратор
Сообщений: 133
Уважение: +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.

Поделиться202016-11-14 11:30:10

Автор: Miami
Администратор
Сообщений: 133
Уважение: +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.

связь с вами

Поделиться212016-11-14 11:31:29

Автор: Miami
Администратор
Сообщений: 133
Уважение: +1

Поделиться222016-11-19 10:59:33

Автор: Elizabeth Taylor
Неделимые
Деньги и посты:
1
posts

875
money
Информация обо мне:
Меня зовут - Элизабет Тайлор
но для друзей я просто Лиза, Эли Меня можно встретить в адвокатское бюро "Эли и партнеры", где я являюсь владелицей. Выходные я провожу за посиделками с семьей , а в моем сердце всегда отведено особое место для моего Брайана и нашего сына.
Это надо знать:
@taylor_eliza @taylor
Сообщений: 56
Уважение: +1

Код:

<!--HTML--><div><div><div>

<div class="zzg">ЗНАКОМСТВО С АМС</div><br><br><br>
<center>
<div class="infa">
<div class="name">Elizabeth Taylor</div>
<div id="kartinka" style="background: url(https://40.media.tumblr.com/c204c1f08064c0c480cd49cfe0dda735/tumblr_nup4zkwIwt1u9v40co1_500.jpg)"; "background-position: center"><div class="vsplitie">
<div class="text">
Я создатель проекта "Miami the city of love and a life of luxury" и его главный администратор. Я находка в плане дизайна, видео и графики. Так же, являюсь главным редактором нашего будущего журнала. Есть интересные идеи? Обращайтесь ко мне, я найду им применение. Хотите новую графику? Напишите мне в ЛС или социальную сеть, я вам не откажет и сделаю красивую графику, а также видео вместе со своими друзьями специально для вас и для нашего проекта.
<br><br></div>
</div></div>
<div class="svyaz">СВЯЗЬ: ЛС, ВК: id348331827 , АСЬКА: 671 132 413 </div>
</div></div>



<center><div class="infa">
<div class="name">Shauna Harrington</div>
<div id="kartinka" style="background: url(http://media.tumblr.com/tumblr_ln7tv6H5NI1qcc6u2o1_500.gif)"; "background-position: center"><div class="vsplitie">
<div class="text">
Я первый заместитель главного админа проекта "Miami the city of love and a life of luxury" и помощник в плане графике для игроков нашего проекта. Я слежу за контролем и порядком, как в темах, так и в отношениях между игроками, ведь это немаловажно. В общем, не пугайтесь, если я сделаю вам замечание по какому-либо поводу. Ведь на то, будут основания.
<br><br></div>
</div></div>
<div class="svyaz">СВЯЗЬ: ЛС  </div>
</div></div>


<center><div class="infa">
<div class="name">Eva Bonne</div>
<div id="kartinka" style="background: url(http://24.media.tumblr.com/tumblr_m7slgc7FLA1rakq9po1_500.gif)"; "background-position: center"><div class="vsplitie">
<div class="text">
Я второй заместитель главного админа проекта "Miami the city of love and a life of luxury",  если у вас имеются вопросы, затрудняетесь в чем-либо, напишите мне. Я с радостью отвечу на все ваши вопросы и помогу. Так же, отвечаю за все акции. Если вы гость и собираетесь брать кого-либо из акции, но у вас есть сомнения, или вы хотите что-то изменить или обсудить, свяжитесь со мною и все ваши вопросы будут решены. 
<br><br></div>
</div></div>
<div class="svyaz">СВЯЗЬ: ЛС  </div>
</div></div>



<center><div class="infa">
<div class="name">Milana MakKorn</div>
<div id="kartinka" style="background: url(http://slinky.me/uploads/pic/8/tumblr_mioiftmSy61rjeg8do1_500.gif)"; "background-position: center"><div class="vsplitie">
<div class="text">
Я администратор проекта "Miami the city of love and a life of luxury" слежу за порядком. Слежу за тем, чтобы все отписывалось вовремя, чтобы все формы были заполнены. Есть новости, идеи? Я обязательно их расскажу. Так же, вы можете обсудить со мной ваши идеи и пожелания. 
<br><br></div>
</div></div>
<div class="svyaz">СВЯЗЬ: ЛС </div>
</div></div>



<center><div class="infa">
<div class="name">Имя админа</div>
<div id="kartinka" style="background: url(http://s3.uploads.ru/d/9Osq0.png)"; "background-position: center"><div class="vsplitie">
<div class="text">
Я администратор проекта "Miami the city of love and a life of luxury"
<br><br></div>
</div></div>
<div class="svyaz">СВЯЗЬ: ЛС</div>
</div></div>


<style>
.infa {width: 550px; height: 216px; }

#kartinka { width: 552px; height: 150px; margin-top: 45px; margin-left: 2px; position: absolute; overflow: hidden;  background-position: center; }
#kartinka:hover .vsplitie { top: 0px }

.vsplitie { width: 550px; height: 150px; background: rgba(227, 197, 161, 0.90); box-shadow: 1px 1px 4px #555; position:  absolute; overflow-y: auto; top: 150px; left: 0px; transition: all 1s ease-in; -webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in; -o-transition: all 1s ease-in; -ms-transition: all 1s ease-in;  }

.name {width: 550px; height: 30px;  margin-top: 10px; margin-left: 0px; border: 3px double #cf9116; position: absolute; background-color: #2a0800; font-family:  Impact; font-size: 20px; text-align: center; padding-top: 2px!important; color: #ffdfb9; text-transform: uppercase;  letter-spacing: 2px; text-shadow: 1px 1px 0px #000; border-radius: 10px;  z-index:10000;}

.svyaz {width: 550px; height: 20px;  margin-top: 188px; margin-left: 0px; border: 3px double #cf9116; position: absolute; background-color: #2a0800; font-family:  Impact; font-size: 15px; text-align: center; padding-top: 2px!important; color: #ffdfb9; text-transform: uppercase;  letter-spacing: 2px; text-shadow: 1px 1px 0px #000; border-radius: 10px;}

.text {padding: 9px;    overflow-y: auto;    font-family: verdana;    font-size: 11px;    text-align: justify;  color: #2b0800;    text-shadow: 1px 1px 0px #e7d6c1;  letter-spacing: 1px;}

.zzg {width: 600px; height: 30px; border: 3px double #cf9116; position: absolute; background-color: #2a0800; font-family:  Impact; font-size: 20px; text-align: center; padding-top: 2px!important; color: #ffdfb9; text-transform: uppercase;  letter-spacing: 2px; text-shadow: 1px 1px 0px #000; border-radius: 10px;  z-index:10000;   margin-top: 0px; margin-left: 25px; }

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

Страница: 1

Miami the city of love and a life of luxury

Меню навигации

Пользовательские ссылки

Объявление

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

Шаблоны тем

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

Поделиться12016-10-22 15:23:41

Поделиться22016-11-05 22:52:28

Поделиться32016-11-14 11:24:55

Поделиться42016-11-14 11:25:19

Поделиться52016-11-14 11:26:24

Поделиться62016-11-14 11:26:42

Поделиться72016-11-14 11:26:50

Поделиться82016-11-14 11:26:59

Поделиться92016-11-14 11:27:40

Поделиться102016-11-14 11:27:49

Поделиться112016-11-14 11:28:01

Поделиться122016-11-14 11:28:11

Поделиться132016-11-14 11:28:21

Поделиться142016-11-14 11:28:48

Поделиться152016-11-14 11:29:08

Поделиться162016-11-14 11:29:19

Поделиться172016-11-14 11:29:30

Поделиться182016-11-14 11:29:50

Поделиться192016-11-14 11:30:00

Поделиться202016-11-14 11:30:10

Поделиться212016-11-14 11:31:29

Поделиться222016-11-19 10:59:33