|
|
Код:
<!--HTML--><div class="htmldemo">
<div class='postcolor'> <link href='http://fonts.googleapis.com/css?family=Lily+Script+One|Carme|Roboto+Condensed' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Kelly+Slab&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<style type="text/css">
#bajan-container {
width:500px;
height:500px;
overflow:hidden;
margin:auto;
background-image:url(http://sf.uploads.ru/vXOCq.png);
}
.bajan-overlay {
background-color:rgba(0,0,0,0.8);
background-color:rgb(0,0,0,0.8);
width:500px;
height:500px;
transition:All 1s ease-in-out;
-webkit-transition:All 1s ease-in-out;
-moz-transition:All 1s ease-in-out;
-o-transition:All 1s ease-in-out;
color:#fff;
}
.bajan-firsttext {
font-family: 'Kelly Slab', sans-serif;
text-align:center;
padding-top:220px;
font-size:50px;
transition:All 1s ease-in-out;
-webkit-transition:All 1s ease-in-out;
-moz-transition:All 1s ease-in-out;
-o-transition:All 1s ease-in-out;
transition-delay: 1s;
}
.bajan-firsttext:first-letter {
border:1px solid #FF0066;
padding:2px;
}
#bajan-container:hover .bajan-overlay {
background-color:rgba(0,0,0,0.3);
background-color:rgb(0,0,0,0.3);
}
#bajan-container:hover .bajan-firsttext {
margin-left:-1000px;
}
.bajan-shipper {
width:225px;
padding:10px;
background-color:rgba(255,255,255,0.8);
height:400px;
margin-top:300px;
text-align:justify;
font-family:calibri;
transition:All 1s ease-in-out;
-webkit-transition:All 1s ease-in-out;
-moz-transition:All 1s ease-in-out;
-o-transition:All 1s ease-in-out;
transition-delay: 1s;
}
#bajan-container:hover .bajan-shipper {
margin-top:-190px;
}
.bajan-shipperfirst {
font-family: 'Kelly Slab', sans-serif;
text-transform:uppercase;
font-size:12px;
letter-spacing:1px;
color:#000;
text-align:center;
}
.bajan-shipperfirst b {
color:#00FFF9;
}
.bajan-namebox {
width:225px;
float:left;
height:200px;
margin-top:-250px;
margin-left:260px;
}
.bajan-firstname {
font-family: 'Kelly Slab', sans-serif;
text-align:right;
line-height:100%;
font-family: marvel
font-size:30px;
font-style:italic;
}
.bajan-lastname {
font-family: 'Kelly Slab', sans-serif;
text-align:right;
font-size:35px;
}
.bajan-lastname:first-letter {
border:1px solid #00FFF9;
padding:3px;
}
.bajan-para {
padding:5px;
height:355px;
overflow:auto;
font-family:calibri;
font-size:13px;
text-align:justify;
line-height:100%;
color:#000;
margin:auto;
width:200px;
border:1px solid #00FFF9;
}
.bajan-paracont {
width:190px;
height:345px;
margin:auto;
background-color:#fff;
padding:5px;
}
.merccredit { font-family:calibri; font-size:12px; text-transform:uppercase; letter-spacing:1px; color:#000; }
.merccredit a { color:#000; text-decoration:none; }</style>
<div id="bajan-container">
<div class="bajan-overlay">
<div class="bajan-firsttext">New Zealand</div>
<div class="bajan-shipper">
<div class="bajan-shipperfirst"><b>//</b> Привет, путник! </div>
<div class="bajan-para"><div class="bajan-paracont"><br /><br /><br />
Если ты вдруг осознал, что вокруг океан и твой айфон в панике просит откалибровать компас, то ты оказался именно здесь, в маленьком городке Крайсчёрч на Южном острове неизведанной Новой Зеландии. Кто-то приехал сюда в поисках впечатлений, кто-то любит экзотику, кто-то умудрился очутиться здесь по учебе, а кто-то гребет здесь немало бабла, организовав бизнес. Ты устал от крупных городов, грязного воздуха и бесконечного потока машин? Мы предлагаем тебе расслабиться вместе с нами, ведь от видов местной природы у тебя просто перехватит дыхание.
<br />
<br />
Присаживайся, мы начинаем!
</div></div>
</div>
<div class="bajan-namebox">
<div class="bajan-lastname">Christchurch</div><br /><br />
<div class="bajan-lastname">real life</div><br /><br />
<div class="bajan-lastname">2015</div>
</div>
</div>
</div>
<br />
<br />
<br />
<center><div style="font-size: 14px; line-height: 100%;"><b>✖ внешности придерживаются только при условии регистрации! ✖</b><br /><br />
<b>✖ ИЩЕМ ТАЛАНТЫ! ЕСЛИ ТЫ КРЕАТИВЕН, В ТЕБЕ КРИЧИТ САМОУВЕРЕННОСТЬ И РАЗИТ ШАРМОМ ЗА КИЛОМЕТР, ТО ТЕБЕ ПРЯМ К НАМ В АМС-СОСТАВ! ✖</b><br /><br />
</div></div><br /><br /></center>
<center><div style="width: 490px; padding: 10px; background: #fcffff; border: 1px solid #007fff; padding: 10px; border-radius: 20px 20px 20px 20px; text-align: center; font-family: bodoni; font-size: 10px; line-height: 80%;">
<table style="table-layout:fixed"><tr><td style="background-color:#91bdd8; width:50%"><p><span style="display: block; text-align: center"><span style="font-size: 13px"><span style="font-family: Georgia"><span style="color: #feffab"><b>УСАТЫЕ ЖЕНЩИНЫ</b></span></span></span></span></p></td>
<td style="background-color: #91bdd8; width:50%"><p><span style="display: block; text-align: center"><span style="font-size: 13px"><span style="font-family: Georgia"><span style="color: #feffab"><b>УСАТЫЕ МУЖЧИНЫ</b></span></span></span></span></p></td></tr>
<tr><td style="width:50%"><p><span style="display: block; text-align: center"><span style="font-size: 13px"><span style="font-family: Georgia"><span style="font-style: italic"><div class="scroll" style="overflow: scroll; overflow-y: scroll; overflow-x: hidden; height: 250px;"><center>
<center><div style="font-size: 14px; line-height: 100%;">
<b>amber heard</b> ✖ <i>aquamarine</i><br />
<b>astrid berges-frisbey</b> ✖ <i>paranoĭa</i><br />
<b>candice swanepoel</b> ✖ <i>кукушка</i><br />
<b>holland roden</b> ✖ <i>снегурочка</i><br />
<b>jennifer morrison</b> ✖ <i>emma</i><br />
<b>julia voth</b> ✖ <i>гонщица</i><br />
<b>kaya scodelario</b> ✖ <i>сидни</i><br />
<b>lily collins</b> ✖ <i>sherlock</i><br />
<b>lindsay ellingson</b> ✖ <i>Kamelia</i><br />
<b>monica bellucci</b> ✖ <i>за АМС</i><br />
<b>nina dobrev </b> ✖ <i>rio</i><br />
<b>phoebe tonkin</b> ✖ <i>шварц</i><br />
<b>taylor momsen</b> ✖ <i>ЗЛОтоуска</i><br />
<b>zoella (zoe sugg)</b> ✖ <i>тюлень</i><br />
</center></div>
</span></span></p></td>
<td style="width:50%"><p><span style="display: block; text-align: center"><div class="scroll" style="overflow: scroll; overflow-y: scroll; overflow-x: hidden; height: 250px;"><center>
<div style="font-size: 14px; line-height: 100%;">
<b>ben whishaw</b> ✖ <i>milk</i><br />
<b>colin farrell</b> ✖ <i>желтый</i><br />
<b>caleb landry jones</b> ✖ <i>snowflake#2</i><br />
<b>dylan o'brien</b> ✖ <i>skeleton</i><br />
<b>douglas booth</b> ✖ <i>J.Boy</i><br />
<b>johnny depp</b> ✖ <i>за АМС</i><br />
<b>jon kortajarena</b> ✖ <i>Luke</i><br />
<b>louis garrel</b> ✖ <i>ну очень просили</i><br />
<b>miles mcmillan</b> ✖ <i>дальнобойщик</i><br />
</td></tr></table>
</div></center>чтобы придержать внешность, заполните шаблон:
Код:
<b>внешность (анг.) маленькими буквами</b> ✖ <i>ваше имя</i><br />
