мистика хоррор детектив лето 2026 г.

daymare

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

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


Вы здесь » daymare » halloween festival » дом дэнни и мэнни: aesthetics


дом дэнни и мэнни: aesthetics

Сообщений 31 страница 33 из 33

1

Код:
<!--HTML--><div class="daymare-theme-wrapper daymare-theme-card" data-daymare-theme="contests">
<div class="daymare-theme-title">
дом дэнни и мэнни: aesthetics
</div><div class="daymare-theme-text">
<p>Дэнни открывает дверь и за его плечами тут же появляется фигура Мэнни — их лица выглядят отстраненно и вопросительно, они словно и вовсе забыли, что сегодня Хэллоуин, и поэтому искренне не понимают, почему вы сейчас стоите на их пороге. Вы неловко переминаетесь несколько секунд и все же спрашиваете: <i>сладость или гадость?</i> После секундного молчания Мэнни выдыхает: <i>о боже</i>, и Дэнни вдруг смеется. Они, оказывается, и правда забыли про Хэллоуин, пока увлеченно работали над своим новым выпуском для youtube-канала «after midnight». Они перебрасываются взглядами и поясняют, что собирают материал про темную сторону и секреты жителей Хорсшу-Бэй, когда Дэнни вдруг осеняет внезапная мысль и он шутливо выдает: <i>сладость в обмен на гадость?</i> Мэнни мгновенно подхватывает идею и оживленно кивает: может быть у вас есть информация или кадры, которые подошли бы для их свежего выпуска? Может быть и есть...<br></p>

<p>Может быть, эстетика персонажей может быть не только красивой, но иногда еще и мрачной или вовсе жуткой, и Хэллоуин — это как раз то самое время, когда можно раскрыть своего персонажа с темной стороны? Именно такой материал сейчас интересует Дэнни и Мэнни. Они говорят, что все просто: для выпуска необходимо <b>собрать девять картинок</b> по представленным пунктам и <b>добавить к ним трек</b> в духе вашего героя, текст или звучание которого вызвали бы тревожные мурашки. Поможем Дэнни и Мэнни?<br></p>

<div class="quote-box spoiler-box">
<div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">
<span style="font-size: 10px;"><center>пояснения к пунктам</center></span>
</div>
<blockquote>
<p> <strong>CURSE</strong>— это визуал на проклятие вашего персонажа. даже если у вашего персонажа не описано проклятие, вы можете предположить, каким бы оно могло быть<br>
<strong>SIN</strong> — это один из семи библейских смертных грехов, который наиболее точно ложится на образ вашего персонажа. так за что ваш персонаж попадет в ад после смерти?<br>
<strong>HORROR</strong> — это эстетика существующего хоррор-фильма, в который ваш персонаж вписался бы по вайбу или своей истории и в котором мог бы стать одним из героев<br>
<strong>FEAR</strong> — это страх, фобия, триггер, что-либо (или кто-либо?), что способно вывести вашего персонажа из зоны комфорта и заставить его чувствовать тревогу и панику<br>
<strong>DEATH</strong> — это причина смерти в характере вашего персонажа, которой вы теоретически могли бы закончить его историю, если бы захотели его убить<br>
<strong>NIGHTMARE</strong> — это вайб ночного кошмара, который мог бы мучить вашего персонажа или присниться ему всего один раз, но запомниться надолго<br>
<strong>AMULET</strong> — это личный предмет, который мог бы стать для вашего персонажа надежным оберегом от зла, пусть то фамильное кольцо, камушек или безделушка с барахолки<br>
<strong>CREATURE</strong> — это мифологическое или фольклорное существо, которому приписывают принадлежность к силам зла и которое ассоциируется с вашим персонажем<br>
<strong>ODDITY</strong> — это странность вашего персонажа. даже если вы не прописывали персонажу странность, можно предположить, какой бы она была
</p>
</blockquote>
</div>
<br>
<p>Для вашего удобства как всегда предоставлен <b>конструктор</b>, который упрощает работу с кодами и собирает их за вас, чтобы вы могли просто наслаждаться визуальным процессом:<br><br>
<center><big><strong><a href="https://aesthhlw.netlify.app">КОНСТРУКТОР ЭСТЕТИКИ</a></strong></big></center></p>

