Waldmond

Объявление


Валдмонд. В игре март - апрель 2020 год.
Средняя дневная температура
от +3 ° до +8°

Город понемногу ожил после взрывов больницы и отеля, здания отстроили и снова запустили, виновника так и не нашли. Новый клан вампиров обживается в городе, под пристальным наблюдением Каллидус. Между стаями оборотней достигнуто хрупкое равновесие, но мало кто знает, что раскрывшиеся недавно тайну не оставили шансов на прощение. А в Ковене тем временем бурлят страсти. Все чаще стали подниматься разговоры об инквизиции и усилении контроля над городом. Чем вызваны такие волнения?





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

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


Вы здесь » Waldmond » Акции » Хочу видеть


Хочу видеть

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

1

[html]<link href="https://fonts.googleapis.com/css?family=Raleway|Roboto" rel="stylesheet">
<div style="width:600px;margin:0 auto">
<style>
 
  #ohsehun {margin: auto;
  width: 550px;
  height: 550px;
  border: 2px solid #666;
  position: relative;
  background: #889194;
  border-radius: 10px;
  }
 
 
  #ohsehun .loveme {box-sizing: border-box;
  position: absolute;
  top: 55px;
  text-align: right;
  width: 250px;
  background: #e13672;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  object-fit: cover;
/* filter: grayscale(100%); */
display: block;
/* mix-blend-mode: multiply; */
  }
 
  #ohsehun .loveme2 {box-sizing: border-box;
  position: absolute;
  top: 55px;
  width: 250px;
  background: #6794ab;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  display: block;
  }

 
  #ohsehun .bigworm {box-sizing: border-box;
  padding: 15px;
  text-align: right;
  font-size: 13px;
  line-height: 1.3px;
  color: #314754;
  text-transform: uppercase;
  background: #fcfcfc;
  width: 250px;
  border: 0px;
  border-radius: 0px 10px 10px 0px;
  position: absolute;
  top: 10px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .bigworm2 {
  padding: 15px;
  text-align: left;
  font-size: 13px;
  line-height: 1.3px;
  color: #e1e1e1;
  text-transform: uppercase;
  background: #11211e;
  width: 190px;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 10px;
  left: 330px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .smolworm {box-sizing: border-box;
  padding: 2px;
  text-align: left;
  font-size: 10px;
  color: #000;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 60px;
  width: 290px;
  left: 260px;
  text-transform: uppercase;
  font-weight: bold;
  }
 
    #ohsehun .smolworm2 {box-sizing: border-box;
  padding: 2px;
  text-align: left;
  font-size: 10px;
  color: #000;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 90px;
  width: 290px;
  left: 260px;
  text-transform: uppercase;
    font-weight: bold;
  }
 
    #ohsehun .smolworm3 {box-sizing: border-box;
  padding: 2px;
  text-align: left;
  font-size: 10px;
  color: #000;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 120px;
  width: 290px;
  left: 260px;
  text-transform: uppercase;
    font-weight: bold;
  }

  #ohsehun .smolworm4 {box-sizing: border-box;
  padding: 2px;
  text-align: left;
  font-size: 10px;
  color: #000;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 150px;
  width: 290px;
  left: 260px;
  text-transform: uppercase;
  font-weight: bold;
  }
 
 
  #ohsehun .smolworm5 {box-sizing: border-box;
  padding: 2px;
  text-align: left;
  font-size: 10px;
  color: #000;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 180px;
  width: 290px;
  left: 260px;
  text-transform: uppercase;
  font-weight: bold;
  }
 
  #ohsehun .groovy {box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
  text-align: justify;
  color: #000;
  border: 0px;
  border-radius: 10px;
  font-family: 'roboto';
  overflow: auto;
  position: absolute;
  background: #fcfcfc;
  border-radius: 10px 0px 0px 10px;
  top: 220px;
  left: 20px;
  width: 510px;
  height: 310px;
  }
 
  #ohsehun .groovy header {font-size: 16px;
  text-align: right;
  color: #314754;
  text-transform: uppercase;
  font-family: 'raleway';
  font-weight: bold;
  }
 
#ohsehun ::-webkit-scrollbar {
    width: 5px;
}

#ohsehun ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#ohsehun ::-webkit-scrollbar-thumb {
    background: #324258;
}

#ohsehun ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

</style>

<div id="ohsehun"><div class="loveme2"></div>  <div class="bigworm">хочу видеть</div>
<div class="bigworm2">текст</div>
<img src="https://pp.userapi.com/c844521/v844521419/1c269f/9m9tcbOl4FE.jpg" class="loveme">
<div class="smolworm">Пол</div>
<div class="smolworm2">Возраст</div>
<div class="smolworm3">Раса</div>
<div class="smolworm4">Род деятельности</div>
<div class="smolworm5">Внешность</div>
<div class="groovy"><header>Пожелания</header>
текст

</div>
</div>

</div>

[/html]

Код:
[html]<link href="https://fonts.googleapis.com/css?family=Raleway|Roboto" rel="stylesheet">
<div style="width:600px;margin:0 auto">
<style> 
  
  #ohsehun {margin: auto;
  width: 550px;
  height: 550px;
  border: 2px solid #666;
  position: relative;
  background: #889194;
  border-radius: 10px;
  }
  
  
