meggi meg

Объявление

Да можно подумать, что я горю желанием быть в его жизни. Я всегда верила, что подобное счастье тоже, знаете ли, нужно заслужить. В моей голове было ещё много подобных мыслей, но вот озвучивать их я что-то не решалась и это было удивительно. Обычно я не утруждала себя молчанием, стараясь сразу высказать собеседнику все, что я о нем думаю, не играя в дружелюбие, если и правда не испытывала его к человеку. Мама всегда отчитывала меня за мой язык без костей и мозги без фильтров, хотя довольно часто и сама грешила подобным. Я вообще была очень похожа на свою мать. Думать мне следовало как можно быстрее. Мужчина явно не был настроен на долгий разговор, да и ждать пока я взвешу все «за» и «против» не собирался, о чем, собственно, и сообщил, весьма раздражённым голосом. Ну конечно, чего уж тут думать, сам владелец фирмы предлагает мне, глупой девице, работу, а я тут ещё и раздумываю. Интересно, а ему могло прийти в голову, что это в принципе не работа мечты, вернее не моей мечты? читать полностью
- ты намекаешь на то что хочешь скриптонита?
- Мне нравится скриптонит хд
- я знаю хд ты любишь узкоглазых

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

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


Вы здесь » meggi meg » welcome » Тестовое сообщение


Тестовое сообщение

Сообщений 81 страница 120 из 147

81

[html]<div class="man"><img src="http://placehold.it/100" class="sing"></img>
<div class="me">
<div class="song">DATE/LYRICS/NOTES??</div></div>
<div class="youre">@TAG</div>
<div class="piano">

POST GOES HERE