<p>Дэнни и Мэнни собирают материал для своего репортажа <b>с 24.10 по 30.10 включительно</b> и обещают отсыпать горстку из <b>15 конфет</b> за предоставленный материал на персонажей.</p>
</div></div></div>

[hideprofile]

+14

31

[html]
<div style="display:flex;justify-content:center;">
<div class="rp-card rp-card-default">
    <div class="rp-grid">
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/736x/84/8d/91/848d91baba0501044646eff57ff51192.jpg')"><div class="rp-tile-overlay"><span>curse</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/736x/e2/64/39/e26439c9fafec620cd4891ac48a73a0e.jpg')"><div class="rp-tile-overlay"><span>sin</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/736x/41/b7/20/41b7202fe2a776a555776bffd378e279.jpg')"><div class="rp-tile-overlay"><span>horror</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/736x/0f/5d/4b/0f5d4b6aa613d8381f4d19c635308695.jpg')"><div class="rp-tile-overlay"><span>fear</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/736x/92/76/92/9276927bacb4148ce88e0c9b8ee2a3ed.jpg')"><div class="rp-tile-overlay"><span>death</span></div></div>
      <div class="rp-tile" style="background-image:url('https://forumstatic.ru/files/0008/5c/99/62222.png')"><div class="rp-tile-overlay"><span>nightmare</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/736x/ac/ee/9c/acee9c43784812ecb58c91dd3ea8fb7e.jpg')"><div class="rp-tile-overlay"><span>amulet</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/1200x/e0/10/b6/e010b6d9e7f35ecf625dec0e7ab6e824.jpg')"><div class="rp-tile-overlay"><span>creature</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/1200x/36/a2/7a/36a27ae183a54a8f60e649218092fcef.jpg')"><div class="rp-tile-overlay"><span>oddity</span></div></div>
    </div>
    <div class="rp-info">
      <div class="rp-song">Princeps Caeli</div>
      <div class="rp-artist">Nosturne Dominus</div>
    </div>
    <div class="rp-progress">
      <div class="rp-progress-fill" style="width:112px"></div>
    </div>
    <div class="rp-time">
      <span>1:34</span>
      <span>4:40</span>
    </div>
    <div class="rp-controls">
      <svg viewBox="0 0 40 41" xmlns="http://www.w3.org/2000/svg"><path d="M19 20.5L37 6v29L19 20.5z"/><path d="M1 20.5L19 6v29L1 20.5z"/></svg>
      <svg viewBox="0 0 30 41" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="4" width="8" height="33" rx="2"/><rect x="18" y="4" width="8" height="33" rx="2"/></svg>
      <svg viewBox="0 0 40 41" xmlns="http://www.w3.org/2000/svg"><path d="M21 20.5L3 6v29l18-14.5z"/><path d="M39 20.5L21 6v29l18-14.5z"/></svg>
    </div>
  </div>