#ohsehun .loveme {box-sizing: border-box;
  position: absolute;
  top: 55px;
  text-align: right;
  width: 250px;
  background: #e13672;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  object-fit: cover; 
  display: block;
  }
  
  #ohsehun .loveme2 {box-sizing: border-box;
  position: absolute;
  top: 55px;
  width: 250px;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  display: block;
  }

  
  #ohsehun .bigworm {box-sizing: border-box;
  padding: 15px;
  text-align: right;
  font-size: 13px;
  line-height: 1.3px;
  color: #314754;
  text-transform: uppercase;
  background: #fcfcfc;
  width: 250px;
  border: 0px;
  border-radius: 0px 10px 10px 0px;
  position: absolute;
  top: 10px;
  font-family: 'raleway';
  font-weight: bold;
  }
  
  #ohsehun .bigworm2 {
  padding: 15px;
  text-align: left;
  font-size: 13px;
  line-height: 1.3px;
  color: #e1e1e1;
  text-transform: uppercase;
  background: #11211e;
  width: 190px;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 10px;
  left: 330px;
  font-family: 'raleway';
  font-weight: bold;
  }
  
  #ohsehun .smolworm {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 60px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
  
    #ohsehun .smolworm2 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 90px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }
  
    #ohsehun .smolworm3 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 120px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }

  #ohsehun .smolworm4 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 150px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
  
  
  #ohsehun .smolworm5 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 180px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
  
  #ohsehun .groovy {box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
  text-align: justify;
  color: #000;
  border: 0px;
  border-radius: 10px;
  font-family: 'roboto';
  overflow: auto;
  position: absolute;
  background: #fcfcfc;
  border-radius: 10px 0px 0px 10px;
  top: 220px;
  left: 20px;
  width: 510px;
  height: 310px;
  }
  
  #ohsehun .groovy header {font-size: 16px;
  text-align: right;
  color: #314754;
  text-transform: uppercase;
  font-family: 'raleway';
  font-weight: bold;
  }
  
#ohsehun ::-webkit-scrollbar {
    width: 5px;
}

#ohsehun ::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
#ohsehun ::-webkit-scrollbar-thumb {
    background: #324258; 
}

#ohsehun ::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

</style>


<div id="ohsehun"><div class="loveme2"></div>  <div class="bigworm">Хочу видеть</div>
<div class="bigworm2">текст</div>
<img src="картинка 250 на 150" class="loveme">
<div class="smolworm">Пол</div>
<div class="smolworm2">Возраст</div>
<div class="smolworm3">Раса</div>
<div class="smolworm4">Род деятельности</div>
<div class="smolworm5">Внешность на англ</div>
<div class="groovy"><header>Пожелания</header>
текст


</div>
</div>

</div> 
[/html]

0

2

занят

[html]<link href="https://fonts.googleapis.com/css?family=Raleway|Roboto" rel="stylesheet">
<div style="width:600px;margin:0 auto">
<style>
 
  #ohsehun {margin: auto;
  width: 550px;
  height: 550px;
  border: 2px solid #666;
  position: relative;
  background: #889194;
  border-radius: 10px;
  }
 
 
  #ohsehun .loveme {box-sizing: border-box;
  position: absolute;
  top: 55px;
  text-align: right;
  width: 250px;
  background: #e13672;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  object-fit: cover;
  display: block;
  }
 
  #ohsehun .loveme2 {box-sizing: border-box;
  position: absolute;
  top: 55px;
  width: 250px;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  display: block;
  }

 
  #ohsehun .bigworm {box-sizing: border-box;
  padding: 15px;
  text-align: right;
  font-size: 13px;
  line-height: 1.3px;
  color: #314754;
  text-transform: uppercase;
  background: #fcfcfc;
  width: 250px;
  border: 0px;
  border-radius: 0px 10px 10px 0px;
  position: absolute;
  top: 10px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .bigworm2 {
  padding: 15px;
  text-align: left;
  font-size: 13px;
  line-height: 1.3px;
  color: #e1e1e1;
  text-transform: uppercase;
  background: #11211e;
  width: 190px;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 10px;
  left: 330px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .smolworm {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 60px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
    #ohsehun .smolworm2 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 90px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }
 
    #ohsehun .smolworm3 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 120px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }

  #ohsehun .smolworm4 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 150px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
 
  #ohsehun .smolworm5 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 180px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
  #ohsehun .groovy {box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
  text-align: justify;
  color: #000;
  border: 0px;
  border-radius: 10px;
  font-family: 'roboto';
  overflow: auto;
  position: absolute;
  background: #fcfcfc;
  border-radius: 10px 0px 0px 10px;
  top: 220px;
  left: 20px;
  width: 510px;
  height: 310px;
  }
 
  #ohsehun .groovy header {font-size: 16px;
  text-align: right;
  color: #314754;
  text-transform: uppercase;
  font-family: 'raleway';
  font-weight: bold;
  }
 
#ohsehun ::-webkit-scrollbar {
    width: 5px;
}

#ohsehun ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#ohsehun ::-webkit-scrollbar-thumb {
    background: #324258;
}

#ohsehun ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

</style>

<div id="ohsehun"><div class="loveme2"></div><div class="bigworm"></div>
<div class="bigworm2">нужен герой</div>
<img src="https://i0.wp.com/78.media.tumblr.com/f72c3d10b4a32e5a9eb4c7d039648948/tumblr_oyhuwesyCn1vgtp7to3_1280.gif?w=605" class="loveme">
<div class="smolworm">Пол: мужской</div>
<div class="smolworm2">Возраст: 55</div>
<div class="smolworm3">Раса: человек</div>
<div class="smolworm4">Род деятельности: полицейский</div>
<div class="smolworm5">Внешность на англ: David Harbour</div>
<div class="groovy"><header>Пожелания</header>
Ну куда же мы без мистера "Хоппера"? Посмотрите, он же сама десница закона и сосредоточение мужества с небольшим перебором в весе. <br>
Хочу видеть настоящего блюстителя порядка, того, кто намерен защитить слабых и наказать виновных; того, кому не страшно пойти против системы, засунуть нос в сверхъестественное и потягаться с ним силами. <br>

</div>
</div>

</div>
[/html]

+7

3