</div></div>
<div class="autograph"><a href="http://cttw.jcink.net/index.php?showuser=8050" style= "text-decoration: none;">₭estrel §</a></div>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Cagliostro" /> <style type ="text/css">
/*These things are safe for editing~*/
.piano b{  color: #595959;  }
.piano:first-letter{ color: #595959; }
/*This everything else. Edit at own risk. O_O*/
.sing {  height: 100px;  width: 100px;  margin-left: 140px;  padding: -5px;  border: 5px solid #000;  background-color: #000;  border-radius: 50%;  background-size: contain;  }
.me {  width: 400px;  border-bottom: 5px solid #595959;  margin-top: -55px;  font-family: Cagliostro;  } 
.song {  color: #595959;  padding-left: 255px;  width: 100px;  font-size: 10px;  text-transform: uppercase;  }
.youre {  color: #000  margin-top:-5px;  text-transform: lowercase;  font-size: 25px;  padding-left: 5px;  font-family: Cagliostro;  letter-spacing: -3px;  font-style: italic; }
.piano{  font-family: arial narrow;  font-size: 11px;  padding: 20px;  margin: 10px;  text-align: justify;  background-color: #fff;  border: 1px dotted #d8d8d8; }
.piano b{  font-family: Cagliostro;  line-height: 98%;}
.piano:first-letter{ font-size: 26px; float:left; padding-right:5px; line-height: 100%; font-family: Cagliostro; }
.man {  width: 400px;   background-color:rgba(225,225,225,.2);  padding:5px;  margin: auto; }
.autograph {  font-size: 8px;  text-transform: uppercase;  font-family: arial;  text-align: center;  margin: auto;} </style>
[/html]

0

82

[html]
<link href='https://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css'><style type="text/css">
@font-face {
font-family: 'Intro'; font-weight: normal; font-style: normal;
src: url('http://nevermore.b1.jcink.com/uploads/nevermore/Intro.eot') format('eot'),
  url('http://nevermore.b1.jcink.com/uploads/nevermore/Intro.woff') format('woff'),
  url('http://nevermore.b1.jcink.com/uploads/nevermore/Intro.ttf')  format('truetype'),
  url('http://nevermore.b1.jcink.com/uploads/nevermore/Intro.svg#Intro') format('svg');
}

.resplendent { width: 350px; height: 550px; padding: 30px; border: 1px solid #fff;  background: -webkit-linear-gradient(#D3E2B6, #68B3AF); background: -o-linear-gradient(#D3E2B6, #68B3AF); background: -moz-linear-gradient(#D3E2B6, #68B3AF); linear-gradient(#D3E2B6, #68B3AF); }
.stupidly { width: 330px; height: 530px; background: #fff; padding: 10px; }
#control { width: 330px; height: 200px; overflow: hidden; position: relative; }
#control .control-hover { width: 330px; height: 200px; background: rgba(135, 189, 177, 0.6); position: relative; top: 200px; -moz-transition-duration: 1.5s;  -webkit-transition-duration: 1.5s;  -o-transition-duration: 1.5s; }
#control:hover .control-hover { top: 0px; -moz-transition-duration: 1.5s;  -webkit-transition-duration: 1.5s;  -o-transition-duration: 1.5s; }
#control .control-hover2 { width: 280px; height: 150px; background: #fff; position: relative; top: -500px; -moz-transition-duration: 1.5s;  -webkit-transition-duration: 1.5s;  -o-transition-duration: 1.5s; }
#control:hover .control-hover2 { top: -175px; -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -o-transition-delay: .5s;-moz-transition-duration: 1.5s;  -webkit-transition-duration: 1.5s;  -o-transition-duration: 1.5s;  } 
.heartbreaker { width: 330px; margin: 25px 0px -10px 0px; font-family: intro; font-size: 45px; color: #87BDB1; text-transform: uppercase; letter-spacing: 1px; }

.karmascroll::-webkit-scrollbar {width: 9px; background-color: #303030; border: 4px solid #fff; }
.karmascroll::-webkit-scrollbar-thumb { background: -webkit-linear-gradient(#D3E2B6, #68B3AF); background: -o-linear-gradient(#D3E2B6, #68B3AF); background: -moz-linear-gradient(#D3E2B6, #68B3AF); linear-gradient(#D3E2B6, #68B3AF); border: 2px solid #fff; }
.karmascroll::-webkit-scrollbar-track { width: 5px; background-color: #252525; border: 4px solid #fff; }

.lyricalbox { position: relative; top: 20px; width: 90px; height: 80px; border-right: 1px solid #252525; padding: 10px; overflow: hidden; }
.lyricaltxt { margin: 11px 0px 0px -5px; width: 90px; height: 90px; font-family: intro; color: #68B3AF; font-weight: 900; font-size: 10px; text-align: center; line-height: 12px; text-transform: lowercase; }
.infobox { width: 100px; height: 100px; margin-left: 5px; position: relative; top: 20px; }
.for { width: 50px; margin: 3px 0px 0px 30px; padding: 5px 0px; border-bottom: 1px solid #252525; font-family: 'Slabo 27px', serif; font-size: 10px; color: #252525; text-align: center; text-transform: uppercase; }
.words { width: 50px; margin: 5px 0px 0px 30px; padding: 5px 0px; border-bottom: 1px solid #252525; font-family: 'Slabo 27px', serif; font-size: 10px; color: #252525; text-align: center; text-transform: uppercase; }
.attire { width: 50px; margin: 5px 0px 0px 30px; padding: 5px 0px; border-bottom: 1px solid #252525; font-family: 'Slabo 27px', serif; font-size: 10px; color: #252525; text-align: center; text-transform: uppercase; }
.attire a { color: #252525; -moz-transition-duration: 1.5s;  -webkit-transition-duration: 1.5s;  -o-transition-duration: 1.5s; }
.attire a:hover { color: #68B3AF; -moz-transition-duration: 1.5s;  -webkit-transition-duration: 1.5s;  -o-transition-duration: 1.5s; }

.postbox { width: 330px; height: 250px; padding: 10px 0px; margin-top: -8px; }

.kbcred2 { width: 300px; text-align: right; font-family: courier; font-size: 7px; margin-top: -3px; }
.kbcred2 a { color: #252525; -moz-transition-duration: 1.5s;  -webkit-transition-duration: 1.5s;  -o-transition-duration: 1.5s; }
.kbcred2 a:hover { color: #68B3AF; text-decoration: none; -moz-transition-duration: 1.5s;  -webkit-transition-duration: 1.5s;  -o-transition-duration: 1.5s; }
</style>
<center>
<div class="resplendent"><div class="stupidly"><div id="control" style="background-image: url(http://placehold.it/330x200);"><div class="control-hover"></div><div class="control-hover2"><table><td>

<div class="lyricalbox"><div class="lyricaltxt">my heart could be yours, won't you make it your home?</div></div></td>

<td><div class="infobox"><div class="for">FOR NAME</div><div class="words">####</div><div class="attire"><a href="link">wearing</a></div></div></table>

</div></div>

<div class="heartbreaker">HEART BREAK</div><br><br>

<div class="postbox"><div style="width: 300px; height: 250px; line-height: 12px; font-family: 'Slabo 27px', serif; font-size: 10px; color: #252525; text-align: justify; padding: 0px 8px 0px 5px; overflow: auto;" class="karmascroll">

post goes here, it'll scroll!

</div> </div>

</div></div><div class="kbcred2">© KB</div></center>
[/html]

0

83

[html]<center><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>

<style type="text/css">

.personafiltr { width: 170px; height: 70px;}

.persona1 { width: 170px; height: 70px;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out; opacity: 0.0;
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; }

.persona1:hover { opacity: 1.0;
width: 170px; height: 70px;
background-color: #79bcb3;
padding: 0px;}

.persona2 { width: 170px; text-align: center;
font-family: 'Fjalla One', sans-serif; text-transform: lowercase;
color: #fff; font-weight: none;
font-size: 23px;
letter-spacing: -1px;
text-decoration: none;
padding-top: 20px; }
</style>

<tbody>
<div class="personafiltr">
<div style="background-image: url(

https://pp.userapi.com/c837422/v8374225 … .jpg?ava=1

);">

<div class="persona1">
<div class="persona2">

Someone

</div>

<div style="width: 70px;
border-top: 1px dotted #fff; margin-left: 0px;"></div>

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

</tbody>

</center>
[/html]

0

84

[html]<div class="container">
<div class="html-box">
<div style="    position: absolute;
    margin: -138px 0 0 154px;
    width: 186px;
    height: 74px;">

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

<style type="text/css">

.personafiltr { width: 150px; height: 150px;}

.persona1 { width: 150px; height: 150px;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out; opacity: 0.0;
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; }

.persona1:hover { opacity: 1.0; }

.persona2 { width: 150px; text-align: center;
font-family: 'Fjalla One', sans-serif; text-transform: lowercase;
color: #fff; font-weight: none;
font-size: 23px;
letter-spacing: -1px;
text-decoration: none;
padding-top: 20px; }

.persona3 { width: 140px; text-align: center;
text-align: justify;  font-family: georgia; 
text-transform: lowercase; color: #fff;
font-style: italic; font-size: 9px;
line-height: 100%; letter-spacing: 1px;
padding-top: 25px; }

</style>

<tbody>

<div class="personafiltr">
<div style="background-image: url(

https://c.mql5.com/31/236/pipsghost-log … 0-1518.png

);">

<div class="persona1">
<div style="width: 150px; height: 150px;
background-color: #79bcb3;
padding: 0px;">

<div class="persona2">

Someone

</div>

<div style="width: 70px;
border-top: 1px dotted #fff; margin-left: 0px;"></div>

<div class="persona3">

лучший на этой неделе передаст нам свой привет

</div>

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

</tbody>

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

[/html]

0

85

[html]<style>.ancbx{width:300px;margin:20px auto}.antcn{width:300px;height:70px;overflow:hidden;position:relative}.antcn .ttl,.antcn .ttl2{font-family:Montserrat,sans-serif;color:#fff;line-height:70px;text-align:center;text-transform:uppercase}.antcn .ttl{background:#000;font-size:22px}.antcn .ttl2{background:#F4A30D;font-size:15px;position:absolute;width:300px}.ancbx:hover>.antcn .ttl2{margin-top:-70px}.txtcn{padding:40px;font-size:10px;font-family:calibri;text-align:justify;background:#fff;border-bottom:10px solid #000}.ancbx:hover>.txtcn{border-bottom:10px solid #F4A30D}.trs{transition:.322s;-webkit-transition:.322s;-moz-transition:.322s;-o-transition:.322s;transition-timing-function:cubic-bezier(.31,.79,.57,.7);-webkit-transition-timing-function:cubic-bezier(.31,.79,.57,.7)}.crd{width:50px;display:block;margin:0 auto;text-align:center;text-decoration:none;color:#fff!important;font-family:calibri;font-size:8px;text-transform:uppercase;background:#000;}</style>

<link href="https://fonts.googleapis.com/css?family=Montserrat:900" rel="stylesheet">

<div class="ancbx">
<div class="antcn">
<div class="ttl">announcement</div>
<div class="ttl2 trs">about the doggos</div>
</div>
<div class="txtcn trs">TEXT TEXT TEXT TEXT</div>
</div><a href="http://cttw.jcink.net/index.php?showuser=15587" class="crd">hi im bacon</a>[/html]

0

86

[html]<style>
.fccnt{ height:auto;}
.vtr{ width:170px;height:60px;background-size:cover!important;background-repeat:no-repeat!important;position:relative;background-position:center center!important;z-index:2;}
.vtrnm,.vtrusnm{ width:170px;line-height:15px;color:#fff!important;font-size:10px;font-family:calibri;text-transform:uppercase;text-align:center}
.vtrnm{ background:#000}
.vtrusnm{ position:absolute;margin-top:-60px;text-decoration:none;transition:all ease .345s;-webkit-transition:all ease .345s;-moz-transition:all ease .345s;-ms-transition:all ease .345s;-o-transition:all ease .345s}
.fccnt:hover>.vtrnm{ margin-top:-30px}
.gr1{background:#AFBFE2}
.gr2{background:#F5AC3C}
.gr3{background:#D68296}
</style>

<div class="fccnt">

<div class="vtr" style="background:url(https://placehold.it/150x60);"></div>
<div class="vtrnm"><span>the face goes here</span></div><a href="#" class="vtrusnm gr1">first last</a><br>

<div class="vtr" style="background:url(https://placehold.it/150x60);"></div>
<div class="vtrnm"><span>the face goes here</span></div><a href="#" class="vtrusnm gr2">first last</a><br>

<div class="vtr" style="background:url(https://placehold.it/150x60);"></div>
<div class="vtrnm"><span>the face goes here</span></div><a href="#" class="vtrusnm gr3">first last</a>

</div>
[/html]

0

87

[html]<head><style>.container {  position: relative;  width: 50%;}.image {  display: block;}.overlay {  position: absolute; bottom: 100%; left: 0;  right: 0;  background-color: #ffffff;  overflow: hidden;  width: 150px;  height:0; transition: .5s ease;}.container:hover .overlay {  bottom: 0;  height: 100%;}.text {  white-space: nowrap;   color: white;  font-size: 15px;  position: absolute;  overflow: hidden;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}</style></head>

<body><table background="" cellspacing="10px"><tr>

<td><div class="container"><img src="http://placehold.it/150x50" alt="Avatar" class="image"><div class="overlay"><div class="text"><a href="CHARACTER URL">NAME</a></div></div></div> </td>

<td><div class="container"><img src="http://placehold.it/150x50" alt="Avatar" class="image"><div class="overlay"><div class="text"><a href="CHARACTER URL">NAME</a></div></div></div> </td>

<td><div class="container"><img src="http://placehold.it/150x50" alt="Avatar" class="image"><div class="overlay"><div class="text"><a href="CHARACTER URL">NAME</a></div></div></div> </td></tr>

<tr><td><div class="container"><img src="http://placehold.it/150x50" alt="Avatar" class="image"><div class="overlay"><div class="text"><a href="CHARACTER URL">NAME</a></div></div></div> </td>

<td><center><font size=1><a href="USER PROFILE URL">USERNAME</a> | USERGROUP</font></center></td>

<td><div class="container"><img src="http://placehold.it/150x50" alt="Avatar" class="image"><div class="overlay"><div class="text"><a href="CHARACTER URL">NAME</a></div></div></div> </td></tr>

<tr><td><div class="container"><img src="http://placehold.it/150x50" alt="Avatar" class="image"><div class="overlay"><div class="text"><a href="CHARACTER URL">NAME</a></div></div></div> </td>

<td><div class="container"><img src="http://placehold.it/150x50" alt="Avatar" class="image"><div class="overlay"><div class="text"><a href="CHARACTER URL">NAME</a></div></div></div></td>

<td> <div class="container"><img src="http://placehold.it/150x50" alt="Avatar" class="image"><div class="overlay"><div class="text"><a href="CHARACTER URL">NAME</a></div></div></div> </td></tr></table>
<a href="http://cttw.jcink.net/index.php?showuser=787"><div style="width: 500px;" align="right">runie&hearts;</a></div></body>
[/html]

0

88

[html]<center>
<div class="jsig" style="background-image:URL(http://placehold.it/450x300);">
<div class="jsigimg"><img src="
http://placehold.it/100x100
"></div>
<div class="jsigblack">
<div class="jsigtitle">name surname</div>
<div class="jsigsub"><a href="/">возраст</a> <a href="/">дата рождения</a> <a href="/">внешность на англ</a></div> </div>
<div class="jsigorange">
<div class="jsigback"></div>
<div class="jsigtext"> я родилась в небольшом городке австралии, которому, наверное, больше подойдет слово "поселок". я не знаю, какими ветрами занесло туда мою мать. видимо, она и сама не понимала, на кой черт там ошивается, поэтому, когда на горизонте замаячил перспективный брак, а ребенок был тому помехой, я была отправлена на пмж к бабуле в брисбен, где проживаю до сих пор.<br>
моя жизнь не была похожа на волшебную сказку, в которой добрая бабуленька балует свою единственную внучку. моя бабушка была достаточно строгим, прагматичным человеком старой закалки. в ее доме мне не разрешалось... да практически все. надо ли говорить, что брошенная матерью и недолюбленая бабушкой я была достаточно необщительным ребенком в школе? из друзей у меня был лишь старшеклассник исая, которому нравилось, когда его зовут ясу. Он был старше меня и, в какой-то момент стал относится ко мне, будто, к младшей сестре. Так продолжается до сих пор и я искренне рада этому. <br>
я совершенно не заметила, в какой-такой прекрасный момент моя жизнь изменилась кардинально: случилось ли это со смертью бабушки или же чуть позже, когда ясу решил познакомить меня со своими друзьями и я, впервые увидев рена, окончательно и бесповоротно потеряла от него голову... год, в котором мне исполнилось семнадцать был незабываемым.<br>
наш роман случился, будто, внезапно, но, наверное, все это было весьма ожидаемо для тех, кто был с нами знаком. я не лезла к нему, предпочитая оставаться в стороне, но мои восхищенный взгляды было трудно не заметить. прошло не мало времени, прежде чем одним осенним вечером он поцеловал меня и совсем мало прошло после этого, прежде чем мы начали жить вместе. эти отношения изменили меня. он подарил мне смысл жизни, уверив в том, что я пишу красивую музыку, пообещав, что однажды, я обязательно прославлюсь своими песнями. но так же неожиданно, как рен украл меня у себя же, он сообщил о своих намерениях переехать в столицу для того, что бы выйти на новый уровень своей музыкальной карьеры. это случилось постфактум, когда вопрос с отъездом был решен и, разве могла я согласиться поехать с ним после того, как он попытался все решить за нас двоих? мы были вместе три года и столько же я слежу за его успехами через интернет <br>
продав бабулин дом сразу после ее смерти, я вложила вырученные деньги в свое обучение и теперь, решив, что готова, я собираюсь покорить мир шоубизнесса так же, как когда-то это сделал рен. и не пытайтесь позволить мне обмануть вас, когда я начну вас уверять, будто бы все, что я делаю ради этого, ни в коем разе не касается шермана...
</div></div></div></center>
<link href="https://fonts.googleapis.com/css?family=Rajdhani:300,700" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300" rel="stylesheet">
<style type="text/css">
.jsig { width:450px; height:300px; overflow:hidden; position:relative; line-height: 12px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
.jsigimg { border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; border:10px solid white; width:100px; height:100px; overflow:hidden; position:absolute; left:30px; top:40px; z-index:2; transform:scale(0,0); -webkit-transform:scale(0,0); -moz-transform:scale(0,0); transition:.5s;  -webkit-transition:.5s; }
.jsig:hover .jsigimg { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); transition:.5s; -webkit-transition:.5s;  }
.jsigimg img { position:relative; }
.jsigblack { width:450px; height:100px; background-color:#000; position:absolute; top:0px; left:450px; right:0px; transition:.5s; -webkit-transition:.5s; }
.jsig:hover .jsigblack { left:0px; transition:.5s; -webkit-transition:.5s; }
.jsigtitle { font-family:rajdhani; font-weight:300; color:#fff; font-size:35px; text-transform:uppercase; position:relative; top:40px; left:150px; text-align:left; line-height:20px;  }
.jsigsub { line-height:20px; font-family:rajdhani; font-size:7px; letter-spacing:1px; font-weight:700; text-transform:uppercase; color:#000; text-align:left; position:relative; left:170px; top:45px; }
.jsigsub a { background-color:#fff; padding:3px; margin-right:3px; text-decoration:none; color:#000; }
.jsigorange { width:450px; height:200px; position:absolute; bottom:0px; right:450px; transition:.5s; background: #ea9e60; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea9e60', endColorstr='#ec6b00',GradientType=0 ); }
.jsig:hover .jsigorange { right:0px; }
.jsigtext::-webkit-scrollbar { width: 1px; transition:.5s; -webkit-transition:.5s; }
.jsigsub a:hover { background-color:#ea9e60; color:#fff; transition:.5s; -webkit-transition:.5s; }
.jsigback { position:absolute; bottom:20px; left:150px; width:270px; height:170px; background-color:#000; opacity:.1; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
.jsigtext { width:250px; height:155px; text-align:justify; padding-right:4px; overflow:auto; color:#fff; font-size:9px; position:absolute; bottom:27px; left:160px; }
.jsigtext::-webkit-scrollbar-track { background-color:#fff; }
.jsigtext::-webkit-scrollbar-thumb { border: none; background-color:#000; }
</style>
[/html]

0

89

[html]

<link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Cousine:400,400i,700,700i" rel="stylesheet"> <style>
#atomic {height: 200px; width: 500px; margin: auto; position: relative; overflow: hidden}
#atomic-img {height: 200px; width: 500px; position: absolute; background-image: url(http://placehold.it/500x200)}
#atomic-bg {width: 500px; height: 200px; background: rgba(0,0,0,0.5); position: absolute; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); opacity: 0; -webkit-transition: 0.5s ease} #atomic:hover #atomic-bg {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); opacity: 1}

#atomic-txt1, #atomic-txt2 {width: 500px; height: 200px; position: absolute; text-align: center; line-height: 200px; background: none; font-family: archivo black; text-transform: uppercase; font-size: 55px; letter-spacing: -4px; top: 0; -webkit-transition: 0.35s ease; -moz-transition: 0.35s; -ms-transition: 0.35s; -o-transition: 0.35s}
#atomic-txt1 {color: #FC667A; background: none; -webkit-clip-path: polygon(0 0, 100% 0, 100% 52%, 0 69%); clip-path: polygon(0 0, 100% 0, 100% 43%, 0 58%); top: -10px; } #atomic-txt2 {color: #E1C267; -webkit-clip-path: polygon(0 29%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 58%, 100% 43%, 100% 100%, 0% 100%); top: 10px}

#atomic:hover
#atomic-txt1 {top: -1.5px}

#atomic:hover #atomic-txt2 {top: 1.5px} #atomic-arrow1, #atomic-arrow2 {width: 2px; height: 50px; background: #AAF0DD; position: absolute; -webkit-transform: rotate(-4deg); -moz-transform: rotate(4deg); -ms-transform: rotate(4deg); -o-transform: rotate(4deg);} #atomic-arrow1 {top: 110px; left: 85px}

#atomic-arrow1::after {background: #AAF0DD; content: ""; display: inline-block; height: 50px; width: 2px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); position: relative; left: 25px; top: 25px} #atomic-arrow2 {right: 85px; bottom: 110px;}

#atomic-arrow2::after {background: #AAF0DD; content: ""; display: inline-block; height: 50px; width: 2px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); position: relative; left: -25px; top: -25px}

#atomic-links1, #atomic-links2 {height: 20px; width: 265px; background: none; font-family: cousine; -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); text-transform: uppercase; line-height: 20px; font-size: 9px; font-weight: 700; letter-spacing: 0.5px; position: absolute} #atomic-links1,

#atomic-links1 a, #atomic-links1 a:hover {text-align: right; color: #E1C267; text-decoration: none; right: 155px; top: 42px} #atomic-links2, #atomic-links2 a, #atomic-links2 a:hover {text-align: left; color: #DE6868; text-decoration: none; left: 155px; bottom: 42px} </style>

<div id="atomic"> <div id="atomic-img"></div> <div id="atomic-bg">
<div id="atomic-txt1">atomic</div>
<div id="atomic-txt2">atomic</div> <div id="atomic-arrow1"></div> <div id="atomic-arrow2"></div> <div id="atomic-links1">link 1 - link 2 - <a href="http://cttw.jcink.net/index.php?showuser=14057">liv @ cttw</a></div> <div id="atomic-links2">link 1 - link 2</div> </div> </div>
[/html]

0

90

[html]
<link href='https://fonts.googleapis.com/css?family=Rajdhani' rel='stylesheet' type='text/css'>
<style/type="text/css">
#multichar {width: 500px; height: 500px; position: relative; auto;  overflow: hidden;}
#multichar .himom {position: absolute;  left: 0px; bottom: 0px; width:500px; height: 500px;  -webkit-transition: 3s all ease-in-out; -moz-transition: 3s all ease-in-out; o-transition: 3s all ease-in-out;}
#multichar:hover .himom {-webkit-transition: 3s all ease-in-out; -moz-transition: 3s all ease-in-out; o-transition: 3s all ease-in-out; left: -500px;}
#summarybox { width:300px; background-color:#fff; font-family:arial; font-size:8; padding:7px;  color:#000;position:relative; top:350px; left:0px; }
.simba {width: 180px;font: 13px 'rajdhani';color:#fff;letter-spacing:0px; text-transform: uppercase; line-height: 100%;padding:5px;background-color:#4c4c4c;}
.nala {width: 250px;height:100px;overflow:auto;font-family:arial;font-size:10px;color:#000; text-align: justify; line-height: 100%;padding-top:5px;}
.timon {width: 450px; height: 500px; padding: 0px;  font-family: calibri; text-align: justify; font-size: 10px; overflow: auto;padding:10px}
.pumba {width: 186px; text-align: justify; font-family: georgia; font-size:9px;  color:#000;text-transform:lowercase;overflow: auto;padding-left:5px; padding-right: 5px;}
.scar {width: 150px;font:12px 'rajdhani';color:#fff;letter-spacing:0px; text-align: center; text-transform: uppercase; line-height: 100%;padding:5px;background-color:#4c4c4c;font-weight:bold;}
.mufasa {width: 180px;font:8px 'rajdhani';color:#666666;letter-spacing:2px; text-align: center; text-transform: uppercase; line-height: 100%; padding-top:10px;}
.zazu {width:200px; height:150px;  border-bottom: 20px#cc6666;overflow: auto;overflow-x:hidden;}
.hyenas {width: 150px;font-family:arial;font-size:10px;color:#666666;text-align:justify;  line-height: 100%;padding:20px;}
.style1 { width:500px; height:500px; background-image:URL(http://placehold.it/500x500); }
.multi1 { �width: 200px; height: 150px; transition-duration: 0.5s; �-moz-transition-duration: 0.5s; �-webkit-transition-duration: 0.5s; �-o-transition-duration: 0.5s; opacity: 0; }
.multi1:hover {opacity: 1;}
.multi2 { width: 200px; height:150px; background-color: #fff; �font-family: arial; font-size: 9px; text-align: justify; line-height: 100%; color: #000; }
</style>

<center><div id="multichar"><div class="himom"><div class="style1"><div id="summarybox"><div class="simba"><b>overview of plot</b></div>
<div class="nala">a few sentences to sum up the plot/ideas you have! reel those guests in ok make it super fly a few sentences to sum up the plot/ideas you have! reel those guests in ok make it super fly a few sentences to sum up the plot/ideas you have! reel those guests in ok make it super fly a few sentences to sum up the plot/ideas you have! reel those guests in ok make it super fly a few sentences to sum up the plot/ideas you have! reel those guests in ok make it super fly</div></div></div></div><div class="timon"><blockquote>

<table><tr><td style="width: 400px; line-height: 90%; text-align: justify">

<div style="width:200px;background-color:#fff;">
<div style="width: 200px; height: 150px; background-image: url(http://placehold.it/200x150);">
<div class="multi1">
<div class="multi2">
<div class="ok"><div class="zazu"><BR>
<div class="pumba">
<center><div class="scar">CHARACTER NAME</div><div class="mufasa">AGE, MEMBER GROUP, <br>
JOB, PLAYBY</div></center><div class="hyenas">lalala</div></div><P>

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


</td><td>
<div style="width:200px;background-color:#fff;">
<div style="width: 200px; height: 150px; background-image: url(http://placehold.it/200x150);">
<div class="multi1">
<div class="multi2">
<div class="ok"><div class="zazu"><BR>
<div class="pumba">
<center><div class="scar">CHARACTER NAME</div><div class="mufasa">AGE, MEMBER GROUP, <br>
JOB, PLAYBY</div></center><div class="hyenas">lalala</div></div><p>

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

</td></tr><tr><td><div style="width:200px;background-color:#fff;">
<div style="width: 200px; height: 150px; background-image: url(http://placehold.it/200x150);">
<div class="multi1">
<div class="multi2">
<div class="ok"><div class="zazu"><BR>
<div class="pumba">
<center><div class="scar">CHARACTER NAME</div><div class="mufasa">AGE, MEMBER GROUP, <br>
JOB, PLAYBY</div></center><div class="hyenas">lalala</div></div><P>

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


</td><td>
<div style="width:200px;background-color:#fff;">
<div style="width: 200px; height: 150px; background-image: url(http://placehold.it/200x150);">
<div class="multi1">
<div class="multi2">
<div class="ok"><div class="zazu"><BR>
<div class="pumba">
<center><div class="scar">CHARACTER NAME</div><div class="mufasa">AGE, MEMBER GROUP, <br>
JOB, PLAYBY</div></center><div class="hyenas">lalala</div></div><P>

</div>
</div>
</div>
</div>
</div>
</td></tr><tr><td>

<div style="width:200px;background-color:#fff;">
<div style="width: 200px; height: 150px; background-image: url(http://placehold.it/200x150);">
<div class="multi1">
<div class="multi2">
<div class="ok"><div class="zazu"><BR>
<div class="pumba">
<center><div class="scar">CHARACTER NAME</div><div class="mufasa">AGE, MEMBER GROUP, <br>
JOB, PLAYBY</div></center><div class="hyenas">lalal</div></div><P>

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


</td><td>
<div style="width:200px;background-color:#fff;">
<div style="width: 200px; height: 150px; background-image: url(http://placehold.it/200x150);">
<div class="multi1">
<div class="multi2">
<div class="ok"><div class="zazu"><BR>
<div class="pumba">
<center><div class="scar">CHARACTER NAME</div><div class="mufasa">AGE, MEMBER GROUP, <br>
JOB, PLAYBY</div></center><div class="hyenas">llaala</div></div><P>

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

</td></tr></table>
</div>
</center><div style="width:500px;text-align:right;font-family:economica; font-size:8px;letter-spacing:2px;"><a href="http://cttw.jcink.net/index.php?showuser=7785">♥</a></div>
<br><br>
[/html]

0

91

[html]
<style>
#fluoresce {height: 320px; width: 460px; position: relative; overflow: hidden; border: 10px solid #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background: url(http://i.imgur.com/qG4Q3og.png)}
.fluoresce1a {height: 15px; line-height: 15px; font-family: arial; background: white; color: black; width: 200px; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); position: absolute; font-size: 10px; text-transform: uppercase; letter-spacing: 3px;}
.fluoresce1a:nth-child(2) {top: 192px; left: 180px}
#fluoresce .fluoresce1a:nth-child(1) {left: 90px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 105px;}
#fluoresce:hover .fluoresce1a:nth-child(1) {left: -200px; top: 140px; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;}
#fluoresce .fluoresce1a:nth-child(2) {left: 180px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 192px;}
#fluoresce:hover .fluoresce1a:nth-child(2) {left: 460px; top: 152px; -webkit-transition: 0.7s ease-in-out}
.fluoresce1b {font-family: fjalla one; text-transform: uppercase; position: absolute; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); font-size: 40px; position: absolute;}
.fluoresce1b:nth-child(3) {color: #FF3DDC;  left: 100px}
.fluoresce1b:nth-child(4) {color: #FAFF3D; left: 160px}
#fluoresce .fluoresce1b:nth-child(3) {top: 134px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b:nth-child(3) {top: -78px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
#fluoresce .fluoresce1b:nth-child(4) {top: 165px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b:nth-child(4) {top: 345px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
.fluoresce2a {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; left: 10px; overflow: hidden; }
.fluoresce2b {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; right: 10px; overflow: hidden}
.fluoresce3 {height: 270px; width: 185px; padding: 0px 5px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; background: white; text-align: justify; font-family: arial; font-size: 11px; line-height: 13px; overflow: auto }
.fluoresce3::-webkit-scrollbar {width: 4px;}
.fluoresce3::-webkit-scrollbar-thumb {background: white; border: 1px solid #FF3DDC}
.fluoresce3::-webkit-scrollbar-track {background: #FF3DDC; border: 1px solid #fff}
.fluoresce2a .fluoresce3 b, .fluoresce2b .fluoresce3 b {font-family: fjalla one; color: #FF3DDC; font-size: 14px}
.fluoresce4 {height: 280px; width: 195px; position: absolute; top: 0px; background-size: auto 280px; background-positon: center}
.fluoresce2a .fluoresce4, .fluoresce2b .fluoresce4 {top: 0px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce2a:hover .fluoresce4, .fluoresce2b:hover .fluoresce4 {top: -280px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce5a {font-family: fjalla one; color: #fff; text-transform: uppercase; position: absolute; padding-bottom: 3px; width: 80%; left: 10%; text-align: center; bottom: 40px; border-bottom: 1px dotted #fff; font-size: 17px}
.fluoresce5b {height: 25px; background: transparent; position: absolute; bottom: 10px; width: 80%; left: 10%; padding-top: 5px; font-family: arial; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 9px; font-size: 8px}

#fluoresce .fluoresce2a {left: -220px; -webkit-transition: 1s ease}
#fluoresce .fluoresce2b {right: -220px; -webkit-transition: 1s ease}
#fluoresce:hover .fluoresce2a {left: 10px; -webkit-transition: 1s ease 1s}
#fluoresce:hover .fluoresce2b {right: 10px; -webkit-transition: 1s ease 1s }

</style>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One|Lato:400,700' rel='stylesheet' type='text/css'><center>
<div id="fluoresce">
   <div class="fluoresce1a">a want ad for</div>
       <div class="fluoresce1a">best friends</div>

   <div class="fluoresce1b">fluoresecent</div>
       <div class="fluoresce1b">adolescent</div>
       <div class="fluoresce2a">
       <div class="fluoresce4" style="background-image: url(195X280 IMG HERE BUT OTHER IMGS WILL RESIZE)">
        <div class="fluoresce5a">first m. last</div>
           <div class="fluoresce5b">age - occupation - trait</div>
       </div>
         <div class="fluoresce3"><p>POST GOES HERE</div>
       </div>
       <div class="fluoresce2b">
         <div class="fluoresce4" style="background-image:url(195X280 IMG HERE, BUT OTHER IMGS WILL RESIZE)">
           <div class="fluoresce5a">first m. last</div>
           <div class="fluoresce5b">age - occupation - trait</div>
         </div>
    <div class="fluoresce3">POST GOES HERE</div>

       </div>

</div>
<a href="http://cttw.jcink.net/index.php?showuser=1604"><div style="text-align: right; width: 470px; font-family: arial; font-size: 8px; letter-spacing: 1px; color: #000; text-decoration: none; text-transform: uppercase">holly at caution</a>
</center>
[/html]

0

92

[html]<link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
<style class="cp-pen-styles">
.rudy-t {
margin: 0 auto;
padding: 10px;
width: 500px;
height: auto;
background: #ccc;
font-family: muli;
font-size: 11px;
line-height: 11px;
border: 10px solid #36624c;
}

.rudy-t img {
max-width: 30%;
box-sizing: border-box;
margin-right: 10px;
margin-left: -30px;
float: left;
-webkit-clip-path: url(#delta);
clip-path: url(#delta);
-webkit-shape-outside: polygon(34% 0, 34% 100%, 100% 54%);
shape-outside: polygon(34% 0, 34% 100%, 100% 54%);
}

svg#svgpath {
width: 0;
height: 0;
}

.rudy-t h1 {
font-family: playfair display;
color: #4d8b6c;
text-align: center;
text-transform: lowercase;
font-style: italic;
font-size: 30px;
font-weight: lighter;
}

.rudy-t .bottom {
background: #4d8b6c;
margin-bottom: -10px;
margin-left: -10px;
width: 510px;
padding: 5px;
text-align: center;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
color: #ccc;
}
</style>

<div class="rudy-t">
<h1>It's hard to tell who's who these days</h1>
<img src="http://i.imgur.com/5K3Fn7m.gif" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla iaculis sagittis massa et condimentum. Suspendisse vulputate eleifend massa, non dignissim orci sagittis in. Aliquam erat volutpat. Donec vehicula, lorem quis maximus tristique, nibh mauris vehicula nulla, nec viverra mauris nisl ac tellus. Donec ac ullamcorper dolor. Suspendisse lacinia consectetur eros, eu consectetur felis scelerisque ac. Suspendisse dignissim nisi id tristique faucibus. Nam interdum hendrerit augue euismod euismod. Phasellus ultricies condimentum enim, sed laoreet ex sollicitudin nec. Ut sed vulputate lectus, vel ultricies tellus. Vestibulum ac elit nec diam laoreet viverra a ac purus. Praesent lobortis mauris vitae lacinia mattis. Morbi molestie tempus orci, vel blandit nulla viverra in. Maecenas ullamcorper diam lectus, sit amet sodales lorem sagittis ut. Donec commodo, magna sed rhoncus convallis, nibh risus eleifend nisi, fringilla tincidunt ante odio sed urna. Sed ac molestie lectus.</p>

<p>Integer sollicitudin justo at elit posuere pulvinar. Donec pulvinar augue quis nunc mattis mattis. Nam eleifend dui at nisl dictum semper. Nulla eu dui a massa luctus laoreet. Praesent tellus dolor, condimentum eget vestibulum vel, varius non arcu. Curabitur mi sapien, elementum vitae arcu vel, suscipit cursus orci. Integer faucibus nisl quis auctor eleifend. Sed nisi ipsum, interdum vel ipsum id, ultricies commodo felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>

<p>Donec quis elementum risus, eu ultrices risus. Ut id semper felis, dapibus fringilla est. Nam euismod imperdiet massa, eget commodo libero blandit auctor. Ut pretium venenatis dapibus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas scelerisque semper ante sit amet bibendum. Nam a hendrerit urna, id efficitur nunc.</p>

<p>Duis hendrerit velit est, mollis dictum dui pulvinar sit amet. Ut egestas tortor ex, in lobortis lectus pharetra faucibus. Mauris euismod dui in nulla placerat tincidunt. Donec a gravida eros. Duis finibus tortor nec lorem gravida interdum. Cras interdum lacinia velit, eu dapibus ante viverra eu. Suspendisse potenti.</p>

<svg id="svgpath">
<defs>
<clipPath id="delta" clipPathUnits="objectBoundingBox">
<polygon points=".24,0 .24,1 1,.54" />
</clipPath>
</defs>
</svg>

<div class="bottom">
tags | words | notes
</div>
</div>[/html]

0

93

[html]
<link href="https://fonts.googleapis.com/css?family=Raleway|Libre+Franklin" rel="stylesheet">
<style>

#sealegs { box-shadow: 1px 2px 3px #ddd;position: relative; margin: 20px auto 3px; width: 450px; height: 600px; background: white; outline: 1px solid #ddd; }
.slonebox { width: 100px; height: 600px; position: absolute; right: 0px; top: 0px; background: white; border-left: 1px solid #ddd; }
.slicon { height: 60px; width: 60px; background-size: cover; outline: 1px solid #ddd; position: absolute; right: 20px; top: 60px; }
.slquote { width: 430px; height: 40px; background: white; position: relative; transform: rotate(90deg); -webkit-transform: rotate(90deg); top: 330px; left: -175px; }
.slquote line { display: block; height: 1px; width: 90px; position: absolute; background: #aaa; top: 39px; }
.slquote text { font-family: raleway; color: #aaa; text-transform: uppercase; font-size: 9px; position: absolute; left: 105px; top:32px; letter-spacing: 1.5px; display: block; }
#sealegs maintext { color: #777; display: block;position: absolute; height: 450px; width: 190px; background: white; top: 75px; left: 75px; padding-right: 10px; overflow: auto; font-family: libre franklin;  line-height: 150%; font-size: 11px; text-align: justify; }
#sealegs maintext::-webkit-scrollbar { width: 1px; } #sealegs maintext::-webkit-scrollbar-track { background: none!important; border: none !important; } #sealegs maintext::-webkit-scrollbar-thumb { background: #aaa !important; border: none !important; }
#sealegs b { background: #ddd; font-weight: 400; }

</style>
<div id="sealegs">
<div class="slonebox">
   <div class="slicon" style="background-image: url(https://placehold.it/100)"></div>
<div class="slquote">
   <line></line>
   <text>a few lyrics </text>
</div>
</div>
<maintext>
   
   Text here
   
</maintext>
</div>
[/html]

0

94

[html]

<div id="f2-apprep">
<div class="f2-rep-ttl">accepted</div> 
<sub>congratulations!</sub> 

<div class="f2-rep-txt">
Welcome to <b>Site name here!</b>
<P></P>
Before you get started, don't forget to fill out our <a href='#'>face claim</a> and <a href='#'>member directory</a>, and while you're at it, you should post an <a href='#'>introduction</a> too!  Congratulations and we look forward to seeing you around the site!
<P>
<b>-- love, the staff</b>
</div>

<fin></fin>
</div>

[/html]

0

95

[html]<style>
.ancbx{width:200px;}
.antcn{width:200px;height:20px;overflow:hidden;position:relative}
.antcn .ttl,.antcn .ttl2{font-family:Montserrat,sans-serif;color:#fff;line-height:20px;text-align:center;text-transform:uppercase}
.antcn .ttl{background:#000;font-size:10px}
.antcn .ttl2{background:#F4A30D;font-size:10px;position:absolute;width:200px}
.ancbx:hover>.antcn .ttl2{margin-top:-20px}
.trs{transition:.322s;-webkit-transition:.322s;-moz-transition:.322s;-o-transition:.322s;transition-timing-function:cubic-bezier(.31,.79,.57,.7);-webkit-transition-timing-function:cubic-bezier(.31,.79,.57,.7)}
</style>

<link href="https://fonts.googleapis.com/css?family=Montserrat:900" rel="stylesheet">

<div class="ancbx">
<div class="antcn">
<div class="ttl">уровень</div>
<div class="ttl2 trs">начинающий блогер</div>
</div>
</div>[/html]

0

96

[html]
<style>

#indoraptor {
margin:0 auto;
width:450px;
height:300px;
background:#222222;
border-top:5px solid #ABDB25;
}

.indorav {
width:100%;
height:150px;
overflow:hidden;
position:relative;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

.indorav img {
width:100%;
}

.indornotes {
width:450px;
height:20px;
background:rgba(0,0,0,.6);
color:#ffffff;
position:relative;
top:-160px;
opacity:0;
font:10px 'Alegreya';
text-transform:uppercase;
text-align:center;
padding:70px 0px;
transition-duration: 0.5s; 
-moz-transition-duration: 0.5s; 
-webkit-transition-duration: 0.5s; 
-o-transition-duration: 0.5s;
}

.indornotes:hover {opacity:1;}

.indormid {
margin:40px 20px 0px 20px;
height:450px;
width:200px;
background:#222222;
border-bottom:40px solid #222222;
box-shadow:0px 2px 0px #ABDB25;
}

.indortext {
width:320px;
padding: 10px 10px 10px 10px;
font:normal 11px Alegreya;
color:#CCCCCC;
overflow:auto;
}

.indortext::-webkit-scrollbar {width:5px; background-color: #ffffff;}
.indortext::-webkit-scrollbar-track {background:#333333; border:2px solid #222222;}
.indortext::-webkit-scrollbar-thumb {background:#222222; border:1px solid #333333;}

.indortag {
height:28px;
width:450px;
padding-top:12px;
background:#222222;
border-radius:17px;
border:2px solid #ABDB25;
text-align:center;
text-transform:uppercase;
font:700 10px/10px 'Lato', sans-serif;
position:relative;
top: 20px;
left:56px;
overflow:auto;
}

.indortag::-webkit-scrollbar {display:none;}

</style>

<div id="indoraptor">
<div class="indorav">
<img src="https://placehold.it/300x160">
<div class="indornotes"><b>words</b> : ### | <b>notes</b> : short notes here</div>
</div>

<div class="indormid">
<div class="indortext">
ссылка<br>
ссылка
<p></p>
ссылка<br>
ссылка
ссылка<br>
ссылка
<p></p>
ссылка<br>
ссылка
ссылка<br>
ссылка
<p></p>
ссылка<br>
ссылка
ссылка<br>
ссылка
<p></p>
ссылка<br>
ссылка
ссылка<br>
ссылка
<p></p>
ссылка<br>
ссылка
<p></p>
ссылка<br>
ссылка
</div>
</div>

<div class="indortag">
<div style="color:#cccccc;">
Tag: albus dumbledore
</div>
</div>
</div>
[/html]

0

97

[html]<style>
.about2::-webkit-scrollbar {width: 0px; background: transparent;}

.about {width: 200px; height: 200px}
.about1 {position: absolute; font-size: 30px; margin: 0 0 0 -50px; color:#fff; font-family: Parisienne; opacity: 0; -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg);} .about:hover .about1{transition: 1s ease;opacity: 1; margin: 10px 0 0 50px} .about:not(:hover) .about1{transition: 1s ease;}
.about2 {width: 180px; height: 100px; opacity: 0; position: absolute; font-size: 9px; align:justify; margin: 40px 0 0 20px; color:#fff; font-family: Arial; background-color: #94385c; border-radius: 3px; overflow-y: auto; padding: 5px;text-transform: uppercase; } .about:hover .about2{transition: 1s ease;opacity: 1; margin: 60px 0px 0 5px} .about:not(:hover) .about2{transition: 1s ease;}
</style>

<div class="about" style="background-image:url(http://funkyimg.com/i/2PazH.png);"><div class="about1" >Europe </div>
<div class="about2" >Текст Евиного описания города Текст Евиного описания города  Текст Евиного описания города  Текст Евиного описания города  Текст Евиного описания города  Текст Евиного описания города Текст Евиного описания города Текст Евиного описания города Текст Евиного описания города Текст Евиного описания города Текст Евиного описания города Текст Евиного описания города </div>
</div>
[/html]

0

98

https://i.imgur.com/nEmalIR.gif  http://s8.uplds.ru/isayx.gif

0

99

[html]<style>
.vlist1::-webkit-scrollbar {width:2px;}
.vlist {width: 563px; height:140px; background: url(http://funkyimg.com/i/2Pc9C.png);}
.vlist1 {width: 500px; height:140px; overflow-x: scroll; position: absolute; margin: 5px 0 0 220px;}

</style>

<div class="vlist"><div class="vlist1">

<iframe width="auto" height="130" src="https://www.youtube.com/embed/ziQrzLR86MM?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br><br>

<iframe width="auto" height="135" src="https://www.youtube.com/embed/ziQrzLR86MM?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<iframe width="auto" height="135" src="https://www.youtube.com/embed/ziQrzLR86MM?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<iframe width="auto" height="135" src="https://www.youtube.com/embed/ziQrzLR86MM?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<iframe width="auto" height="135" src="https://www.youtube.com/embed/ziQrzLR86MM?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

</div>[/html]

0

100

[html]<style>
.goss {width: 190px; height: 320px; background-image:url(http://funkyimg.com/i/2PckX.png);}
.goss1 {width: 190px; height: 320px; background-image:url(http://funkyimg.com/i/2PcjF.png); opacity: 0;}
.goss:hover .goss1{transition: 1s ease; opacity: 1;} .goss:not(:hover) .goss1{transition: 1s;}
.gosst {width: 175px; height: 320px; margin: 220px 0 0px 7px; font-size: 9px; color: #fff; font-family: Elsie; text-transform: uppercase; font-weight: bold; text-align:justify; opacity: 0; position: absolute;} .goss:hover .gosst {transition: 1s ease; opacity: 1;} .about:not(:hover) .gosst {transition: 1s ease;} .about:not(:hover) .about1{transition: 1s ease;}</style>

<div class="goss"><div class="goss1" >
<div class="gosst" >пока мы запаковываем подарки и колядуем по соседям, прямо у нас под носом происходит настоящее преступление. зачем сельский красавчик взял в заложницы дочку богатого, в манхеттане, бизнесмена? узнай подробности по <a href="http://noname.rolbb.ru/viewtopic.php?id=95">ссылке</a>.</div></div></div>
[/html]

[html]<style>
.goss2 {width: 270px; height: 140px; background-image:url(http://funkyimg.com/i/2PdvT.png);}
.goss21 {width: 270px; height: 140px; background-image:url(http://funkyimg.com/i/2PdvS.png); opacity: 0;}
.goss2:hover .goss21{transition: 1s ease; opacity: 1;} .goss:not(:hover) .goss21{transition: 1s;}
.gosstt {width: 260px; height: 140px; margin: 90px 0 0px 5px; font-size: 8px; color: #fff; font-family: Elsie; text-transform: uppercase; font-weight: bold; text-align:justify; opacity: 0; position: absolute;} .goss2:hover .gosstt {transition: 1s ease; opacity: 1;} .about:not(:hover) .gosstt {transition: 1s ease;} .about:not(:hover) .about1{transition: 1s ease;}

</style>

<div class="goss2"><div class="goss21" >
<div class="gosstt" >У кого-то спокойное приготовление к новому году, а у кого-то зад в приключениях! Во что влип Чед, и что за хоррор ждет нас на радиостанции, где он оказался один на один с Закари, ведомый страшной игрой? Если интересно, читай <a href="http://noname.rolbb.ru/viewtopic.php?id=162">тут</a>.</div>

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

0

101

[html]<style>
.food {width: 320px; height: 200px;} .foodtext {position: absolute; margin: 130px 0 0 40px; font-size: 20px; color:#fff; text-shadow: 0 1px 1px #5c132e; font-family: Lobster; -o-transform: rotate(-7deg); -ms-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg); transform: rotate(-7deg);} .food:hover .foodtext {transition: 1s ease; position: absolute; margin: -100px 0 0 0px;} .food:not(hover) .foodtext {transition: 1s ease; transition-delay: 1.5s;}
.f1 {width: 80px; height: 200px; position: absolute; opacity: 0} .food:hover .f1 {opacity: 1.5; transition: 1s ease; transition-delay: .5s; position: absolute;} .food:not(hover) .f1 {transition: .5s ease; transition-delay: 1.4s;}
.f2 {width: 80px; height: 200px; position: absolute; margin:0px 0px 0 80px; opacity: 0} .food:hover .f2 {opacity: 1; transition: 1s ease; transition-delay: .9s;} .food:not(hover) .f2 {transition: .5s ease; transition-delay: 1s;}
.f3 {width: 80px; height: 200px; position: absolute; margin:0px 0px 0 160px; opacity: 0} .food:hover .f3 {opacity: 1; transition: 1s ease; transition-delay: 1.2s;} .food:not(hover) .f3 {transition: .5s ease; transition-delay: .5s;}
.f4 {width: 80px; height: 200px; position: absolute; margin:0px 0px 0 240px; opacity: 0} .food:hover .f4 {opacity: 1; transition: 1s ease; transition-delay: 1.6s;} .food:not(hover) .f4 {transition: .5s ease; transition-delay: .1s;}

</style>

<div class="food" style="background:url(http://funkyimg.com/i/2Pe5Y.png);"><div class="foodtext">На праздничном столе Айлин</div>
<div class="f1" style="background:url(http://funkyimg.com/i/2Pe8B.png);"></div>
<div class="f2" style="background:url(http://funkyimg.com/i/2Pe8C.png);"></div>
<div class="f3" style="background:url(http://funkyimg.com/i/2Pe8E.png);"></div>
<div class="f4" style="background:url(http://funkyimg.com/i/2Pe8D.png);"></div></div>
[/html]

0

102

[html]<style>
.derevka {width: 700px; height: 200px; background-image:url(http://funkyimg.com/i/2Phs1.png);}
.der1 {width: 350px; height: 200px; background-image:url(http://funkyimg.com/i/2PhrZ.png); opacity: 0;}
.der2 {width: 350px; height: 200px; background-image:url(http://funkyimg.com/i/2PhrY.png); opacity: 0; margin: 0px 0 0px 350px; position: absolute;} .derevka:hover .der1{transition: 2s ease; opacity: 1;} .derevka:hover .der2{transition: 2s ease; opacity: 1; transition-delay: .5s;} .derevka:not(:hover) .der1, .der2{transition: 1s;}

.dertext1 {width: 900px; color: #fff; background: #190910; text-align: center; font-family: Tahoma; text-transform: uppercase; font-size: 20px; opacity: 1; margin: 80px 0 0px -110px; position: absolute; font-style: italic; -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg);} .derevka:hover .dertext1{font-size: 0px;
transition: 1s ease; opacity: 0;} .derevka:not(:hover) .dertext1{transition: 1s; transition-delay: 1s;}

.dertext2 {color: #fff; text-align: center; font-family: Tahoma; text-transform: uppercase; font-size: 10px; opacity: 0;  margin: -100px 0 0px -270px; position: absolute; font-style: italic; } .derevka:hover .dertext2 {transition-delay: 3s; transition: 2s; opacity: 1;  margin: 50px 0 0px -270px;} .derevka:not(:hover) .dertext2 {transition: 1s; transition-delay: 2s;}

</style>

<div class="derevka"><div class="dertext1 ">ПРАВИЛА ВЫЖИВАНИЯ В ДЕРЕВКЕ ОТ ЭЛАЙДЖИ</div>
<div class="der1" ><div class="der2" ><div class="dertext2 ">о.1 НЕ ДОВЕРЯЙ СОСЕДКАМ В ОСОБЕННОСТИ ЕСЛИ ОНИ СИМПАТИЧНЫ И МИЛЫ<br>о.2 ВСЕ ЕЩЕ НЕ ДОВЕРЯЙ СОСЕДКАМ И НЕ ХОДИ С НИМИ В ЛЕС<br>о.3 ЕСЛИ ТЕБЯ БРОСИЛИ В ЛЕСУ НАЕДИНЕ СО ЗМЕЯМИ - БЕРЕГИ ЗАРЯД ТЕЛЕФОНА<br>о.4 НЕ ПОЗВОЛЯЙ НЕЗНАКОМКАМ СБИВАТЬ ТВОЮ ТЕМПЕРАТУРУ НЕИЗВЕСТНЫМИ ТЕБЕ ПРЕПАРАТАМИ<br>
о.5 НЕ ПОКАЗЫВАЙ МЕСТНЫМ СВОИ ЭМОЦИИ, ВЕРОЯТНО, ОНИ ЧУВСТВУЮТ ТВОЙ СТРАХ<br>о.6 БУДЬ ГОТОВ К ТОМУ, ЧТО ДЕРЕВЕНСКИЙ В ДОМАХ ДЕРЖАТ КОЗ И, ВЕРОЯТНО, КОРОВ<br>о.6 ЕСЛИ СИМПАТИЧНАЯ СОСЕДКА ПОЗВАЛА ТЕБЯ В САРАЯ ПОСМОТРЕТЬ НА ПОРОСЯТ<br>НИ В КОЕМ СЛУЧАЕ НЕ ОТКАЗЫВАЙСЯ</div></div></div></div>
[/html]

0

103

[html]<link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Forum" rel="stylesheet"><style>.nn {width: 450px; height: 200px; overflow: hidden; background-image: url(http://funkyimg.com/i/2PmGY.png)}.nn-bg {width: 450px; height: 200px; background: rgba(255,255,255,0.8); position: absolute; opacity:0} .nn:hover .nn-bg{opacity:1; transition: 1s ease;}.nn-text {width: 450px; height: 200px; position: absolute; margin:42px 0 0 -10px; color: #640e3b; font-size: 35px; font-family: archivo black; text-transform: uppercase;  -webkit-transform: rotate(-4deg); -moz-transform: rotate(4deg); -ms-transform: rotate(4deg); -o-transform: rotate(4deg);} .nn:hover .nn-text{font-size: 30px; transition: 1s ease; margin:58px 0 0 -5px;}.nn-text2 {width: 450px; height: 200px; position: absolute; margin:95px 0 0 20px; color: #640e3b; font-weight: bolder; font-family: archivo black; text-transform: uppercase; font-size: 35px; -webkit-transform: rotate(-4deg); -moz-transform: rotate(4deg); -ms-transform: rotate(4deg); -o-transform: rotate(4deg);} .nn:hover .nn-text2{font-size: 30px; transition: 1s ease; margin:85px 0 0 10px;}.nn-link {width: 250px; height: 15px; font-size: 9px; font-weight: 700; color: #DE6868; letter-spacing: 0.5px; margin:130px 0 0 20px; position: absolute; font-family: forum; -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); text-transform: uppercase; text-decoration: none;} .nn:hover .nn-link {transition: 1s ease; margin:130px 0 0 50px; text-decoration: none;}.nn:not(:hover) .nn-bg, .nn-link, .nn-text, .nn-text2{transition: 1s;}</style>

<center><div class="nn"><div class="nn-bg"><div class="nn-text">MERRY CHRISTMAS</div><div class="nn-text2">HAPPY NEW YEAR</div><div class="nn-link"><a href="http://noname.rolbb.ru/pages/mh-online">CLICK THIS TEXT</a></div></div></center>
[/html]

0

104

хз что за кусок

a.sbla:link, a.sbla:visited {
   display: block;
   height: 14px;
   margin-bottom: 1px;
   text-transform: lowercase;
   font-family: ;
   font-size: 10px;
   letter-spacing: 1px;
   border-radius: 10px;
   background: #C7BDD5; color: #EFEBF4;
   padding: 1px 2px 2px 10px;}

a.sbla:hover, a.sbla:active { -moz-transition: 1s ease; -webkit-transition: 1s ease;  display: block; text-transform: lowercase; font-family: Ramaraja; font-size: 10px; letter-spacing: 5px; background: #EFEBF4; text-decoration: none; color: #C7BDD5; text-align: center; padding: 1px 2px 2px 20px;border-radius: 10px;}

0

105

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

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

Ветер за окном завывает так сильно, что мне немного не по себе, и, поежившись под одеялом, я обниму покрепче сладко спящую Орнеллу. Мне совсем не хочется ее будить, но она такая милая, в те моменты, когда не пытается показать мне, кто в доме хозяин, а спокойно сопит в подушку, вы даже себе не представляете, что я не могу отказаться себе в удовольствии потянуться к ней, дотрагиваясь губами до обнаженного плеча, и подумав еще немного встаю, чтобы выйти на кухню и закурить. Ее телефон лежит прямо на кухонном столе, и когда я возвращаюсь с балкона внутрь квартиры, и наливаю себе воду, мобильный начинает громко орать, да так, что я практически переворачиваю стакан с водой, и если сам стакан мне удается удержать, то половина воды из фильтра выливается мне прямо на ноги, заставляя негромко выругаться. Кину на дисплей телефона короткий взгляд, и узнаю номер Томаса. и нет, если вы подумали. что я собрался брать трубку. то не собрался. Не собирался срываться с места и ехать к нему, чтобы бить морду, не собирался говорить о его звонке утром Орнелле, я просто взял телефон, чтобы выключить звук, оставляя лишь тихую вибрацию, и именно в этот момент на кухню зайдет девушка, и повезти еще больше мне просто не могло.
Я успею перехватить ее за талию, и прижать к себе прежде, чем она скажет мне, что я охуел, и что я не имею права трогать ее телефон, с чем я, конечно, соглашусь. -Я и не собирался его трогать, отвечать и подглядывать, я просто выключил звук, но вот какого черта он тебе звонит в такое время, меня все же интересует. Не смотря на утреннее время, когда народ потихоньку начинает собираться на работу в обычные, будние дни, на улице было темно, и единственное, что освещало кухню, это дисплей ее мобильного телефона. -Меня волнует это, потому что ты мне очень нравишься, Леонхарт. И я хочу быть с тобой, закрывая глаза на то, что нам нельзя быть вместе. Перехвачу ее за бедра, приподнимая, и усаживая на стол, чтобы ее лицо находилось на одном уровне с моим. -Если хочешь, я готов ждать год, полтора, два, пока ты не закончишь учебу и не получишь диплом. Я готов скрываться и терпеть всех твоих ухажеров типа того Филла, которые по пятам за тобой ходят, и если ты сейчас пошлешь меня к черту, я все равно не сдамся так просто, но Том не стоит ни секунды твоего времени, и меня корежит от одной мысли о том, что он мог протягивать к тебе свои грязные ручонки. Я посмотрю на нее несколько секунд, нервно покусывая губы, и понимая, что она в праве послать меня ко всем чертям, сказав, что ее личная жизнь и круг ее общения не мое собачье дело, и мне нечего было бы ей возразить, потому как это, наверное, действительно не мое дело, если говорить серьезно, то мы с ней не так уж и хорошо знакомы для того, чтобы говорить какие-то громкие слова, и быть уверенным в том, что это любовь до гроба, и никакая другая девушка больше не сможет завладеть моим вниманием, как и другой парень вниманием ее, но я решил озвучить именно то, что чувствовал на данный момент, и на данный момент я понимал, что она нужна мне если и не сильнее воздуха, то где-то рядом с ним.

0

106

[html]<style class="cp-pen-styles">
.putev {
padding: 10px;
width: 550px;
height: auto;
background: linear-gradient(#dccfbc, #e1e1e1, #dccfbc);
font-size: 10px;
font-family: Arial;
line-height: 100%;
border: 3px solid #b9b9b9;
border-radius: 5px;
box-shadow: 0 0 5px #fff,  inset 0px 0px 10px #fff;!important;
}

.putev img {
max-height: 100px;
border-radius: 3px;
border: px solid #fff;
}

.putev h1 {
font-family: Dancing Script;
color: #929389;
line-height: 105%;
text-align: center;
text-transform: lowercase;
font-size: 30px;
font-weight: lighter;
text-shadow: 0 2px 1px #fff!important;
padding-bottom:20px;
}

.putev .bottom {
background: #737374;
margin-bottom: -10px;
margin-left: -10px;
width: 560px;
padding: 5px;
text-align: center;
text-transform: uppercase;
font-size: 9px;
}

.putev a {
font-family: bebas neue!important;
color: #535353!important;
letter-spacing: 2px;
text-shadow: 0 1px 0px #fff!important;
}

.putev a:hover {
color: #fff!important;
letter-spacing: 3px;
text-shadow: 0 0px 2px #535353!important;
}

</style>

<div class="putev">
<h1>"London is satisfied, Paris is resigned, but New York is always hopeful." – Dorothy Parker</h1>

<marquee><div style="word-spacing: 50px;"><img src="http://funkyimg.com/i/2PPaG.png"> <img src="http://funkyimg.com/i/2PPaH.png"> <img src="http://funkyimg.com/i/2PPaF.png"> <img src="http://funkyimg.com/i/2PPaD.png"> <img src="http://funkyimg.com/i/2PPbg.png"></div></marquee>

<p>Хэй, народ, серьёзно? Вы что, и правда не знаете, чем славится Большое Яблоко? Ну что ж, присаживайтесь, сейчас мы вам всё расскажем, а местами даже покажем, если вы уже купили билет на наш экскурсионный автобус. А если нет, то скидывайте свои деньжата на счёт голодающему Джерому, воспитанному в диких условиях Гарлема, о котором мы тоже вскоре вам расскажем, углубившись в историю расизма и прихода к власти Трампа... Да нет, это всё шуточки, однако приступим к делу.</p>

<p>Итак, первая наша остановка, само собой, - Статуя свободы, которая является главным символом как Нью-Йорка, так и всей Америки. Если вы мигранты, то вам ли об этом не знать, да? А знали ли вы, что Статую Свободы американскому народу подарил народ Франции? Собрана она была в Америке, но сам памятник изготавливали во Франции по проекту скульптора Фредерика Бартольди.
Изначально статую назвали «Свобода, несущая свет миру», затем «символом свободы и демократии» и «Леди Свобода», теперь же она известна нам как Статуя свободы. В короне статуи имеется семь лучей, которые олицетворяют семь континентов и, кто бы мог подумать, семь морей, а в руке Леди Свобода держит табличку с надписью «JULY IV MDCCLXXVI», что означает «4 июля 1776 года» — дата подписания Договора о Независимости Соединённых Штатов Америки.</p>

<h1>“When you leave New York, you are astonished at how clean the rest of the world is. Clean is not enough.” – Fran Lebowitz</h1>

<p>Ну что, узнали о главном символе Америки? Молодцы, на этом мы закончим нашу экскурсию... Да знаю я, что шутки плоские, просто потерпите немного и ознакомьтесь с нашими достопримечательности, я ради кого тут распинаюсь?
Любите смотреть фильмы? Как часто вы видели в американских фильмах такую здоровенную башню? Знаете ли вы, как она называется? Empire State Building стал самым быстропостроенным небоскрёбом в мире, на его постройку ушёл всего-лишь один год и сорок пять дней, а построен он был на месте знаменитого на то время отеля Waldorf-Astoria. Постройка вышла замечательной, однако в 1945 году в неё врезался самолёт, сделав огромную дыру, на ремонт которой ушёл миллион долларов. Сейчас это кажется пустяком, но представьте, какой тогда был курс валюты. Да, дох... много, очень много денег ушло на ремонт здания, которым мы теперь наслаждаемся чуть ли не в каждом фильме Америки.</p>

<p>Если вы любите прекрасные виды и у вас есть лишние тридцать долларов, смело идите в Центр Рокфеллера, откуда можно любоваться солнечными лучами, закатами, рассветами и всем остальным, что может заинтересовать какого-нибудь мечтательного человека или романтично настроенную парочку.  Так же советуем посетить парк Хай-Лайн, который хоть и открылся только в две тысячи девятом году, всё равно является достойным местом для отдыха.</p>

<marquee><div style="word-spacing: 50px;"><img src="http://funkyimg.com/i/2PPc3.png"> <img src="http://funkyimg.com/i/2PPc2.png"> <img src="http://funkyimg.com/i/2PPc1.png"> <img src="http://funkyimg.com/i/2PPbZ.png"> <img src="http://funkyimg.com/i/2PPbY.png"></div></marquee>

<p>А если вы ценитель прекрасного или просто хотите сделать селфи рядом с какой-нибудь дорогой штуковиной, направляйтесь в Metropolitan Museum. Это один из самых масштабных художественных музеев мира находится в центре Манхэттена. Чтобы осмотреть всю экспозицию, не хватит, вероятно, и месяца, но заглянуть хотя бы на пару часов сюда однозначно стоит. Однако будьте бдительны! Вход совершенно бесплатный, но при входе вам могут назвать кассовый взнос в двадцать пять долларов, который на самом деле не обязателен, но желателен для развития музея.
Так же любителям картин, статуй и всякого такого предлагаем посетить The Museum of Modern Art, где собраны современные шедевры живописи, скульптуры и дизайна.<br>
Помимо этого рекомендуем посетить музей Клойстерс, музей памяти 9/11 и музей Гуггенхайма, чтобы наверняка убедиться в том, что в Нью-Йорке есть на что посмотреть!</p>

<p>Говоря об Америке и Нью-Йорке в частности, трудно не упомянуть Таймс-Сквер. Слышали шуточки про такси в час пик? Видели эти муравейники людей, которые расползаются кто куда, толкаются и парятся в очереди на лестницу? Да-да, это то самое место, где сосредоточена вся суета мира. На этой площади располагаются небоскребы, неоновые рекламные вывески и, повторюсь, толпы людей. Будьте бдительны, не оступайтесь, иначе вы рискуете быть растоптанными!</p>

<h1>“There is something in the New York air that makes sleep useless.” – Simone de Beauvoir</h1>

<p>Что ещё приходит вам на ум, когда вы думаете о Большом Яблоке? Точно! Самый красивый, старейший, знаковый Бруклинский мост, который соединяет Манхэттен с Бруклином. Если будете гулять по мосту в вечернее время, обязательно остановитесь у его подножия со стороны Бруклина, чтобы взглянуть на фантастическую панораму Манхэттена. Именно ее чаще всего размещают на открытках Нью-Йорка.</p>

<p>Думали, ваш экскурсовод забыл про Бродвее? Как бы ни так! Едва ли не все основные театры Америки - бродвейские, только на одной этой улице их около сорока! Развитие бродвейских театров не останавливается. Театры ищут новые решения, новые подходы к представлению зрителям настоящего бродвейского шоу. Так, в недавнем прошлом зародилось новое направление – бродвейский джаз, который соединяет в себе природную непосредственность танца, джаз, зрелищность и отточенность бродвейских постановок.</p>

<p>Кто там упомянул Кони-Айленд? Нет, я не забыл про него! Как можно забыть про остров развлечений в океане нью-йоркской деловой жизни? Первый фастфуд, первая американская горка и первый детский аттракцион — все это впервые появилось именно на Кони-Айленде. Обязательно прогуляйтесь по набережной Ригельмана и знаменитой Брайтон-Бич, понежьтесь на пляже, испытайте нервишки на американской горке и попробуйте местный хот-дог, уверяю, он будет лучшим из всех, что вы попробуете!</p>

<h1>“My favorite thing about New York is the people, because I think they’re misunderstood. I don’t think people realize how kind New York people are.” – Bill Murray</h1>

<p>Смотрели Волк с Уолл-стрит? Точно! Этот финансовый центр мира так же располагается здесь, и вы можете посетить это место, посмотреть и даже потрогать один из символов Большого Яблока - статую «Атакующий бык», которая, по задумке архитектора, должна символизировать силу американского народа. Уже чувствуете прилив сил? Нет? Тогда высаживайтесь и срочно бегите к быку! Я не шучу!</p>

<p>Хотите уехать куда подальше от шумного мегаполиса? Тогда вам нужно на Центральный вокзал, чья архитектура так же известна на весь мир. Потолок главного зала украшен удивительной фреской с изображением знаков Зодиака и тысячами звезд, шестьдесят из которых подсвечиваются. Также именно на вокзале можно попробовать самую вкусную булочку-бейгел в городе.</p>

<marquee><div style="word-spacing: 50px;"><img src="http://funkyimg.com/i/2PPcJ.png"> <img src="http://funkyimg.com/i/2PPcH.png"> <img src="http://funkyimg.com/i/2PPcG.png"> <img src="http://funkyimg.com/i/2PPcF.png"> <img src="http://funkyimg.com/i/2PPcE.png"></div></marquee>

<p>На этом моя экскурсия подходит к концу, однако за отдельную плату я расскажу вам и про другие не менее увлекательные места Большого Яблока, покажу их и выдам сотни интересных фактов, о которых вы и не догадывались! До скорых встреч, буду вас ждать и взглядом искать на улицах Манхэттена!</p>

<h1>I look out the window and I see the lights and the skyline and the people on the street rushing around looking for action, love, and the world's greatest chocolate chip cookie, and my heart does a little dance.</h1>

<div class="bottom">
<a href="http://noname.rolbb.ru/viewtopic.php?id=4">внешности</a> | <a href="http://noname.rolbb.ru/viewtopic.php?id=3">гостевая</a> | <a href="http://noname.rolbb.ru/viewtopic.php?id=10">визитка</a>
</div>
</div>[/html]

0

107

op;p;op;

0

108

[html]<link href='http://fonts.googleapis.com/css?family=Comfortaa|Playball|Arial|bebas neue' rel='stylesheet' type='text/css'>

<style>
#meg { width: 400px; height: 400px; overflow: hidden; background-blend-mode:multiply; background: url(http://funkyimg.com/i/2Qy6T.gif), #484348; margin: auto; border: 3px double #484348; border-radius: 5px;}

#meg input[type=checkbox] { display: none; }
.meg-click label { cursor: pointer;  }

.meg-click input[type=checkbox] { position: absolute; top: 50%; left: 50%;}
.meg-click input[type=checkbox]:checked ~ .meg-bar {opacity: .9; width: 350px; height: 300px; margin: 75px 25px 25px 23px; }

.meg-click label[for=meg1] { top: 40%; margin-left: 150px; width: 70px; text-align: center; font-family: Comfortaa; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; color: #fff; text-align: center; position: absolute; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 10px;
transition: 1s all ease; -webkit-transition: 1s all ease; -moz-transition: 1s all ease; -ms-transition: 1s all ease; -o-transition: 1s all ease; }
.meg-click label[for=meg1]:after { content: none;}

.meg-click input[type=checkbox]:checked ~ label[for=meg1] { top: 20px; text-align: center;  border: 0px; background: transparent; font-family: Comfortaa; font-size: 25px; width: 70px;}
.meg-click input[type=checkbox]:checked ~ label[for=meg1]:after { content: "♪ SOULARISE - Дайте Маше Пистолет "; font-family: Comfortaa; font-size: 7px; text-transform: uppercase; margin: -2px 0 0 -30px; width: 150px; float: left;  opacity: 0!importnant;}

.meg-bar { opacity: 0; width: 0px; height: 0px; text-align: justify; background-color: #e0dae0; font-family: Arsenal; font-weight: normal; font-size: 11px; color: #000; padding: 10px 5px 5px; overflow-y: auto; border-radius: 5px;
transition: 1s all ease; -webkit-transition: 1s all ease; -moz-transition: 1s all ease; -ms-transition: 1s all ease; -o-transition: 1s all ease; }

.meg-bar2 {padding-top: 2px; font-family: bebas neue; text-align: center ;width: 340px; height: 15px;  background: linear-gradient(45deg, #32272c, #69575f 60%, #32272c); box-shadow: 0 0 1px #fff inset; border-radius: 5px; color: #0f0c0f;  text-shadow: -1px 1px 0px #635d61!important; letter-spacing: 2px;}
.meg-bar2 a{color: #1e151b!important;  text-shadow: -1px 1px 0px #635d61!important; border-bottom: 1px dotted #1e151b;}

.text1 {text-align: right; font-size: 24px; color:#32272c; text-shadow: 0 1px 0px #fff; font-family: Playball;}

</style>

<div id="meg">

<div class="meg-click">

<input type="checkbox" id="meg1">
<label for="meg1">CLICK</label>

<div class="meg-bar">
<div class="meg-bar2">skype:sumerci | <a href="https://vk.com/xlady">vk</a> | лс</div>

<div class="text1"> - nice to meet you</div>

<p>здравствуй дорогой друг. прежде чем мы с тобой пообщаемся лично, давай я представлюсь и расскажу о том, что могу тебе предложить. меня зовут мария, но, раз уж мы с тобой решили перейти к более тесному общению, давай ты будешь обращаться ко мне без всех этих формальностей и просто на "ты". </p>
<p>мне всегда нравилось заниматься дизайнами и разбираться во всем, чему я научилась и понимаю, по-больше части, мне приходилось самой методом тыка, проб и ошибок. я не мастер кодер и все еще в поиске своего стиля, поэтому с удовольствием попробую себя в дизайне любой тематики. мне безумно нравятся текстурные дизайны, которые я часто вижу на различных фентези или ролевым по ГП или же минималистические, аккуратные дизайны для более узких тематик. в общем, если у вас есть идеи я с радостью попробую воплотить их в жизнь.</p>
<div class="text1"> - about working</div>
<p>цена моей работы будет зависеть исключительно от твоих запросов и моих возможностей. цена будет варьироваться от <b>700р</b> для полностью оформленного тестового форума до <b>3к и выше</b> для более детальной обработки форума. </p>
<p>в среднем работа над дизайном занимает от 3 до 7 дней, но, опять же, сроки будут зависеть от ваших запросов и моих возможностей. я накидаю для вас предварительный макет и, после правок или же если он вас устроит с первого раза, буду доделывать работу до конца после 50% предоплаты на <u>qivi кошелек</u>. остальную часть суммы вы сможете оплатить после установки дизайна на ваш форум.</p>
<div class="text1"> - so long and goodnight</div>
<p>это не первый мой опыт работы с клиентами, однако, работа именно с mybb заказчиками будет мне впервой, поэтому я надеюсь, если что-то вдруг у нас с вами будет не получаться, мы разойдемся без ругани, недопонимания и обид. </p>

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

[/html]

0

109

[html]<center>
<div class="anka">
<div class="anka1">Megera iv Britannia</div>
<div class="anka2">Мегера ив Британния</div>
<div class="ankaim"><img src="http://funkyimg.com/i/2Rr67.gif"></div>

<div class="ankainfo">
<div class="ankainfotext">возраст</div>
<div class="ankainfotext">дата рождения</div>
<div class="ankainfotext">место рождения</div>
<div class="ankainfotext">ориентация</div>
<div class="ankainfotext">внешность</div>

</div>

<div class="ankatext">Я прекрасно помню, когда все пошло наперекосяк. Когда в моем доме стало на одного родителя меньше: мне было семь и, перебирая рюши, на подоле платья Евы, я следила как она вздрагивает от громких звуков, за закрытыми дверьми зала суда, в котором коллегия отцовский и маминых адвокатов, пытались решить с кем мы, после их развода, останемся жить. Я, к тому моменту, не боялась ни громких голосов, ни резких звуков, ведь, засыпая гораздо позднее сестры, была свидетельницей частых скандалов родителей с битьем посуду и криками. И, пусть причины их ругани до меня дойдут спустя годы, уже тогда я понимала, что все дело в маме... Наверное, нехорошо говорить плохо о родной матери, но, что поделать, если Октавия - та еще сука? Она загуляла от нашего отца с садовником едва Еве исполнилось три года - об этом она сама мне, с гордостью расскажет, собираясь на очередной свидание с очередным молоденьким ухажером, что польстился на ее деньги, которые, почему-то, так и не перестал ей выплачивать папа... Двери распахнуться и мама, спешно прощаясь, поцелует Еву в макушку, подхватит меня на руку и выкрикнет отцу, что он больше меня никогда не увидит, прежде чем развернуться и выбежать из здания. Надо сказать, слово свое она держать умеет и с отцом, в следующий раз, я увижусь лишь когда мне исполниться шестнадцать.
Хотела ли она отсудить право опеки над нами двумя лишь потому, что так рычагов давления на Дамьена у нее было бы гораздо больше? Кто знает... Но я не скажу, что моя мать никогда меня не любила. У нее какое-то свое странное понимание самого этого определения, но, в целом, она, конечно, любит и меня и Еву, с которой старалась провести как можно больше времени всегда, когда была возможность.
Наверное, воспитывайся я в полной семье, ну или хотя бы под присмотром отца, у меня были все шансы вырасти другим человеком, но случилось то, что случилось и за мое воспитание взялась Октавия... "Мегги, дорогая, главное в жизни — это обзавестись песцом на шее, ягуаром в гараже, тигром в постели и козлом, что будет за все это платить" — любила приговаривать она, поправляя соболиную шубку на плече, взбивая изящной рукой с дорогим маникюром свои роскошные волосы. И нет, к согласию в этом вопросы мы так и не пришли, но получая постоянное попущение каких-то мелких или крупных провинностей, я очень быстро стала избалованной, наглой девчонкой, которая, конечно, даже теперь, осознавая все это, считает, что ей, в этой жизни, дозволено все и чуть-чуть больше. Ну, а, собственно, почему бы и нет?
Впрочем, сидеть на шее у отца, как то делала Октавия, я считала не особо хорошим вариантом, ведь, в перспективе, пусть мне и достанется какая-то часть его бизнеса, где гарантии, что это случится, вообще? Училась я не то, что бы очень... Ну, мне многое прощалось: пропуски, постоянные пересдачи контрольных. Думаю, причина такой ко мне благосклонности крылась в том, что мама, какой-то период, спала с директором частной школы, в которую я ходила. Ну а закончив старшую школу я решила заниматься тем, что меня всегда действительно интересовало... И тут я вас ничем таким особенным не удивлю: книги по квантовой физике и экспериментальной биологии никогда не валялись на столике у моей кровати. Зато там всегда было куча журналов мод и вот, я уже три года как довольно успешный модельер дамской одежды. Открыть салон мне, конечно, помог папа, но, а почему бы ему и не помочь своей старшей дочери, когда у нее, действительно, к этому есть талант?
И я знаю прекрасно, что, во многом веду себя неправильно и, быть может, разочарую еще не одного мужчину в своей жизни своим несносным характером, но, к сожалению, ничего пока с собой поделать не могу...

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

0

110

[html]<center>
<div class="personal">
<div class="zagolov">ваш заголовок</div>
<div class="tabs">
    <input id="tab1" type="radio" name="tabs" checked>
    <label for="tab1" title="вкладка 1">хронология</label>

    <input id="tab2" type="radio" name="tabs">
    <label for="tab2" title="вкладка 2">личное</label>

    <input id="tab3" type="radio" name="tabs">
    <label for="tab3" title="вкладка 3">достижения</label>

 
    <section id="content-tab1">

придумать оформление

    </section> 
    <section id="content-tab2">

<div class='lichcont'>
<img src="http://funkyimg.com/i/2NskT.png"><br>
<img src="http://funkyimg.com/i/2Nu3M.png"><br>
<img src="http://s5.uplds.ru/MCQsv.png"><br>
<img src="http://sd.uplds.ru/zuyDb.png"><br>
<img src="https://i.imgur.com/AbrPix6.png"><br>

</div>

<div class="lichcont2">

<img src="https://i.imgur.com/RsNZZ5w.png" title="мур"> <img src="https://i.imgur.com/owUBcJr.png" title="мяу"> <img src="https://i.imgur.com/gvG5CNe.png" title="хочешь, я буду твоим дедом морозом?"> <img src="https://i.imgur.com/S0rO83E.png" title="без твоей помощи я так бы и не начал с ней общаться. спасибо <2">

</div>

    </section>
   
<section id="content-tab3">

<div class="lich2cont1"><center>
<img src="http://funkyimg.com/i/2NTxi.png" title="бронзовая карта"> <img src="http://funkyimg.com/i/2NTxm.png" title="серебряная карта"> <img src="http://funkyimg.com/i/2NTxj.png" title="золотая карта"> <img src="http://funkyimg.com/i/2NTxk.png" title="платиновая карта"></center></div>

<div class="lichcont3"><center>

<img src="https://i.imgur.com/fOaXcck.png" title="рассказать про нас другу">
<img src="https://i.imgur.com/e0dAAHo.png" title="найти/привести пару на форум">
<img src="https://i.imgur.com/XoKeOT9.png" title="попасть в таблу как пара недели">
<img src="https://i.imgur.com/lPWPxvM.png" title="попасть в таблу в качестве прорыва недели">
<img src="https://i.imgur.com/rs2CSBm.png" title="стать флудером недели 5 раз">
<img src="https://i.imgur.com/ZbVp77r.png" title="помочь с организацией на форуме">
<img src="https://i.imgur.com/d7kfBQt.png" title="написать 2 поста с мобильного телефона">
<img src="https://i.imgur.com/1y5CjGf.png" title="написать пост во время работы">
<img src="https://i.imgur.com/N6O9Xp9.png" title="флудить во время работы">
<img src="https://i.imgur.com/jkrr3gT.png" title="сидеть на форуме с телефона весь день">
<img src="https://i.imgur.com/y1bMnxm.png" title="просидеть на форуме всю ночь">
<img src="https://i.imgur.com/7mxhXAf.png" title="забрать игрока из темы поиска или найти игрока по своей заявке на нужного">
<img src="https://i.imgur.com/QTBY9r5.png" title="подарить 30 подарков">
<img src="https://i.imgur.com/rf0Jocu.png" title="подарить 10 плашек">
<img src="https://i.imgur.com/wFrkURp.png" title="сделать подарочную графику форуму">
<img src="https://i.imgur.com/NUkyGeF.png" title="сделать 10 подарочных аватарок игрокам">
<img src="https://i.imgur.com/xuCaXnP.png" title="сделать 10 подарочных гифок игрокам">
<img src="https://i.imgur.com/8t6Hy87.png" title="показать нам фото вашего ужина">
<img src="https://i.imgur.com/fWmSh9N.png" title="весь день говорить комплименты во флуде ">
<img src="https://i.imgur.com/HGAmpPd.png" title="написать комплименты 30 людям в лс">
<img src="https://i.imgur.com/KYIVNrz.png" title="получить 3 комплимента в лс">
<img src="https://i.imgur.com/JcJYwEr.png" title="поставить 1000 респектов">
<img src="https://i.imgur.com/gzrKM3Z.png" title="получить свой первый минус">
<img src="https://i.imgur.com/DsGzDA3.png" title="продержаться неделю без единого минуса">
<img src="https://i.imgur.com/WNgFE1u.png" title="отметить месяц со дня регистрации">
<img src="https://i.imgur.com/DI1AlFJ.png" title="провести на форуме 6 месяцев">
<img src="https://i.imgur.com/VxNHqWg.png" title="отметить на форуме приход зимы">
<img src="https://i.imgur.com/XZVc3A9.png" title="отметить на форуме приход весны">
<img src="https://i.imgur.com/Bxa5ktz.png" title="провести со своей половинкой 2 месяца на форуме">
<img src="https://i.imgur.com/Mflb7Go.png" title="признаться в любви в посте">
<img src="https://i.imgur.com/MaKZgB8.png" title="поделиться своей музыкой 50 раз">
<img src="https://i.imgur.com/Z4eMWvh.png" title="уйти в отсутствие один раз и вернуться">
<img src="https://i.imgur.com/acobU8D.png" title="показать нам фото вашего домашнего питомца">
<img src="https://i.imgur.com/kBhDIwi.png" title="сфотографировать свое рабочее место, с нашим форумом на мониторе компьютера">
<img src="https://i.imgur.com/Qf3R6JX.png" title="рассказать и написать небольшую рецензию на 10 своих любимых фильмов">
<img src="https://i.imgur.com/Tx5XoBs.png" title="выиграть в конкурсе/занять призовое место">
<img src="https://i.imgur.com/zFOiDfR.png" title="оставить 100 реклам нашего проекта">
<img src="https://i.imgur.com/Mikaxr6.png" title="оставить 500 реклам нашего проекта">
<img src="https://i.imgur.com/oHXygf8.png" title="оставить 700 реклам нашего проекта">
<img src="https://i.imgur.com/lJ1kUV9.png" title="оставить 1000 реклам нашего проекта">

</center></div>

    </section>

</div>

</div>
[/html]

0

111

[html]<style>
.about2::-webkit-scrollbar {width: 0px; background: transparent;}.about {width: 250px; height: 200px; border-radius: 5px; border: 1px solid#969fab; box-shadow: 0 0 5px #b4dcf1 inset;}.about1 {position: absolute; font-size: 25px; margin: -10px 0 0 80px; color:#fff; font-family: Jura; opacity: 0; text-shadow: 0 1px 0 #000;} .about:hover .about1{transition: 1s ease;opacity: 1; margin: 25px 0 0 80px} .about:not(:hover) .about1{transition: 1s ease;}.about2 {width: 220px; height: 100px; opacity: 0; position: absolute; font-size: 9px; text-align:justify; margin: 40px 0 0 7px; color:#fff; font-family: Arial; background-color: #969fab; border-radius: 3px; overflow-y: auto; padding: 5px;text-transform: uppercase; } .about:hover .about2{transition: 1.2s ease; opacity: 1; margin: 60px 0px 0 7px} .about:not(:hover) .about2{transition: 1s ease;}
</style>

<div class="about" style="background-image:url(http://funkyimg.com/i/2RsKf.png);"><div class="about1" >Chester</div>
<div class="about2" >Текст Евиного описания города Текст Евиного описания города  Текст Евиного описания города  Текст Евиного описания города  Текст Евиного описания города  Текст Евиного описания города Текст Евиного описания города Текст Евиного описания города Текст Евиного описания города Текст Евиного описания города Текст Евиного описания города Текст Евиного описания города </div>
</div>
[/html]

0

112

[html]<style>
.miss2::-webkit-scrollbar {width: 0px; background: transparent;}.miss {width: 200px; height: 200px; border-radius: 50%; border: 1px solid#969fab; box-shadow: 0 0 5px #b4dcf1 inset;}.miss2 {width: 130px; height: 100px; opacity: 0; position: absolute; font-size: 9px; text-align:justify; margin: 50px 0 0 30px; color:#fff; font-family: Arial; background-color: #6f7ee3; border-radius: 3px; overflow-y: auto; padding: 5px; transform: rotate(95deg);} .miss:hover .miss2{transform: rotate(0deg); transition: 1.2s ease; opacity: 1;} .miss:not(:hover) .miss2{transition: 1s ease;}
</style>

<div class="miss" style="background-image:url(http://funkyimg.com/i/2RwEL.png);"><div class="miss2" ><b>Еще слово и я сожгу тебя во сне!</b> Одной фразой можно полностью охарактеризовать Руби. Опасная женщина с намеками на шизофрению, или какое-то там психологическое заболевание (и это не мы придумали, это она сама нам сообщила). Уважаем ее за то, что она строки Бродского "не выходило из комнаты" , реализует в жизни. Ждём и скучаем.</div></div>
[/html]

0

113

[html]<style>
.love::-webkit-scrollbar {width: 0px; background: transparent;}.love{    width: 150px;    height: 200px;    border: 1px solid#ceabce;    box-shadow: 0 0 5px #fab6ed inset;}.love2 {width: 140px; height: 90px; opacity: 0; position: absolute; font-size: 9px; text-align:justify; margin: 200px 0 0 0px; color:#fff; font-family: Arial; background-color: #6f7ee3; overflow-y: auto; padding: 5px;}.love:hover .love2{margin: 130px 0 0 0px; transition: 1.2s ease; opacity: 1;} .love:not(:hover) .love2{transition: 1s ease;}
</style>

<div class="love" style="background-image:url(http://funkyimg.com/i/2RwKC.png);"><div class="love2" > Персичек моего бэкграунда, Баунти моего райского наслаждения, Соната моего Бетховена, я трезв и я люблю тебя бесконечной любовью любовей!</div></div>
[/html]

0

114

[html]<style>

.nn {width: 500px; height: 200px; overflow: hidden; border: 1px solid#969fab; box-shadow: 0 0 5px #b4dcf1 inset;} .nn-bg {width: 500px; height: 200px; background: rgba(255,255,255,0.8); position: absolute; opacity:0} .nn:hover .nn-bg{opacity:1; transition: 1s ease;}.nn-text {font-weight: 900; width: 500px; height: 200px; position: absolute; margin:42px 0 0 -10px; color: #640e3b; font-size: 20px; font-family: Roboto Mono; text-transform: uppercase;  -webkit-transform: rotate(-4deg); -moz-transform: rotate(4deg); -ms-transform: rotate(4deg); -o-transform: rotate(4deg);} .nn:hover .nn-text{font-size: 16px; transition: 1s ease; margin:58px 0 0 -5px;}.nn-text2 {width: 450px; height: 200px; position: absolute; margin:95px 0 0 20px; color: #35457e; font-weight: bolder; font-family: archivo black; text-transform: uppercase; font-size: 12px; -webkit-transform: rotate(-4deg); -moz-transform: rotate(4deg); -ms-transform: rotate(4deg); -o-transform: rotate(4deg);} .nn:hover .nn-text2{font-size: 10px; transition: 1s ease; margin:85px 0 0 20px;}.nn-link {width: 250px; height: 15px; font-size: 9px; font-weight: 700; color: #DE6868; letter-spacing: 0.5px; margin:130px 0 0 20px; position: absolute; font-family: forum; -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); text-transform: uppercase; text-decoration: none;} .nn:hover .nn-link {transition: 1s ease; margin:170px 0 0 250px; text-decoration: none;}.nn:not(:hover) .nn-bg, .nn-link, .nn-text, .nn-text2{transition: 1s;}</style>

<center><div class="nn" style="background-image: url(http://funkyimg.com/i/2RwWq.gif)"><div class="nn-bg"><div class="nn-text">несколько причин присоединится к нам</div><div class="nn-text2">♣ маша делает охуенные дизы и делает их часто (вместо того чтоб писать кате посты ахах) ♥ можно зарегить 1000 твинков ♦ супер не напряжная анкета ★ пошлый крокодил ахах ☼ уютная атмосфера ☆ самая лучшая причина там есть я </div><div class="nn-link"><a href="http://noname.rolbb.ru/profile.php?id=7">love, gideon</a></div></div></center>
[/html]

0

115

[html]<style>
.woman2::-webkit-scrollbar {width: 0px; background: transparent;}.woman {width: 150px; height: 150px; border-radius: 5px; border: 1px solid#969fab; box-shadow: 0 0 5px #b4dcf1 inset;}.woman2 {width: 130px;    height: 100px;    opacity: 0;    position: absolute;    font-size: 9px;    text-align: justify;    margin: 25px 0 0 5px;    color: #fff;    font-family: Arial;    border-radius: 3px;    overflow-y: auto;    padding: 5px;} .woman:hover .woman2{transition: 1.2s ease; opacity: 1;} .woman not(:hover) .woman2{transition: 1s ease;}
</style>

<div class="woman" style="background-image:url(http://funkyimg.com/i/2RxYn.png);"><div class="woman2" >приём. предлагаю прямо сейчас запретить молодым и красивым работать, кто за? освобождаю вас от работ и забот. помните, что на хорошую шубку всегда можно настроить глазки. ну или спиздить *зачернуто*</div></div>
[/html]

0

116

asdasdasd

+1

117

http://funkyimg.com/i/2egYo.gif

0

118

uoluoluol

0

119

поьпрьпарь

0

120

4gerg

0


Вы здесь » meggi meg » welcome » Тестовое сообщение