</div>
<style>
.rp-card{
    box-sizing:border-box;
    width:415px;
    background:#E2E2E2;
    border-radius:25px;
    padding:20px;
    display: flex;
    flex-direction:column;
    align-items: center;
    font-family:'Circular Std','Inter',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  }
  .rp-card-default{
    border:1px solid #3D3D3D;
  }
  .rp-grid{
    display:grid;
    grid-template-columns:repeat(3,127px);
    grid-template-rows:repeat(3,127px);
    gap:2px;
  }
  .rp-tile{
    width:120px;
    height:120px;
    border-radius:5px;
    background-size:cover;
    background-position:center;
    background-color:#2a2a2a;
    position:relative;
    overflow:hidden;
    margin:3px;
  }
  .rp-tile.empty{
    border:1px dashed #4a4a4a;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#5a5a5a;
    font-size:18px;
  }
  .rp-tile-overlay{
    position:absolute;
    inset:0;
    background:rgba(20,20,20,0.88);
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:6px;
    opacity:0;
    transition:opacity .18s ease;
  }
  .rp-tile:hover .rp-tile-overlay{opacity:1;}
  .rp-tile-overlay span{
    color:#ffffff;
    font-family:'Circular Std','Inter',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
    font-weight:500;
    font-size:17px;
    line-height:1.2;
    word-break:break-word;
  }
  .rp-info{
    width:370px;
    margin-top:16px;
  }
  .rp-song{
    font-family:'Circular Std','Inter',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
    font-weight:500;
    font-size:14px;
    color:#202020;
    line-height:1.25;
  }
  .rp-artist{
    font-family:'Circular Std','Inter',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
    font-weight:500;
    font-size:11px;
    color:#202020;
    margin-top:1px;
  }
  .rp-progress{
    width:370px;
    height:7px;
    border-radius:3px;
    background:#3D3D3D;
    margin-top:11px;
    position:relative;
    overflow:hidden;
  }
  .rp-progress-fill{
    position:absolute;
    left:0;
    top:0;
    height:7px;
    border-radius:3px;
    background:#929292;
  }
  .rp-time{
    width:365px;
    display:flex;
    justify-content:space-between;
    margin-top:6px;
    font-family:'Circular Std','Inter',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
    font-weight:500;
    font-size:11px;
    color:#202020;
  }
  .rp-controls{
    display:flex;
    align-items:center;
    gap:25px;
    margin-top:13px;
    height:39px;
  }
  .rp-controls svg{
    height:32px;
    width:auto;
    fill:#3D3D3D;
    display:block;
  }
</style>
[/html]

+5

32

[html]
<div style="display:flex;justify-content:center;">
<div class="rp-card rp-card-default">
    <div class="rp-grid">
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/1200x/6f/08/19/6f0819f45a5b1561fe4eeaa45f2a43cd.jpg')"><div class="rp-tile-overlay"><span>curse</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/1200x/f0/bd/87/f0bd8749e2231f444d57ad06b73c0098.jpg')"><div class="rp-tile-overlay"><span>sin</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/736x/d1/c6/1b/d1c61b7dbe366f4a1dd9b8a7c51ecb98.jpg')"><div class="rp-tile-overlay"><span>horror</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/736x/9b/61/59/9b61595e640f79ad79c9dbab8c8fcd57.jpg')"><div class="rp-tile-overlay"><span>fear</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/736x/b7/02/11/b70211a08bb88a262d59e15b75bd5b60.jpg')"><div class="rp-tile-overlay"><span>death</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/736x/40/4e/94/404e94da16a0581efee24df2f145d818.jpg')"><div class="rp-tile-overlay"><span>nightmare</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/736x/8b/ce/82/8bce828265deafad5138aa148cf93717.jpg')"><div class="rp-tile-overlay"><span>amulet</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/1200x/53/69/6f/53696f26610737e075e5afe4f967d036.jpg')"><div class="rp-tile-overlay"><span>creature</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/1200x/b4/8a/68/b48a686c721f2488049f646ca3b1d7d6.jpg')"><div class="rp-tile-overlay"><span>oddity</span></div></div>
    </div>
    <div class="rp-info">
      <div class="rp-song">LOVER</div>
      <div class="rp-artist">Hyunjin</div>
    </div>
    <div class="rp-progress">
      <div class="rp-progress-fill" style="width:97px"></div>
    </div>
    <div class="rp-time">
      <span>1:05</span>
      <span>3:45</span>
    </div>
    <div class="rp-controls">
      <svg viewBox="0 0 40 41" xmlns="http://www.w3.org/2000/svg"><path d="M19 20.5L37 6v29L19 20.5z"/><path d="M1 20.5L19 6v29L1 20.5z"/></svg>
      <svg viewBox="0 0 30 41" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="4" width="8" height="33" rx="2"/><rect x="18" y="4" width="8" height="33" rx="2"/></svg>
      <svg viewBox="0 0 40 41" xmlns="http://www.w3.org/2000/svg"><path d="M21 20.5L3 6v29l18-14.5z"/><path d="M39 20.5L21 6v29l18-14.5z"/></svg>
    </div>
  </div>