[html]<link href="https://fonts.googleapis.com/css?family=Raleway|Roboto" rel="stylesheet">
<div style="width:600px;margin:0 auto">
<style>
 
  #ohsehun {margin: auto;
  width: 550px;
  height: 550px;
  border: 2px solid #666;
  position: relative;
  background: #889194;
  border-radius: 10px;
  }
 
 
  #ohsehun .loveme {box-sizing: border-box;
  position: absolute;
  top: 55px;
  text-align: right;
  width: 250px;
  background: #e13672;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  object-fit: cover;
  display: block;
  }
 
  #ohsehun .loveme2 {box-sizing: border-box;
  position: absolute;
  top: 55px;
  width: 250px;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  display: block;
  }

 
  #ohsehun .bigworm {box-sizing: border-box;
  padding: 15px;
  text-align: right;
  font-size: 13px;
  line-height: 1.3px;
  color: #314754;
  text-transform: uppercase;
  background: #fcfcfc;
  width: 250px;
  border: 0px;
  border-radius: 0px 10px 10px 0px;
  position: absolute;
  top: 10px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .bigworm2 {
  padding: 15px;
  text-align: left;
  font-size: 13px;
  line-height: 1.3px;
  color: #e1e1e1;
  text-transform: uppercase;
  background: #11211e;
  width: 190px;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 10px;
  left: 330px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .smolworm {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 60px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
    #ohsehun .smolworm2 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 90px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }
 
    #ohsehun .smolworm3 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 120px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }

  #ohsehun .smolworm4 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 150px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
 
  #ohsehun .smolworm5 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 180px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
  #ohsehun .groovy {box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
  text-align: justify;
  color: #000;
  border: 0px;
  border-radius: 10px;
  font-family: 'roboto';
  overflow: auto;
  position: absolute;
  background: #fcfcfc;
  border-radius: 10px 0px 0px 10px;
  top: 220px;
  left: 20px;
  width: 510px;
  height: 310px;
  }
 
  #ohsehun .groovy header {font-size: 16px;
  text-align: right;
  color: #314754;
  text-transform: uppercase;
  font-family: 'raleway';
  font-weight: bold;
  }
 
#ohsehun ::-webkit-scrollbar {
    width: 5px;
}

#ohsehun ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#ohsehun ::-webkit-scrollbar-thumb {
    background: #324258;
}

#ohsehun ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

</style>

<div id="ohsehun"><div class="loveme2"></div>  <div class="bigworm">Хочу видеть</div>
<div class="bigworm2">Маленькое безумие</div>
<img src="https://i.postimg.cc/RFCrtrWB/tumblr-nxypw9o0ju1usgg8qo3-400.gif" class="loveme">
<div class="smolworm">Пол: Женский</div>
<div class="smolworm2">Возраст: 16/25</div>
<div class="smolworm3">Раса: дух/призрак/полтергейст</div>
<div class="smolworm4">Род деятельности: сводить с ума</div>
<div class="smolworm5">Внешность на англ: elle fanning</div>
<div class="groovy"><header>Пожелания</header>
Посмотрите на эту красавицу! Она прекрасна собой. А теперь представьте, что её путь оборвался совершенно случайно и она так и не успела очень многого в этой жизни. Кто знает, может её испил вампир и теперь она шастает за ним по пятам сводя с ума и питаясь его энергией, а может её путь окончился перед выпускным, и она теперь желает вечного праздника, подметая полы невидимым платьем. <br>
Сделайте её интересной, невыносимой, реально-нереальной. Той, кого хочется придушить после часа рядом, но руки так и не смыкаются на призрачном горле. <br>
Заглядывайте! Я буду рада вам. От себя могу предложить игру и "пропитание".<br>

</div>
</div>

</div>
[/html]

Отредактировано Melissa Gillies (2019-08-15 22:03:42)

+5

4

внешность занята

[html]<link href="https://fonts.googleapis.com/css?family=Raleway|Roboto" rel="stylesheet">
<div style="width:600px;margin:0 auto">
<style>
 
  #ohsehun {margin: auto;
  width: 550px;
  height: 550px;
  border: 2px solid #666;
  position: relative;
  background: #889194;
  border-radius: 10px;
  }
 
 
#ohsehun .loveme {box-sizing: border-box;
  position: absolute;
  top: 55px;
  text-align: right;
  width: 250px;
  background: #e13672;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  object-fit: cover;
  display: block;
  }
 
  #ohsehun .loveme2 {box-sizing: border-box;
  position: absolute;
  top: 55px;
  width: 250px;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  display: block;
  }
 
  #ohsehun .bigworm {box-sizing: border-box;
  padding: 15px;
  text-align: right;
  font-size: 13px;
  line-height: 1.3px;
  color: #314754;
  text-transform: uppercase;
  background: #fcfcfc;
  width: 250px;
  border: 0px;
  border-radius: 0px 10px 10px 0px;
  position: absolute;
  top: 10px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .bigworm2 {
  padding: 15px;
  text-align: left;
  font-size: 13px;
  line-height: 1.3px;
  color: #e1e1e1;
  text-transform: uppercase;
  background: #11211e;
  width: 190px;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 10px;
  left: 330px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .smolworm {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 60px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
    #ohsehun .smolworm2 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 90px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }
 
    #ohsehun .smolworm3 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 120px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }

  #ohsehun .smolworm4 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 150px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
 
  #ohsehun .smolworm5 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 180px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
  #ohsehun .groovy {box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
  text-align: justify;
  color: #000;
  border: 0px;
  border-radius: 10px;
  font-family: 'roboto';
  overflow: auto;
  position: absolute;
  background: #fcfcfc;
  border-radius: 10px 0px 0px 10px;
  top: 220px;
  left: 20px;
  width: 510px;
  height: 310px;
  }
 
  #ohsehun .groovy header {font-size: 16px;
  text-align: right;
  color: #314754;
  text-transform: uppercase;
  font-family: 'raleway';
  font-weight: bold;
  }
 
#ohsehun ::-webkit-scrollbar {
    width: 5px;
}

#ohsehun ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#ohsehun ::-webkit-scrollbar-thumb {
    background: #324258;
}

#ohsehun ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

</style>

<div id="ohsehun"><div class="loveme2"></div>  <div class="bigworm">Хочу видеть</div>
<div class="bigworm2">того кто боится себя</div>
<img src="https://i.postimg.cc/Wz3PBRVn/tumblr-pq4zb339-Ep1r272lro7-400.gif" class="loveme">
<div class="smolworm">Пол: мужской</div>
<div class="smolworm2">Возраст: 30</div>
<div class="smolworm3">Раса: Маг. Медиум</div>
<div class="smolworm4">Род деятельности: наркоман/дилер</div>
<div class="smolworm5">Внешность на англ: Robert Sheehan</div>
<div class="groovy"><header>Пожелания</header>
Коротко и ясно - хочу! Прям как номер Четыре.<br>
Больше пошлостей, меньше адеквата.

