Эти персонажи нужны игрокам, любые задумки, пожелания, незакрытые гештальты - дайте волю своей фантазии и быть может вам повезет. Внешности и имена для акций могут выкупаться участниками проекта, просьба быть внимательным и отмечать всё в шаблоне, если решили попытать удачи и отметится в этой теме. Ниже представлен шаблон, который рекомендуется заполнять по пунктам. Если ваша заявка стала неактуальна или по ней пришёл игрок, просьба принести ссылку на заявку в соответствующую тему, дабы кто-то из АМС подчистил тему.
[html]<style>#ship0 {
--mrs0: auto; /* отступ слева, auto - для центровки */
--bgs0: #767a86; /* фон карточки */
--cls0: #111; /* цвет текста */
--shw0: 650px; /* ширина карточки */
--shw1: 200px; /* ширина картинки */
--shh1: 350px; /* высота картинки */
--shh2: 220px; /* высота блока с описанием */
--brs0: #6e6045; /* цвет внутренних рамок */
}
#ship0 {display:grid; grid-template-columns:auto auto; grid-template-rows:1fr auto; margin: 10px auto 10px var(--mrs0); max-width:var(--shw0); overflow:hidden; background:var(--bgs0); color: var(--cls0);}
#ship0, #ship0 * {box-sizing:border-box; /* shipovnik */}
.apict {grid-column: 1 / 2; grid-row: 1 / -1; background: no-repeat 50% 50%; background-size:cover; width:var(--shw1); height:var(--shh1); overflow:hidden; clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 100%);}
.atext {grid-column: 2 / 3; grid-row: 1 / 2; display:block; padding: 24px 24px 0 24px;}
.atext > em {display:block; padding: 6px 0; line-height:100%; text-align:center; font-style:normal !important; margin-bottom:26px; font-size: 10px; border-bottom: 1px solid var(--brs0); border-top: 1px solid var(--brs0);}
.anzv {grid-column: 2 / 3; grid-row: 2 / 3; display:block; position:relative; padding: 0px 24px 12px calc(var(--shw1) / 2); margin-left: calc(0px - var(--shw1)); text-align:center;}
.anzv > span {display:block; padding:0 !important; width:100%; height:0px; background:transparent; border-bottom: 6px solid var(--brs0);}
.anzv > h6 {transform: translateY(-70%); text-shadow: 1px 1px 3px var(--brs0); font-family: Georgia, Tahoma, serif; font-weight: 400; font-style: italic; font-size: 26px;}
.atext p::-webkit-scrollbar {width:5px; height:5px; background-color: rgba(255, 255, 255,1);}
.atext p::-webkit-scrollbar-thumb {background:#bdbdbd; box-shadow:inset 0 0 0 2px var(--bgs0);}
/* ТЕКСТОВЫЙ БЛОК */
.atext > p {padding: 0 5px 0 0 !important; overflow: auto; line-height: 130% !important; height: var(--shh2); font-size: 11px;
text-align: center; font-style: italic;
}</style>
<div id="ship0">
<div class="apict" style="background-image:url(https://forumupload.ru/uploads/001b/e9/84/2/915828.jpg);"></div>
<div class="atext"><em>
ИМЯ ПЕРСОНАЖА
</em><p>
текст текст текс текст текст текст текст текст текс текст текст текст текст текст текс текст текст текст текст текст текс текст текст тексттекст текст текс текст текст текст текст текст текс текст текст текст текст текст текс текст текст текст текст текст текс текст текст текст текст текст текс текст текст текст текст текст текс текст текст тексттекст текст текс текст текст текст текст текст текс текст текст текст текст текст текс текст текст текст текст текст текс текст текст текст текст текст текс текст текст текст текст текст текс текст текст тексттекст текст текс текст текст текст текст текст текс текст текст текст текст текст текс текст текст текст текст текст текс текст текст текст текст текст текс текст текст текст текст текст текс текст текст тексттекст текст текс текст текст текст текст текст </p></div>
<div class="anzv"><span></span>
<h6> ФАНДОМ </h6>
</div></div>[/html]
Код:[html]<style>#ship0 { --mrs0: auto; /* отступ слева, auto - для центровки */ --bgs0: #767a86; /* фон карточки */ --cls0: #111; /* цвет текста */ --shw0: 650px; /* ширина карточки */ --shw1: 200px; /* ширина картинки */ --shh1: 350px; /* высота картинки */ --shh2: 220px; /* высота блока с описанием */ --brs0: #6e6045; /* цвет внутренних рамок */ } #ship0 {display:grid; grid-template-columns:auto auto; grid-template-rows:1fr auto; margin: 10px auto 10px var(--mrs0); max-width:var(--shw0); overflow:hidden; background:var(--bgs0); color: var(--cls0);} #ship0, #ship0 * {box-sizing:border-box; /* shipovnik */} .apict {grid-column: 1 / 2; grid-row: 1 / -1; background: no-repeat 50% 50%; background-size:cover; width:var(--shw1); height:var(--shh1); overflow:hidden; clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 100%);} .atext {grid-column: 2 / 3; grid-row: 1 / 2; display:block; padding: 24px 24px 0 24px;} .atext > em {display:block; padding: 6px 0; line-height:100%; text-align:center; font-style:normal !important; margin-bottom:26px; font-size: 10px; border-bottom: 1px solid var(--brs0); border-top: 1px solid var(--brs0);} .anzv {grid-column: 2 / 3; grid-row: 2 / 3; display:block; position:relative; padding: 0px 24px 12px calc(var(--shw1) / 2); margin-left: calc(0px - var(--shw1)); text-align:center;} .anzv > span {display:block; padding:0 !important; width:100%; height:0px; background:transparent; border-bottom: 6px solid var(--brs0);} .anzv > h6 {transform: translateY(-70%); text-shadow: 1px 1px 3px var(--brs0); font-family: Georgia, Tahoma, serif; font-weight: 400; font-style: italic; font-size: 26px;} .atext p::-webkit-scrollbar {width:5px; height:5px; background-color: rgba(255, 255, 255,1);} .atext p::-webkit-scrollbar-thumb {background:#bdbdbd; box-shadow:inset 0 0 0 2px var(--bgs0);} /* ТЕКСТОВЫЙ БЛОК */ .atext > p {padding: 0 5px 0 0 !important; overflow: auto; line-height: 130% !important; height: var(--shh2); font-size: 11px; text-align: center; font-style: italic; }</style> <div id="ship0"> <div class="apict" style="background-image:url(ваша картинка);"></div> <div class="atext"><em> ИМЯ ПЕРСОНАЖА </em><p> текст вашей заявки </p></div> <div class="anzv"><span></span> <h6> ФАНДОМ </h6> </div></div>[/html]
DC in RU
Black Mask
Catwoman
Circe
Mad Hatter
Penguin
Poison Ivy
Scarecrow
The RiddlerGENSHIN IMPACT
GENSHIN MODERN AU CASTj.k.rowling's wizarding world
Draco Malfoy
Hermione Granger