cool kids of the month

Поделиться12024-05-09 21:52:28

Администратор
Автор: juju
имя фамилия, 00
My milkshake brings all the boys to the yard And they're like, it's better than yours
Сообщений: 368
Уважение: +0
баллов:
12345
I am the star in any room that I stand in

- закрытая тема в разделе с нужными
- реклама с акцией
- может быть каст/группа (любой актер в касте фильма/шоу или участник группы, без точного списка), либо набор людей с точным списком
- можно выкупать другим игрокам, надо установить мин и макс кол-во человек для варианта со списком, стоимость - 150 баллов ?
- если берут внеху из акции:
[indent] - 100 стартовых баллов (забирать в банке)
[indent] - бесплатное оформление профиля (любая иконка \ лайн \ футер из коллекций) с комментарием COOLKID перед шаблоном заказа

0

Поделиться22024-09-24 20:38:33

Администратор
Автор: juju
имя фамилия, 00
My milkshake brings all the boys to the yard And they're like, it's better than yours
Сообщений: 368
Уважение: +0
баллов:
12345
I am the star in any room that I stand in

Код:

<!--HTML-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Homemade+Apple&display=swap" rel="stylesheet">

<style>
.cake_coolkids {
  width: 500px;
  margin: 30px auto 0;
  padding-top: 50px;
  background-color: var(--pun-color);
  box-shadow: var(--body-shadow);
  border-radius: 5px;
  position: relative;
}

.cake_coolkids::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url(https://i.imgur.com/GfPRqtk.jpeg);
background-size: cover;
mix-blend-mode: darken;
opacity: .3;
z-index: 1;
}

.coolkids-tape {
  position: absolute;
  width: 180px;
  top: -90px;
  left: 50%;
  transform: translate(-50%);
}

.tape-pic {
  width: 100%;
}

.cake_coolkids__img {
  width: 440px;
  margin: 0 auto;
  position: relative;
z-index: 2;
}

.coolkids-pic {
  width: 100%;
  filter: grayscale(1);
}

.coolkids__list {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(50, 50, 50, .6);
  color: var(--pun-color);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 55px;
  gap: 20px;
  font-size: 16px;
  font-style: italic;
  font-weight: 600;
  transition: .5s ease-in-out;
  opacity: 0;
z-index: 3;
}

.coolkids__list:hover {
  opacity: 1;
}

.coolkids__item {text-align: left; position: relative;}
.coolkids__item::before {
content: '\f101';
position: absolute;
left: -17px;
font-family: 'Font Awesome 6 Free';
font-size: 10px;
top: 4px;
}

.cake_coolkids__descr {
  padding: 20px;
  font-family: 'Permanent Marker';
  color: var(--font-light-color);
  text-align: center;
}

.coolkids__descr-date {
  display: block;
  font-size: 22px;
}

.coolkids__descr-text {
  font-size: 38px;
}
</style>

<div class="cake_coolkids">
  <div class="coolkids-tape"><img class="tape-pic" src="https://i.imgur.com/HBLA76v.png"></div>
  <div class="cake_coolkids__img">
    <img class="coolkids-pic" src="https://i.pinimg.com/564x/32/27/0f/32270fff00e7fb2dd824070852be35ed.jpg">
    <div class="coolkids__list">
      <span class="coolkids__item">
        актеры, у которых в фильмографии есть фильмы ужасов
      </span>
      <span class="coolkids__item">
        музыкальные артисты, у которых в видеоклипах есть элементы, связанные с хеллоуином и ужастиками
      </span>
    </div>
  </div>
  <div class="cake_coolkids__descr">
    <span class="coolkids__descr-date">October'24</span>
    <span class="coolkids__descr-text">horror movie buffs</span>
  </div>
</div>

0

Поделиться32024-09-24 21:09:13

Администратор
Автор: juju
имя фамилия, 00
My milkshake brings all the boys to the yard And they're like, it's better than yours
Сообщений: 368
Уважение: +0
баллов:
12345
I am the star in any room that I stand in

promo: cool kids of the month