</div>
</div>

</div>
[/html]

Отредактировано Melissa Gillies (2021-01-07 16:35:35)

+4

5

[html]<link href="https://fonts.googleapis.com/css?family=Raleway|Roboto" rel="stylesheet">
<div style="width:600px;margin:0 auto">
<style>
 
  #ohsehun {margin: auto;
  width: 550px;
  height: 550px;
  border: 2px solid #666;
  position: relative;
  background: #889194;
  border-radius: 10px;
  }
 
 
#ohsehun .loveme {box-sizing: border-box;
  position: absolute;
  top: 55px;
  text-align: right;
  width: 250px;
  background: #e13672;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  object-fit: cover;
  display: block;
  }
 
  #ohsehun .loveme2 {box-sizing: border-box;
  position: absolute;
  top: 55px;
  width: 250px;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  display: block;
  }

 
  #ohsehun .bigworm {box-sizing: border-box;
  padding: 15px;
  text-align: right;
  font-size: 13px;
  line-height: 1.3px;
  color: #314754;
  text-transform: uppercase;
  background: #fcfcfc;
  width: 250px;
  border: 0px;
  border-radius: 0px 10px 10px 0px;
  position: absolute;
  top: 10px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .bigworm2 {
  padding: 15px;
  text-align: left;
  font-size: 13px;
  line-height: 1.3px;
  color: #e1e1e1;
  text-transform: uppercase;
  background: #11211e;
  width: 190px;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 10px;
  left: 330px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .smolworm {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 60px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
    #ohsehun .smolworm2 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 90px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }
 
    #ohsehun .smolworm3 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 120px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }

  #ohsehun .smolworm4 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 150px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
 
  #ohsehun .smolworm5 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 180px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
  #ohsehun .groovy {box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
  text-align: justify;
  color: #000;
  border: 0px;
  border-radius: 10px;
  font-family: 'roboto';
  overflow: auto;
  position: absolute;
  background: #fcfcfc;
  border-radius: 10px 0px 0px 10px;
  top: 220px;
  left: 20px;
  width: 510px;
  height: 310px;
  }
 
  #ohsehun .groovy header {font-size: 16px;
  text-align: right;
  color: #314754;
  text-transform: uppercase;
  font-family: 'raleway';
  font-weight: bold;
  }
 
#ohsehun ::-webkit-scrollbar {
    width: 5px;
}

#ohsehun ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#ohsehun ::-webkit-scrollbar-thumb {
    background: #324258;
}

#ohsehun ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

</style>

<div id="ohsehun"><div class="loveme2"></div>  <div class="bigworm">Хочу видеть</div>
<div class="bigworm2">Красивую Фею</div>
<img src="https://i.postimg.cc/LXkPJJwh/bridget-satterlee-gif-9.gif" class="loveme">
<div class="smolworm">Пол: женский</div>
<div class="smolworm2">Возраст: -</div>
<div class="smolworm3">Раса: Фея/Маг/Вампир/Человек</div>
<div class="smolworm4">Род деятельности: кем угодно</div>
<div class="smolworm5">Внешность на англ: Bridget Satterlee</div>
<div class="groovy"><header>Пожелания</header>
Ну разве можно пройти мимо такой привлекательно внешности? Хочешь, можешь быть убитой горем сестрой, которая ищет виновного в смерти своего брата, которого убили год тому назад. Драма, расследования, стекло и подозрения... все это можно интересно закрутить.

</div>
</div>

</div>
[/html]

+4

6

[html]<link href="https://fonts.googleapis.com/css?family=Raleway|Roboto" rel="stylesheet">
<div style="width:600px;margin:0 auto">
<style>
 
  #ohsehun {margin: auto;
  width: 550px;
  height: 550px;
  border: 2px solid #666;
  position: relative;
  background: #889194;
  border-radius: 10px;
  }
 
 
#ohsehun .loveme {box-sizing: border-box;
  position: absolute;
  top: 55px;
  text-align: right;
  width: 250px;
  background: #e13672;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  object-fit: cover;
  display: block;
  }
 
  #ohsehun .loveme2 {box-sizing: border-box;
  position: absolute;
  top: 55px;
  width: 250px;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  display: block;
  }

 
  #ohsehun .bigworm {box-sizing: border-box;
  padding: 15px;
  text-align: right;
  font-size: 13px;
  line-height: 1.3px;
  color: #314754;
  text-transform: uppercase;
  background: #fcfcfc;
  width: 250px;
  border: 0px;
  border-radius: 0px 10px 10px 0px;
  position: absolute;
  top: 10px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .bigworm2 {
  padding: 15px;
  text-align: left;
  font-size: 13px;
  line-height: 1.3px;
  color: #e1e1e1;
  text-transform: uppercase;
  background: #11211e;
  width: 190px;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 10px;
  left: 330px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .smolworm {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 60px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
    #ohsehun .smolworm2 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 90px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }
 
    #ohsehun .smolworm3 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 120px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }

  #ohsehun .smolworm4 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 150px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
 
  #ohsehun .smolworm5 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 180px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
  #ohsehun .groovy {box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
  text-align: justify;
  color: #000;
  border: 0px;
  border-radius: 10px;
  font-family: 'roboto';
  overflow: auto;
  position: absolute;
  background: #fcfcfc;
  border-radius: 10px 0px 0px 10px;
  top: 220px;
  left: 20px;
  width: 510px;
  height: 310px;
  }
 
  #ohsehun .groovy header {font-size: 16px;
  text-align: right;
  color: #314754;
  text-transform: uppercase;
  font-family: 'raleway';
  font-weight: bold;
  }
 
#ohsehun ::-webkit-scrollbar {
    width: 5px;
}

#ohsehun ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#ohsehun ::-webkit-scrollbar-thumb {
    background: #324258;
}

#ohsehun ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

</style>