</div>
<style>
.rp-card{
    box-sizing:border-box;
    width:415px;
    background:#E2E2E2;
    border-radius:25px;
    padding:20px;
    display: flex;
    flex-direction:column;
    align-items: center;
    font-family:'Circular Std','Inter',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  }
  .rp-card-default{
    border:1px solid #3D3D3D;
  }
  .rp-grid{
    display:grid;
    grid-template-columns:repeat(3,127px);
    grid-template-rows:repeat(3,127px);
    gap:2px;
  }
  .rp-tile{
    width:120px;
    height:120px;
    border-radius:5px;
    background-size:cover;
    background-position:center;
    background-color:#2a2a2a;
    position:relative;
    overflow:hidden;
    margin:3px;
  }
  .rp-tile.empty{
    border:1px dashed #4a4a4a;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#5a5a5a;
    font-size:18px;
  }
  .rp-tile-overlay{
    position:absolute;
    inset:0;
    background:rgba(20,20,20,0.88);
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:6px;
    opacity:0;
    transition:opacity .18s ease;
  }
  .rp-tile:hover .rp-tile-overlay{opacity:1;}
  .rp-tile-overlay span{
    color:#ffffff;
    font-family:'Circular Std','Inter',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
    font-weight:500;
    font-size:17px;
    line-height:1.2;
    word-break:break-word;
  }
  .rp-info{
    width:370px;
    margin-top:16px;
  }
  .rp-song{
    font-family:'Circular Std','Inter',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
    font-weight:500;
    font-size:14px;
    color:#202020;
    line-height:1.25;
  }
  .rp-artist{
    font-family:'Circular Std','Inter',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
    font-weight:500;
    font-size:11px;
    color:#202020;
    margin-top:1px;
  }
  .rp-progress{
    width:370px;
    height:7px;
    border-radius:3px;
    background:#3D3D3D;
    margin-top:11px;
    position:relative;
    overflow:hidden;
  }
  .rp-progress-fill{
    position:absolute;
    left:0;
    top:0;
    height:7px;
    border-radius:3px;
    background:#929292;
  }
  .rp-time{
    width:365px;
    display:flex;
    justify-content:space-between;
    margin-top:6px;
    font-family:'Circular Std','Inter',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
    font-weight:500;
    font-size:11px;
    color:#202020;
  }
  .rp-controls{
    display:flex;
    align-items:center;
    gap:25px;
    margin-top:13px;
    height:39px;
  }
  .rp-controls svg{
    height:32px;
    width:auto;
    fill:#3D3D3D;
    display:block;
  }
</style>
[/html]

+2

33