- категория/тема акции меняется каждый месяц;
- акция распространяется на все новые профили, подходящие под условия*, включая твинков;
- призы по акции суммируются с другими позициями банка, связанными с твинками и принятием анкет;
- для информации о призах, наведите на картинку в сообщении с акцией.

*если у вас есть сомнения, подходит ли интересующая вас роль под акцию, ответ всегда "да".

0

Поделиться42024-10-03 22:54:58

Администратор
Автор: juju
имя фамилия, 00
My milkshake brings all the boys to the yard And they're like, it's better than yours
Сообщений: 368
Уважение: +0
баллов:
12345
I am the star in any room that I stand in

[html]
<style>
.cake__promo {
width: 400px;
height: 400px;
border-radius: 25px;
margin: 0 auto;
position: relative;
overflow: hidden;
box-shadow: var(--main-shadow);
background-color: var(--pun-color);
}

.promo_header {
text-align: center;
padding-top: 25px;
}

.header_date {
background-color: var(--accent-color);
color: var(--pun-color-light);
font-size: 12px;
font-weight: 700;
padding: 5px 10px;
border-radius: 10px;
}

.header_tags {
margin: 15px 0;
color: var(--font-light-color);
font-size: 10px;
display: flex;
justify-content: center;
gap: 10px;
}

.cake__promo_img {
width: 80%;
border-radius: 15px;
}

.promo_body {
width: 80%;
margin: 0 auto;
color: var(--font-color);
transition: .5s;
opacity: 1;
}

.cake__promo:hover .promo_body {
opacity: 0;
}

.promo_body_head {
text-align: center;
font-weight: 600;
font-size: 18px;
letter-spacing: 1px;
margin: 15px 0 10px;
}

.promo_body_descr {
text-align: left;
font-size: 10px;
letter-spacing: .3px;
line-height: 15px;
}

.cake__promo_descr {
position: absolute;
bottom: -135px;
left: 50%;
transform: translate(-50%);
background-color: var(--accent-color);
width: 80%;
height: 160px;
border-radius: 15px 15px 0 0;
padding: 3px;
box-sizing: border-box;
transition: 1s ease-in-out;
}

.cake__promo:hover .cake__promo_descr {
bottom: 0;
}

.promo_descr-header {
text-align: center;
font-size: 16px;
color: var(--pun-color-light);
}

.promo_body_head.promo_info {
color: var(--pun-color-light);
margin: 5px 0;
font-size: 14px;
}

.promo_descr-info {
text-align: left;
color: var(--pun-color-light);
padding: 5px 15px;
font-size: 11px;
font-weight: 500;
display: flex;
flex-direction: column;
gap: 7px;
}

.promo_disabled * {
opacity: .7;
}

.cake__promo.promo_disabled:hover .cake__promo_descr {
bottom: -135px;
}

.cake__promo.promo_disabled:hover .promo_body {
opacity: .7;
}

.promo_disabled .header_date, .promo_disabled .cake__promo_descr {
background-color: #d5d5d5;
}
</style>

<div class="cake__promo promo_disabled">
<div class="promo_header">
<span class="header_date">05.10 — 02.11</span>
<div class="header_tags">
<span class="promo_tag">#horror</span>
<span class="promo_tag">#scarymovie</span>
<span class="promo_tag">#halloween</span>
</div>
<img class="cake__promo_img" src="https://i.imgur.com/OA4gBtc.png">
</div>

<div class="promo_body">
<div class="promo_body_head">horror movie month</div>
<div class="promo_body_descr">
по акции проходят актеры/актрисы, которые снимались в фильмах жанра хоррор, триллер, или в фильмах с хеллоуиской тематикой
</div>
</div>

<div class="cake__promo_descr">
<div class="promo_descr-header">
<i class="fa-solid fa-circle-info"></i>
</div>
<div class="promo_body_head promo_info">вы получаете:</div>
<div class="promo_descr-info">
<span class="promo_descr-item">
<i class="fa-solid fa-angles-right fa-2xs"></i> 100 стартовых баллов (забирать в банке);</span>
<span class="promo_descr-item">
<i class="fa-solid fa-angles-right fa-2xs"></i> бесплатное оформление профиля (любая иконка/ лайн/ футер из коллекций в магазинах) с комментарием COOLKID перед шаблоном заказа</span>
</div>
</div>
</div>
[/html]