<div id="ohsehun"><div class="loveme2"></div>  <div class="bigworm">Хочу видеть</div>
<div class="bigworm2">Улыбчивый Инквизитор</div>
<img src="https://i.pinimg.com/originals/37/dd/cf/37ddcf131f21e4546662b366864cc30a.gif" class="loveme">
<div class="smolworm">Пол: мужской</div>
<div class="smolworm2">Возраст: 35-40</div>
<div class="smolworm3">Раса: человек</div>
<div class="smolworm4">Род деятельности: стоматолог</div> 
<div class="smolworm5">Внешность на англ: tom hardy </div>
<div class="groovy"><header>Пожелания</header>
Тебя тяжело раскусить, за внешностью улыбчивого и приятного человека скрывается охотник. Ты ненавидишь нечисть и готов её истреблять как кариес, с которым привык бороться. 

</div>
</div>

</div>
[/html]

Отредактировано Ragna Varhaug (2020-07-29 11:18:40)

+4

7

[html]<link href="https://fonts.googleapis.com/css?family=Raleway|Roboto" rel="stylesheet">
<div style="width:600px;margin:0 auto">
<style>
 
  #ohsehun {margin: auto;
  width: 550px;
  height: 550px;
  border: 2px solid #666;
  position: relative;
  background: #889194;
  border-radius: 10px;
  }
 
 
#ohsehun .loveme {box-sizing: border-box;
  position: absolute;
  top: 55px;
  text-align: right;
  width: 250px;
  background: #e13672;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  object-fit: cover;
  display: block;
  }
 
  #ohsehun .loveme2 {box-sizing: border-box;
  position: absolute;
  top: 55px;
  width: 250px;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  display: block;
  }

 
  #ohsehun .bigworm {box-sizing: border-box;
  padding: 15px;
  text-align: right;
  font-size: 13px;
  line-height: 1.3px;
  color: #314754;
  text-transform: uppercase;
  background: #fcfcfc;
  width: 250px;
  border: 0px;
  border-radius: 0px 10px 10px 0px;
  position: absolute;
  top: 10px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .bigworm2 {
  padding: 15px;
  text-align: left;
  font-size: 13px;
  line-height: 1.3px;
  color: #e1e1e1;
  text-transform: uppercase;
  background: #11211e;
  width: 190px;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 10px;
  left: 330px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .smolworm {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 60px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
    #ohsehun .smolworm2 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 90px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }
 
    #ohsehun .smolworm3 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 120px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }

  #ohsehun .smolworm4 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 150px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
 
  #ohsehun .smolworm5 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 180px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
  #ohsehun .groovy {box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
  text-align: justify;
  color: #000;
  border: 0px;
  border-radius: 10px;
  font-family: 'roboto';
  overflow: auto;
  position: absolute;
  background: #fcfcfc;
  border-radius: 10px 0px 0px 10px;
  top: 220px;
  left: 20px;
  width: 510px;
  height: 310px;
  }
 
  #ohsehun .groovy header {font-size: 16px;
  text-align: right;
  color: #314754;
  text-transform: uppercase;
  font-family: 'raleway';
  font-weight: bold;
  }
 
#ohsehun ::-webkit-scrollbar {
    width: 5px;
}

#ohsehun ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#ohsehun ::-webkit-scrollbar-thumb {
    background: #324258;
}

#ohsehun ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

</style>

<div id="ohsehun"><div class="loveme2"></div>  <div class="bigworm">Хочу видеть</div>
<div class="bigworm2">Веселую компанию</div>
<img src="https://i.imgur.com/nlEOhdF.jpg" class="loveme">
<div class="smolworm">Мужской</div>
<div class="smolworm2">16-25</div>
<div class="smolworm3">Человек/маг</div>
<div class="smolworm4">Род деятельности: любой</div>
<div class="smolworm5"> Указаны ниже</div>
<div class="groovy"><header>Пожелания</header>
Имена: Steven Strait/Taylor Kitsch / Chace Crawford / Toby Hemingway.
Может найдутся любители фильма «Сделка с дьяволом». Очень понравилась эта четверка. Каждый из них обладает своей притягательностью и харизмой. Хочется на форуме больше опасных парней, адреналина по венам и легкого безумия.
Ваши родители могут иметь нелегальный бизнес, быть потомственными магами или еще что.  Придумать историю не проблема и я с радость помогу если нужно.

</div>
</div>

</div>
[/html]

Отредактировано Hayley Wilson (2020-06-03 19:10:33)

+6

8

[html]<link href="https://fonts.googleapis.com/css?family=Raleway|Roboto" rel="stylesheet">
<div style="width:600px;margin:0 auto">
<style>
 
  #ohsehun {margin: auto;
  width: 550px;
  height: 550px;
  border: 2px solid #666;
  position: relative;
  background: #889194;
  border-radius: 10px;
  }
 
 
#ohsehun .loveme {box-sizing: border-box;
  position: absolute;
  top: 55px;
  text-align: right;
  width: 250px;
  background: #e13672;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  object-fit: cover;
  display: block;
  }
 
  #ohsehun .loveme2 {box-sizing: border-box;
  position: absolute;
  top: 55px;
  width: 250px;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  display: block;
  }

 
  #ohsehun .bigworm {box-sizing: border-box;
  padding: 15px;
  text-align: right;
  font-size: 13px;
  line-height: 1.3px;
  color: #314754;
  text-transform: uppercase;
  background: #fcfcfc;
  width: 250px;
  border: 0px;
  border-radius: 0px 10px 10px 0px;
  position: absolute;
  top: 10px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .bigworm2 {
  padding: 15px;
  text-align: left;
  font-size: 13px;
  line-height: 1.3px;
  color: #e1e1e1;
  text-transform: uppercase;
  background: #11211e;
  width: 190px;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 10px;
  left: 330px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .smolworm {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 60px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
    #ohsehun .smolworm2 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 90px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }
 
    #ohsehun .smolworm3 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 120px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }

  #ohsehun .smolworm4 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 150px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
 
  #ohsehun .smolworm5 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 180px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
  #ohsehun .groovy {box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
  text-align: justify;
  color: #000;
  border: 0px;
  border-radius: 10px;
  font-family: 'roboto';
  overflow: auto;
  position: absolute;
  background: #fcfcfc;
  border-radius: 10px 0px 0px 10px;
  top: 220px;
  left: 20px;
  width: 510px;
  height: 310px;
  }
 
  #ohsehun .groovy header {font-size: 16px;
  text-align: right;
  color: #314754;
  text-transform: uppercase;
  font-family: 'raleway';
  font-weight: bold;
  }
 