[html]
<div style="display:flex;justify-content:center;">
<div class="rp-card rp-card-default">
    <div class="rp-grid">
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/736x/58/e1/38/58e13853ee6be7d030144161cf09e48a.jpg')"><div class="rp-tile-overlay"><span>curse</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/736x/fa/08/bc/fa08bc48ade94c9336c30802efe31337.jpg')"><div class="rp-tile-overlay"><span>sin</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/736x/29/92/62/299262af24209b9ba982e02df28ec620.jpg')"><div class="rp-tile-overlay"><span>horror</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/736x/d6/fd/4c/d6fd4c712f2332304a16cdca73388652.jpg')"><div class="rp-tile-overlay"><span>fear</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/736x/bd/48/4b/bd484b49a0f3589987e27a2528b9dd33.jpg')"><div class="rp-tile-overlay"><span>death</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/736x/29/7d/b4/297db431b6bb377e6a3c3acbe5caed22.jpg')"><div class="rp-tile-overlay"><span>nightmare</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/1200x/3e/4c/91/3e4c91c1255c1fbd1efd03cbb43b97cb.jpg')"><div class="rp-tile-overlay"><span>amulet</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/1200x/cb/c7/5f/cbc75fa40fc616f8fbba4ccb4a8f8d96.jpg')"><div class="rp-tile-overlay"><span>creature</span></div></div>
      <div class="rp-tile" style="background-image:url('https://i.pinimg.com/736x/db/81/f9/db81f91663c4a4e51e3e739f26c24bbb.jpg')"><div class="rp-tile-overlay"><span>oddity</span></div></div>
    </div>
    <div class="rp-info">
      <div class="rp-song">devil in the details</div>
      <div class="rp-artist">walter sickert army of broken toys</div>
    </div>
    <div class="rp-progress">
      <div class="rp-progress-fill" style="width:97px"></div>
    </div>
    <div class="rp-time">
      <span>1:05</span>
      <span>3:45</span>
    </div>
    <div class="rp-controls">
      <svg viewBox="0 0 40 41" xmlns="http://www.w3.org/2000/svg"><path d="M19 20.5L37 6v29L19 20.5z"/><path d="M1 20.5L19 6v29L1 20.5z"/></svg>
      <svg viewBox="0 0 30 41" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="4" width="8" height="33" rx="2"/><rect x="18" y="4" width="8" height="33" rx="2"/></svg>
      <svg viewBox="0 0 40 41" xmlns="http://www.w3.org/2000/svg"><path d="M21 20.5L3 6v29l18-14.5z"/><path d="M39 20.5L21 6v29l18-14.5z"/></svg>
    </div>
  </div>
</div>
<style>
.rp-card{
    box-sizing:border-box;
    width:415px;
    background:#E2E2E2;
    border-radius:25px;
    padding:20px;
    display: flex;
    flex-direction:column;
    align-items: center;
    font-family:'Circular Std','Inter',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  }
  .rp-card-default{
    border:1px solid #3D3D3D;
  }
  .rp-grid{
    display:grid;
    grid-template-columns:repeat(3,127px);
    grid-template-rows:repeat(3,127px);
    gap:2px;
  }
  .rp-tile{
    width:120px;
    height:120px;
    border-radius:5px;
    background-size:cover;
    background-position:center;
    background-color:#2a2a2a;
    position:relative;
    overflow:hidden;
    margin:3px;
  }
  .rp-tile.empty{
    border:1px dashed #4a4a4a;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#5a5a5a;
    font-size:18px;
  }
  .rp-tile-overlay{
    position:absolute;
    inset:0;
    background:rgba(20,20,20,0.88);
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:6px;
    opacity:0;
    transition:opacity .18s ease;
  }
  .rp-tile:hover .rp-tile-overlay{opacity:1;}
  .rp-tile-overlay span{
    color:#ffffff;
    font-family:'Circular Std','Inter',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
    font-weight:500;
    font-size:17px;
    line-height:1.2;
    word-break:break-word;
  }
  .rp-info{
    width:370px;
    margin-top:16px;
  }
  .rp-song{
    font-family:'Circular Std','Inter',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
    font-weight:500;
    font-size:14px;
    color:#202020;
    line-height:1.25;
  }
  .rp-artist{
    font-family:'Circular Std','Inter',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
    font-weight:500;
    font-size:11px;
    color:#202020;
    margin-top:1px;
  }
  .rp-progress{
    width:370px;
    height:7px;
    border-radius:3px;
    background:#3D3D3D;
    margin-top:11px;
    position:relative;
    overflow:hidden;
  }
  .rp-progress-fill{
    position:absolute;
    left:0;
    top:0;
    height:7px;
    border-radius:3px;
    background:#929292;
  }
  .rp-time{
    width:365px;
    display:flex;
    justify-content:space-between;
    margin-top:6px;
    font-family:'Circular Std','Inter',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
    font-weight:500;
    font-size:11px;
    color:#202020;
  }
  .rp-controls{
    display:flex;
    align-items:center;
    gap:25px;
    margin-top:13px;
    height:39px;
  }
  .rp-controls svg{
    height:32px;
    width:auto;
    fill:#3D3D3D;
    display:block;
  }
</style>
[/html]

+2


Вы здесь » daymare » halloween festival » дом дэнни и мэнни: aesthetics


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