0

Поделиться52024-10-04 00:35:51

Администратор
Автор: juju
имя фамилия, 00
My milkshake brings all the boys to the yard And they're like, it's better than yours
Сообщений: 368
Уважение: +0
баллов:
12345
I am the star in any room that I stand in

[html]
<style>
.cake__promo {
width: 400px;
height: 400px;
border-radius: 25px;
margin: 0 auto;
position: relative;
overflow: hidden;
box-shadow: var(--main-shadow);
background-color: var(--pun-color);
}

.promo_header {
text-align: center;
padding-top: 25px;
}

.header_date {
background-color: var(--font-color);
color: var(--pun-color-light);
font-size: 12px;
font-weight: 700;
padding: 5px 10px;
border-radius: 10px;
}

.header_tags {
margin: 15px 0;
color: var(--font-light-color);
font-size: 10px;
display: flex;
justify-content: center;
gap: 10px;
}

.cake__promo_img {
width: 80%;
border-radius: 15px;
}

.promo_body {
width: 80%;
margin: 0 auto;
color: var(--font-color);
transition: .5s;
opacity: 1;
}

.cake__promo:hover .promo_body {
opacity: 0;
}

.promo_body_head {
text-align: center;
font-weight: 600;
font-size: 18px;
letter-spacing: 1px;
margin: 15px 0 10px;
}

.promo_body_descr {
text-align: left;
font-size: 10px;
letter-spacing: .3px;
line-height: 15px;
}

.cake__promo_descr {
position: absolute;
bottom: -135px;
left: 50%;
transform: translate(-50%);
background-color: var(--font-color);
width: 80%;
height: 160px;
border-radius: 15px 15px 0 0;
padding: 3px;
box-sizing: border-box;
transition: 1s ease-in-out;
}

.cake__promo:hover .cake__promo_descr {
bottom: 0;
}

.promo_descr-header {
text-align: center;
font-size: 16px;
color: var(--pun-color-light);
}

.promo_body_head.promo_info {
color: var(--pun-color-light);
margin: 5px 0;
font-size: 14px;
}

.promo_descr-info {
text-align: left;
color: var(--pun-color-light);
padding: 5px 15px;
font-size: 11px;
display: flex;
flex-direction: column;
gap: 7px;
}

.promo_disabled * {
opacity: .7;
}

.cake__promo.promo_disabled:hover .cake__promo_descr {
bottom: -135px;
}

.cake__promo.promo_disabled:hover .promo_body {
opacity: .7;
}

.promo_disabled .header_date, .promo_disabled .cake__promo_descr {
background-color: #d5d5d5;
}
</style>

<div class="cake__promo">
<div class="promo_header">
<span class="header_date">05.10 — 02.11</span>
<div class="header_tags">
<span class="promo_tag">#horror</span>
<span class="promo_tag">#scarymovie</span>
<span class="promo_tag">#halloween</span>
</div>
<img class="cake__promo_img" src="https://i.imgur.com/OA4gBtc.png">
</div>

<div class="promo_body">
<div class="promo_body_head">horror movie month</div>
<div class="promo_body_descr">
по акции проходят актеры/актрисы, которые снимались в фильмах жанра хоррор, триллер, или в фильмах с хеллоуиской тематикой
</div>
</div>

<div class="cake__promo_descr">
<div class="promo_descr-header">
<i class="fa-solid fa-circle-info"></i>
</div>
<div class="promo_body_head promo_info">вы получаете:</div>
<div class="promo_descr-info">
<span class="promo_descr-item">
<i class="fa-solid fa-angles-right fa-2xs"></i> 100 стартовых баллов (забирать в банке);</span>
<span class="promo_descr-item">
<i class="fa-solid fa-angles-right fa-2xs"></i> бесплатное оформление профиля (любая иконка/ лайн/ футер из коллекций в магазинах) с промокодом <b>COOLKID</b> перед шаблоном заказа</span>
</div>
</div>
</div>
[/html]