#ohsehun ::-webkit-scrollbar {
    width: 5px;
}

#ohsehun ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#ohsehun ::-webkit-scrollbar-thumb {
    background: #324258;
}

#ohsehun ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

</style>

<div id="ohsehun"><div class="loveme2"></div>  <div class="bigworm">Хочу видеть</div>
<div class="bigworm2">местную звезду</div>
<img src="https://i.postimg.cc/pdtyLQWk/tumblr-ongw1v-Dpld1w34u91o2-500.gif" class="loveme">
<div class="smolworm">Пол: мужской</div>
<div class="smolworm2">Возраст: 18-20</div>
<div class="smolworm3">Раса: маг/вампир</div>
<div class="smolworm4">Род деятельности: у тебя своя рок-группа</div>
<div class="smolworm5">Внешность на англ: Andy Biersack</div>
<div class="groovy"><header>Пожелания</header>
Этому городу не хватает драйва, зажигательного музыканта со своей группой. </br>
Будь дерзким, загадочным, не иди на поводу. </br>
Приходи и как минимум получишь одну рыжеволосую фанатку, как максимум - целое фаер-шоу и не только страстей.

</div>
</div>

</div>
[/html]

Отредактировано Julietta Postlethwaite (2020-06-17 00:15:45)

+7

9

[html]<link href="https://fonts.googleapis.com/css?family=Raleway|Roboto" rel="stylesheet">
<div style="width:600px;margin:0 auto">
<style>
 
  #ohsehun {margin: auto;
  width: 550px;
  height: 550px;
  border: 2px solid #666;
  position: relative;
  background: #889194;
  border-radius: 10px;
  }
 
 
#ohsehun .loveme {box-sizing: border-box;
  position: absolute;
  top: 55px;
  text-align: right;
  width: 250px;
  background: #e13672;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  object-fit: cover;
  display: block;
  }
 
  #ohsehun .loveme2 {box-sizing: border-box;
  position: absolute;
  top: 55px;
  width: 250px;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  display: block;
  }

 
  #ohsehun .bigworm {box-sizing: border-box;
  padding: 15px;
  text-align: right;
  font-size: 13px;
  line-height: 1.3px;
  color: #314754;
  text-transform: uppercase;
  background: #fcfcfc;
  width: 250px;
  border: 0px;
  border-radius: 0px 10px 10px 0px;
  position: absolute;
  top: 10px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .bigworm2 {
  padding: 15px;
  text-align: left;
  font-size: 13px;
  line-height: 1.3px;
  color: #e1e1e1;
  text-transform: uppercase;
  background: #11211e;
  width: 190px;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 10px;
  left: 330px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .smolworm {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 60px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
    #ohsehun .smolworm2 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 90px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }
 
    #ohsehun .smolworm3 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 120px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }

  #ohsehun .smolworm4 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 150px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
 
  #ohsehun .smolworm5 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 180px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
  #ohsehun .groovy {box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
  text-align: justify;
  color: #000;
  border: 0px;
  border-radius: 10px;
  font-family: 'roboto';
  overflow: auto;
  position: absolute;
  background: #fcfcfc;
  border-radius: 10px 0px 0px 10px;
  top: 220px;
  left: 20px;
  width: 510px;
  height: 310px;
  }
 
  #ohsehun .groovy header {font-size: 16px;
  text-align: right;
  color: #314754;
  text-transform: uppercase;
  font-family: 'raleway';
  font-weight: bold;
  }
 
#ohsehun ::-webkit-scrollbar {
    width: 5px;
}

#ohsehun ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#ohsehun ::-webkit-scrollbar-thumb {
    background: #324258;
}

#ohsehun ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

</style>

<div id="ohsehun"><div class="loveme2"></div>  <div class="bigworm">Хочу видеть</div>
<div class="bigworm2">страх и ужас</div>
<img src="http://forumupload.ru/uploads/001a/07/79/26/t169118.gif" class="loveme">
<div class="smolworm2">Возраст: парням по 30, девушке не больше 25</div>
<div class="smolworm3">Раса: люди.</div>
<div class="smolworm4">Род деятельности: инквизиторы</div>
<div class="smolworm5">Внешность: Davenport, Cotrona, Holtz</div>
<div class="groovy"><header>Пожелания</header>
Нашему городку ой как не хватает таких как вы, чтоб прям пришли и начали шатать устаканившуюся систему.

</div>
</div>

</div>
[/html]

+3

10

[html]<link href="https://fonts.googleapis.com/css?family=Raleway|Roboto" rel="stylesheet">
<div style="width:600px;margin:0 auto">
<style>
 
  #ohsehun {margin: auto;
  width: 550px;
  height: 550px;
  border: 2px solid #666;
  position: relative;
  background: #889194;
  border-radius: 10px;
  }
 
 
#ohsehun .loveme {box-sizing: border-box;
  position: absolute;
  top: 55px;
  text-align: right;
  width: 250px;
  background: #e13672;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  object-fit: cover;
  display: block;
  }
 
  #ohsehun .loveme2 {box-sizing: border-box;
  position: absolute;
  top: 55px;
  width: 250px;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  display: block;
  }

 
  #ohsehun .bigworm {box-sizing: border-box;
  padding: 15px;
  text-align: right;
  font-size: 13px;
  line-height: 1.3px;
  color: #314754;
  text-transform: uppercase;
  background: #fcfcfc;
  width: 250px;
  border: 0px;
  border-radius: 0px 10px 10px 0px;
  position: absolute;
  top: 10px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .bigworm2 {
  padding: 15px;
  text-align: left;
  font-size: 13px;
  line-height: 1.3px;
  color: #e1e1e1;
  text-transform: uppercase;
  background: #11211e;
  width: 190px;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 10px;
  left: 330px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .smolworm {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 60px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
    #ohsehun .smolworm2 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 90px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }
 
    #ohsehun .smolworm3 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 120px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }

  #ohsehun .smolworm4 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 150px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
 
  #ohsehun .smolworm5 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 180px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
  #ohsehun .groovy {box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
  text-align: justify;
  color: #000;
  border: 0px;
  border-radius: 10px;
  font-family: 'roboto';
  overflow: auto;
  position: absolute;
  background: #fcfcfc;
  border-radius: 10px 0px 0px 10px;
  top: 220px;
  left: 20px;
  width: 510px;
  height: 310px;
  }
 
  #ohsehun .groovy header {font-size: 16px;
  text-align: right;
  color: #314754;
  text-transform: uppercase;
  font-family: 'raleway';
  font-weight: bold;
  }
 
#ohsehun ::-webkit-scrollbar {
    width: 5px;
}

#ohsehun ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#ohsehun ::-webkit-scrollbar-thumb {
    background: #324258;
}

#ohsehun ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

</style>

<div id="ohsehun"><div class="loveme2"></div>  <div class="bigworm">Хочу видеть</div>
<div class="bigworm2">сурового строителя</div>
<img src="http://forumupload.ru/uploads/0017/06/e6/2/t17179.gif" class="loveme">
<div class="smolworm">Пол: мужской</div>
<div class="smolworm2">Возраст: 35-45</div>
<div class="smolworm3">Раса: оборотень</div>
<div class="smolworm4">Род деятельности: строитель/разрушитель</div>
<div class="smolworm5">Внешность на англ: Jeremy Renner</div>
<div class="groovy"><header>Пожелания</header>
Хочу видеть его на форуме! Он же шикарный мужчина и очень даже активный.

</div>
</div>

</div>
[/html]

+4

11

[html]<link href="https://fonts.googleapis.com/css?family=Raleway|Roboto" rel="stylesheet">
<div style="width:600px;margin:0 auto">
<style>
 
  #ohsehun {margin: auto;
  width: 550px;
  height: 550px;
  border: 2px solid #666;
  position: relative;
  background: #889194;
  border-radius: 10px;
  }
 
 
#ohsehun .loveme {box-sizing: border-box;
  position: absolute;
  top: 55px;
  text-align: right;
  width: 250px;
  background: #e13672;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  object-fit: cover;
  display: block;
  }
 
  #ohsehun .loveme2 {box-sizing: border-box;
  position: absolute;
  top: 55px;
  width: 250px;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  display: block;
  }

 
  #ohsehun .bigworm {box-sizing: border-box;
  padding: 15px;
  text-align: right;
  font-size: 13px;
  line-height: 1.3px;
  color: #314754;
  text-transform: uppercase;
  background: #fcfcfc;
  width: 250px;
  border: 0px;
  border-radius: 0px 10px 10px 0px;
  position: absolute;
  top: 10px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .bigworm2 {
  padding: 15px;
  text-align: left;
  font-size: 13px;
  line-height: 1.3px;
  color: #e1e1e1;
  text-transform: uppercase;
  background: #11211e;
  width: 190px;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 10px;
  left: 330px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .smolworm {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 60px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
    #ohsehun .smolworm2 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 90px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }
 
    #ohsehun .smolworm3 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 120px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }

  #ohsehun .smolworm4 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 150px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
 
  #ohsehun .smolworm5 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 180px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
  #ohsehun .groovy {box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
  text-align: justify;
  color: #000;
  border: 0px;
  border-radius: 10px;
  font-family: 'roboto';
  overflow: auto;
  position: absolute;
  background: #fcfcfc;
  border-radius: 10px 0px 0px 10px;
  top: 220px;
  left: 20px;
  width: 510px;
  height: 310px;
  }
 
  #ohsehun .groovy header {font-size: 16px;
  text-align: right;
  color: #314754;
  text-transform: uppercase;
  font-family: 'raleway';
  font-weight: bold;
  }
 
#ohsehun ::-webkit-scrollbar {
    width: 5px;
}

#ohsehun ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#ohsehun ::-webkit-scrollbar-thumb {
    background: #324258;
}

#ohsehun ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

</style>

<div id="ohsehun"><div class="loveme2"></div>  <div class="bigworm">Хочу видеть</div>
<div class="bigworm2">бойца</div>
<img src="https://i5.imageban.ru/out/2020/12/24/d038e549e4cc2764df0bef9553989598.gif" class="loveme">
<div class="smolworm">Пол: мужской</div>
<div class="smolworm2">Возраст: 32-48</div>
<div class="smolworm3">Раса: Ликой. Стая Эра. </div>
<div class="smolworm4"> пожарный, граффити-художник.</div>
<div class="smolworm5">Внешность: toni mahfud</div>
<div class="groovy"><header>Пожелания</header><br>
Не знаю когда именно ты появился в стае, а может родился, как и большинство из нас, но точно знаю одно - твои граффити, которыми пестрит город — это что-то нечто. Уверенна, не одна я поражена этой красотой. Ты всегда пытаешься привнести огромный смысл в каждую из картин и дико бесишься, когда какой-то мудак портит представление о граффити кривыми надписями на всю стену. <br>
А ещё ты замечательный пожарный. Уверенна, ты мечтал о этой работе с самого детства, наблюдая за отцом, который так же, как и ты нынче, спасал жизни. <br><br>
Приходи! Нам срочно нужен тот, кто потушит все возгорания)))

</div>
</div>

</div>
[/html]

+4

12

[html]<link href="https://fonts.googleapis.com/css?family=Raleway|Roboto" rel="stylesheet">
<div style="width:600px;margin:0 auto">
<style>
 
  #ohsehun {margin: auto;
  width: 550px;
  height: 550px;
  border: 2px solid #666;
  position: relative;
  background: #889194;
  border-radius: 10px;
  }
 
 
#ohsehun .loveme {box-sizing: border-box;
  position: absolute;
  top: 55px;
  text-align: right;
  width: 250px;
  background: #e13672;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  object-fit: cover;
  display: block;
  }
 
  #ohsehun .loveme2 {box-sizing: border-box;
  position: absolute;
  top: 55px;
  width: 250px;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  display: block;
  }

 
  #ohsehun .bigworm {box-sizing: border-box;
  padding: 15px;
  text-align: right;
  font-size: 13px;
  line-height: 1.3px;
  color: #314754;
  text-transform: uppercase;
  background: #fcfcfc;
  width: 250px;
  border: 0px;
  border-radius: 0px 10px 10px 0px;
  position: absolute;
  top: 10px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .bigworm2 {
  padding: 15px;
  text-align: left;
  font-size: 13px;
  line-height: 1.3px;
  color: #e1e1e1;
  text-transform: uppercase;
  background: #11211e;
  width: 190px;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 10px;
  left: 330px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .smolworm {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 60px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
    #ohsehun .smolworm2 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 90px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }
 
    #ohsehun .smolworm3 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 120px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }

  #ohsehun .smolworm4 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 150px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
 
  #ohsehun .smolworm5 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 180px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
  #ohsehun .groovy {box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
  text-align: justify;
  color: #000;
  border: 0px;
  border-radius: 10px;
  font-family: 'roboto';
  overflow: auto;
  position: absolute;
  background: #fcfcfc;
  border-radius: 10px 0px 0px 10px;
  top: 220px;
  left: 20px;
  width: 510px;
  height: 310px;
  }
 
  #ohsehun .groovy header {font-size: 16px;
  text-align: right;
  color: #314754;
  text-transform: uppercase;
  font-family: 'raleway';
  font-weight: bold;
  }
 
#ohsehun ::-webkit-scrollbar {
    width: 5px;
}

#ohsehun ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#ohsehun ::-webkit-scrollbar-thumb {
    background: #324258;
}

#ohsehun ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

</style>

<div id="ohsehun"><div class="loveme2"></div>  <div class="bigworm">Хочу видеть</div>
<div class="bigworm2">Инквизитора в доспехах</div>
<img src="https://thumbs.gfycat.com/ActualGiftedBinturong-size_restricted.gif" class="loveme">
<div class="smolworm">Пол: мужской</div>
<div class="smolworm2">Возраст: около 45</div>
<div class="smolworm3">Раса: человек</div>
<div class="smolworm4">Род деятельности: инквизитор</div>
<div class="smolworm5">Внешность на англ: Nikolaj Coster-Waldau</div>
<div class="groovy"><header>Пожелания</header>
Хочу больше инквизиторов и увидеть Николашу. </br>Нашему форуму явно не хватает Николаши!

</div>
</div>

</div>
[/html]

0

13

[html]<link href="https://fonts.googleapis.com/css?family=Raleway|Roboto" rel="stylesheet">
<div style="width:600px;margin:0 auto">
<style>
 
  #ohsehun {margin: auto;
  width: 550px;
  height: 550px;
  border: 2px solid #666;
  position: relative;
  background: #889194;
  border-radius: 10px;
  }
 
 
#ohsehun .loveme {box-sizing: border-box;
  position: absolute;
  top: 55px;
  text-align: right;
  width: 250px;
  background: #e13672;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  object-fit: cover;
  display: block;
  }
 
  #ohsehun .loveme2 {box-sizing: border-box;
  position: absolute;
  top: 55px;
  width: 250px;
  border-radius: 0px 10px 10px 0px;
  height: 150px;
  display: block;
  }

 
  #ohsehun .bigworm {box-sizing: border-box;
  padding: 15px;
  text-align: right;
  font-size: 13px;
  line-height: 1.3px;
  color: #314754;
  text-transform: uppercase;
  background: #fcfcfc;
  width: 250px;
  border: 0px;
  border-radius: 0px 10px 10px 0px;
  position: absolute;
  top: 10px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .bigworm2 {
  padding: 15px;
  text-align: left;
  font-size: 13px;
  line-height: 1.3px;
  color: #e1e1e1;
  text-transform: uppercase;
  background: #11211e;
  width: 190px;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 10px;
  left: 330px;
  font-family: 'raleway';
  font-weight: bold;
  }
 
  #ohsehun .smolworm {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 60px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
    #ohsehun .smolworm2 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 90px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }
 
    #ohsehun .smolworm3 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 120px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
    font-weight: bold;
  }

  #ohsehun .smolworm4 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 150px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
 
  #ohsehun .smolworm5 {box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  color: #000;
  line-height: 2px;
  background: #fcfcfc;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 180px;
  width: 290px;
  left: 260px;
  font-family: 'roboto';
  text-transform: uppercase;
  font-weight: bold;
  }
 
  #ohsehun .groovy {box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
  text-align: justify;
  color: #000;
  border: 0px;
  border-radius: 10px;
  font-family: 'roboto';
  overflow: auto;
  position: absolute;
  background: #fcfcfc;
  border-radius: 10px 0px 0px 10px;
  top: 220px;
  left: 20px;
  width: 510px;
  height: 310px;
  }
 
  #ohsehun .groovy header {font-size: 16px;
  text-align: right;
  color: #314754;
  text-transform: uppercase;
  font-family: 'raleway';
  font-weight: bold;
  }
 
#ohsehun ::-webkit-scrollbar {
    width: 5px;
}

#ohsehun ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#ohsehun ::-webkit-scrollbar-thumb {
    background: #324258;
}

#ohsehun ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

</style>

<div id="ohsehun"><div class="loveme2"></div>  <div class="bigworm">Хочу видеть</div>
<div class="bigworm2">Каз</div>
<img src="https://64.media.tumblr.com/2000430af71a031f587a2e73d314efe9/f04ad9c559b7022b-2a/s500x750/c4edd09217faddd3de3e06b5f033c2db25c13dd2.gifv" class="loveme">
<div class="smolworm">Пол: Мужской</div>
<div class="smolworm2">Возраст: 18-25</div>
<div class="smolworm3">Раса: маг/человек</div>
<div class="smolworm4">Род деятельности: - </div>
<div class="smolworm5">Freddy Carter </div>
<div class="groovy"><header>Пожелания</header>
Я не знаю куда можно сунуть в Валдмонде Каза, но он нам точно нужен! Очень сильно.

</div>
</div>

</div>
[/html]

0


Вы здесь » Waldmond » Акции » Хочу видеть


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