Для красивого оформления эпизодов

Страница: 1

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

Поделиться101-10-2023 13:47:41

Автор: Тэмплар
knight of swords
Сообщений: 945
Уважение: +331
Предметы:
23,23,25
Доп. аватар:
https://upforme.ru/uploads/001b/ed/70/2/455774.jpg

[html]<style>#ship6 {
--s6pad: auto;
--s6g1: #000;
--s6g2: #009c88;
--s6bd: #cac6b6;
--s6h: #d0ab84;
--s6p: #0ac2bb;
--s6t: #9e9988;
}
#ship6 * {box-sizing:border-box;}
#ship6 {display: block; box-sizing: border-box; max-width: 650px; margin: auto auto auto var(--s6pad); padding: 20px; background: linear-gradient(0deg, var(--s6g1) 0%, var(--s6g2) 100%); background-color:var(--s6g1);}
.shipdia {margin: 10px auto 30px; height: 350px; width: 350px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); background-size: cover; background-position: 50% 50%;}
.stx4 {background: transparent; padding: 20px; border: 1px solid var(--s6bd); text-align:center; font-size:12px; color: var(--s6t);}
.stx4 > p {padding-bottom: 0px !important; letter-spacing: 1px; text-transform: uppercase;}
.stx4 > p > span {padding: 0 30px 5px; border-bottom: 1px solid var(--s6bd); font-family: Cambria, Georgia, serif; font-size: 20px; color: var(--s6h);}
.stx4 > em {display:block; font-style: italic; font-size: 1em; margin: 12px auto 12px auto !important; font-family: Cambria, Georgia, times; letter-spacing: 1px; color: var(--s6p);}</style>
<div id="ship6"><div class="stx4">

<p><span>НАЗВАНИЕ ЭПИЗОДА</span></p>

<em>Первый игрок, Второй игрок, Третий игрок</em>
тут описание эпизода текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <br>
Место действия<br>
2318 год эры Врат, месяц такой-то<br>
Личный/Сюжетный/Квест

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

Код:

[html]<style>#ship6 {
--s6pad: auto;
    --s6g1: #000;
    --s6g2: #009c88;
    --s6bd: #cac6b6;
    --s6h: #d0ab84;
    --s6p: #0ac2bb;
    --s6t: #9e9988;
}
#ship6 * {box-sizing:border-box;}
#ship6 {display: block; box-sizing: border-box; max-width: 650px; margin: auto auto auto var(--s6pad); padding: 20px; background: linear-gradient(0deg, var(--s6g1) 0%, var(--s6g2) 100%); background-color:var(--s6g1);}
.shipdia {margin: 10px auto 30px; height: 350px; width: 350px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); background-size: cover; background-position: 50% 50%;}
.stx4 {background: transparent; padding: 20px; border: 1px solid var(--s6bd); text-align:center; font-size:12px; color: var(--s6t);}
.stx4 > p {padding-bottom: 0px !important; letter-spacing: 1px; text-transform: uppercase;}
.stx4 > p > span {padding: 0 30px 5px; border-bottom: 1px solid var(--s6bd); font-family: Cambria, Georgia, serif;  font-size: 20px; color: var(--s6h);}
.stx4 > em {display:block; font-style: italic; font-size: 1em; margin: 12px auto 12px auto !important; font-family: Cambria, Georgia, times; letter-spacing: 1px; color: var(--s6p);}</style>
        <div id="ship6"><div class="stx4">

<div class="shipdia" style="background-image: url(https://upforme.ru/uploads/001b/ed/70/2/891963.png);"></div>

<!----- НАЧАЛО ТЕКСТА ----->
  <p><span>НАЗВАНИЕ ЭПИЗОДА</span></p>

  <em>Первый игрок, Второй игрок, Третий игрок</em>
тут описание эпизода текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <br>
Место действия<br>
2318 год эры Врат, месяц такой-то<br>
Личный/Сюжетный/Квест

<!-- КОНЕЦ ТЕКСТА --></div></div>[/html]

Другой цвет

Код:

[html]<style>#ship6 {
--s6pad: auto;
    --s6g1: #000;
    --s6g2: #777467;
    --s6bd: #cac6b6;
    --s6h: #d0ab84;
    --s6p: #0ac2bb;
    --s6t: #9e9988;
}
#ship6 * {box-sizing:border-box;}
#ship6 {display: block; box-sizing: border-box; max-width: 650px; margin: auto auto auto var(--s6pad); padding: 20px; background: linear-gradient(0deg, var(--s6g1) 0%, var(--s6g2) 100%); background-color:var(--s6g1);}
.shipdia {margin: 10px auto 30px; height: 350px; width: 350px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); background-size: cover; background-position: 50% 50%;}
.stx4 {background: transparent; padding: 20px; border: 1px solid var(--s6bd); text-align:center; font-size:12px; color: var(--s6t);}
.stx4 > p {padding-bottom: 0px !important; letter-spacing: 1px; text-transform: uppercase;}
.stx4 > p > span {padding: 0 30px 5px; border-bottom: 1px solid var(--s6bd); font-family: Cambria, Georgia, serif;  font-size: 20px; color: var(--s6h);}
.stx4 > em {display:block; font-style: italic; font-size: 1em; margin: 12px auto 12px auto !important; font-family: Cambria, Georgia, times; letter-spacing: 1px; color: var(--s6p);}</style>
        <div id="ship6"><div class="stx4">

<div class="shipdia" style="background-image: url(https://upforme.ru/uploads/001b/ed/70/2/891963.png);"></div>

<!----- НАЧАЛО ТЕКСТА ----->
  <p><span>НАЗВАНИЕ ЭПИЗОДА</span></p>

  <em>Первый игрок, Второй игрок, Третий игрок</em>
тут описание эпизода текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <br>
Место действия<br>
2318 год эры Врат, месяц такой-то<br>
Личный/Сюжетный/Квест

<!-- КОНЕЦ ТЕКСТА --></div></div>[/html]

Код взят у Шиповника

Подпись автора: На земле обязательно должны быть рыцари и менестрели.

Поделиться205-10-2023 20:33:27

Автор: Тэмплар
knight of swords
Сообщений: 945
Уважение: +331
Предметы:
23,23,25
Доп. аватар:
https://upforme.ru/uploads/001b/ed/70/2/455774.jpg

[html]<link href="https://fonts.googleapis.com/css2?family=Alegreya+SC:wght@400;500;700&display=swap" rel="stylesheet"><style>#ship5 {
--s5m: auto;
--s5bg: #3b3933;
--s5bp: #dedcd2;
--s5c: #1b1b1b;
--s5h: #d0ab84;
--s5r: #898075;
}
#ship5 * {box-sizing:border-box;} #ship5 {margin: auto auto auto var(--s5m);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
background: #171305;
color: #3b3933;
width: 650px;
} /* shipovnik */
.stx3 {box-sizing: border-box; width: 100%; text-align: center; background: var(--s5bg);}
.stx3 > p {margin: 40px 50px 20px !important; padding: 20px !important; background: var(--s5bp); color: var(--s5c); outline: 1px solid var(--s5r); outline-offset: 12px;}
.stx3 > h5 {width: auto; margin: auto 34px; padding:12px 10px; position: relative; line-height: 90%; text-transform: uppercase; transform: translate(0%, 50%); outline: 1px solid var(--s5r); outline-offset: 8px; border: 1px solid var(--s5r); box-shadow: 0 0 8px var(--s5bg); background: var(--s5bg); font-weight:400; font-family: 'Alegreya SC', Georgia, serif; font-size: 18px; color: var(--s5h);}
.shimg2 {width: 100%; height: 250px; background-size: cover; background: 50% 50% no-repeat;}</style>

<i>Первый игрок, Второй игрок, Третий игрок</i><br><br>
тут описание эпизода текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
Место действия<br>
2318 год эры Врат, месяц такой-то<br>
Личный/Сюжетный/Квест

</p>

<h5>НАЗВАНИЕ ЭПИЗОДА</h5></div>

<div class="shimg2" style="background-image: url(https://upforme.ru/uploads/001b/ed/70/2/228668.jpg);"></div></div>
[/html]

Код:

[html]<link href="https://fonts.googleapis.com/css2?family=Alegreya+SC:wght@400;500;700&display=swap" rel="stylesheet"><style>#ship5 {
    --s5m: auto;
    --s5bg: #3b3933;
    --s5bp: #dedcd2;
    --s5c: #1b1b1b;
    --s5h: #d0ab84;
    --s5r: #898075;
}
#ship5 * {box-sizing:border-box;} #ship5 {margin: auto auto auto var(--s5m);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: #171305;
    color: #3b3933;
    width: 650px;
} /* shipovnik */
.stx3 {box-sizing: border-box; width: 100%; text-align: center; background: var(--s5bg);}
.stx3 > p {margin: 40px 50px 20px !important; padding: 20px !important; background: var(--s5bp); color: var(--s5c); outline: 1px solid var(--s5r); outline-offset: 12px;}
.stx3 > h5 {width: auto; margin: auto 34px; padding:12px 10px; position: relative; line-height: 90%; text-transform: uppercase; transform: translate(0%, 50%); outline: 1px solid var(--s5r); outline-offset: 8px; border: 1px solid var(--s5r); box-shadow: 0 0 8px var(--s5bg); background: var(--s5bg); font-weight:400; font-family: 'Alegreya SC', Georgia, serif; font-size: 18px; color: var(--s5h);}
.shimg2 {width: 100%; height: 250px; background-size: cover; background: 50% 50% no-repeat;}</style>

  <div id="ship5"><div class="stx3"><p><!-- ТЕКСТ -->

<i>Первый игрок, Второй игрок, Третий игрок</i><br><br>
тут описание эпизода текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
Место действия<br>
2318 год эры Врат, месяц такой-то<br>
Личный/Сюжетный/Квест

  <!-- КОНЕЦ ТЕКСТА -->
  </p>

  <h5>НАЗВАНИЕ ЭПИЗОДА</h5></div>

  <div class="shimg2" style="background-image: url(https://upforme.ru/uploads/001b/ed/70/2/228668.jpg);"></div></div>
[/html]

Код взят у Шиповника

Другой цвет

Код:

[html]<link href="https://fonts.googleapis.com/css2?family=Alegreya+SC:wght@400;500;700&display=swap" rel="stylesheet"><style>#ship5 {
    --s5m: auto;
    --s5bg: #023735;
    --s5bp: #dedcd2;
    --s5c: #1b1b1b;
    --s5h: #d0ab84;
    --s5r: #898075;
}
#ship5 * {box-sizing:border-box;} #ship5 {margin: auto auto auto var(--s5m);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: #171305;
    color: #3b3933;
    width: 650px;
} /* shipovnik */
.stx3 {box-sizing: border-box; width: 100%; text-align: center; background: var(--s5bg);}
.stx3 > p {margin: 40px 50px 20px !important; padding: 20px !important; background: var(--s5bp); color: var(--s5c); outline: 1px solid var(--s5r); outline-offset: 12px;}
.stx3 > h5 {width: auto; margin: auto 34px; padding:12px 10px; position: relative; line-height: 90%; text-transform: uppercase; transform: translate(0%, 50%); outline: 1px solid var(--s5r); outline-offset: 8px; border: 1px solid var(--s5r); box-shadow: 0 0 8px var(--s5bg); background: var(--s5bg); font-weight:400; font-family: 'Alegreya SC', Georgia, serif; font-size: 18px; color: var(--s5h);}
.shimg2 {width: 100%; height: 250px; background-size: cover; background: 50% 50% no-repeat;}</style>

  <div id="ship5"><div class="stx3"><p><!-- ТЕКСТ -->

<i>Первый игрок, Второй игрок, Третий игрок</i><br><br>
тут описание эпизода текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
Место действия<br>
2318 год эры Врат, месяц такой-то<br>
Личный/Сюжетный/Квест

  <!-- КОНЕЦ ТЕКСТА -->
  </p>

  <h5>НАЗВАНИЕ ЭПИЗОДА</h5></div>

  <div class="shimg2" style="background-image: url(https://upforme.ru/uploads/001b/ed/70/2/228668.jpg);"></div></div>
[/html]

Подпись автора: На земле обязательно должны быть рыцари и менестрели.

Поделиться308-10-2023 14:41:37

Автор: Тэмплар
knight of swords
Сообщений: 945
Уважение: +331
Предметы:
23,23,25
Доп. аватар:
https://upforme.ru/uploads/001b/ed/70/2/455774.jpg

[html]<link href="https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap" rel="stylesheet">
<style>#ship1 {
--sh1mr: auto;
--sh1w1: 620px;
--sh1bg: #3b3933;
--sh1br: #898075;
--sh1cl1: #d6a271;
}
#ship1 {
display: block;
padding: 40px;
margin: 1.2em;
background: #3b3933;
outline: 1px solid #898075;
outline-offset: 10px;
width: var(--sh1w1);
box-shadow: #0000008f 1px 1px 4px 2px;
} /* shipovnik */
#ship1, #ship1 * { box-sizing:border-box;}
/* АВАТАРКИ КАРТИНКИ */
.shiav {width: 70px; height: 70px; margin: auto 8% auto auto;
display:inline-block; border-radius:50%; background:var(--sh1bg); border: 1px solid var(--sh1br); transform: translate(0%, -50%); transition: all 0.3s ease; background-position:50% 50%; background-size:cover;}
.shiav:last-child {margin-right:0px;}
.shiav:hover {transition: all 0.3s ease; transform: scale(1.2) translate(0%, -40%);}
/* БЛОК АВАТАРОК */
.shiprs {display:block; border-top: 1px solid var(--sh1br); text-align:center; margin: 35px auto auto;}
/*** ЗАГОЛОВОК ***/
#ship1 > em {display:block; margin: -10px auto 16px auto; text-align:center; font-style: normal !important; letter-spacing:1px; color:var(--sh1cl1); font-family: Oranienbaum, Georgia, sans-serif; font-size: 32px;}
/*** БЛОК ТЕКСТА ***/
#ship1 > .btext {padding: 0 10px;
font-size: 12px;
color: #a6a399;
font-family: Arial, Tahoma, sans-serif;
text-align: justify;
}
/*** ПЕРСОНАЖИ ***/
.btext > p { margin: auto !important;
padding-bottom: 14px !important;
text-align: center;
font-style: italic;
font-size: 14px !important;
font-family: 'Oranienbaum';
color: #0ac2bb;
}
</style>

<em> Название Эпизода </em>

<div class="btext"><p>
Персонаж_1 — Персонаж_2 — Персонаж_3
</p>
<center>
тут описание эпизода текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <br>
Место действия <br>
2318 год эры Врат, месяц такой-то <br>
Личный/Сюжетный/Квест
</center>

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

Код:

[html]<link href="https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap" rel="stylesheet">
<style>#ship1 {
    --sh1mr: auto;
    --sh1w1: 620px;
    --sh1bg: #3b3933;
    --sh1br: #898075;
    --sh1cl1: #d6a271;
}
#ship1 {
display: block;
    padding: 40px;
    margin: 1.2em;
    background: #3b3933;
    outline: 1px solid #898075;
    outline-offset: 10px;
    width: var(--sh1w1);
    box-shadow: #0000008f 1px 1px 4px 2px;
} /* shipovnik */
#ship1, #ship1 * { box-sizing:border-box;}
/* АВАТАРКИ КАРТИНКИ */
.shiav {width: 70px; height: 70px; margin: auto 8% auto auto;
display:inline-block; border-radius:50%; background:var(--sh1bg); border: 1px solid var(--sh1br); transform: translate(0%, -50%); transition: all 0.3s ease; background-position:50% 50%; background-size:cover;}
.shiav:last-child {margin-right:0px;}
.shiav:hover {transition: all 0.3s ease; transform: scale(1.2) translate(0%, -40%);}
/* БЛОК АВАТАРОК */
.shiprs {display:block; border-top: 1px solid var(--sh1br); text-align:center; margin: 35px auto auto;}
/***   ЗАГОЛОВОК   ***/
#ship1 > em {display:block; margin: -10px auto 16px auto; text-align:center; font-style: normal !important; letter-spacing:1px; color:var(--sh1cl1); font-family: Oranienbaum, Georgia, sans-serif; font-size: 32px;}
/***   БЛОК ТЕКСТА   ***/
#ship1 > .btext {padding: 0 10px;
    font-size: 12px;
    color: #a6a399;
    font-family: Arial, Tahoma, sans-serif;
    text-align: justify;
}
/***   ПЕРСОНАЖИ   ***/
.btext > p {    margin: auto !important;
    padding-bottom: 14px !important;
    text-align: center;
    font-style: italic;
    font-size: 14px !important;
    font-family: 'Oranienbaum';
    color: #0ac2bb;
}
</style>

  <div id="ship1"><div class="shiprs">
  <!--   ЗДЕСЬ АВАТАРЫ   -->
<div class="shiav" style="background-image:url(https://upforme.ru/uploads/001b/ed/70/2/403355.jpg)"></div>
<div class="shiav" style="background-image:url(https://upforme.ru/uploads/001b/ed/70/2/451785.jpg)"></div>
<div class="shiav" style="background-image:url(https://upforme.ru/uploads/001b/ed/70/2/441503.jpg)"></div>
  </div>

  <em> Название Эпизода </em>

  <div class="btext"><p>
Персонаж_1   —   Персонаж_2   —   Персонаж_3
  </p>

<center>
тут описание эпизода текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <br>
Место действия <br>
2318 год эры Врат, месяц такой-то <br>
Личный/Сюжетный/Квест
</center>

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

Другой цвет

[html]<link href="https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap" rel="stylesheet">
<style>#ship1 {
--sh1mr: auto;
--sh1w1: 620px;
--sh1bg: #3b3933;
--sh1br: #898075;
--sh1cl1: #d6a271;
}
#ship1 {
display: block;
padding: 40px;
margin: 1.2em;
background: #023735;
outline: 1px solid #898075;
outline-offset: 10px;
width: var(--sh1w1);
box-shadow: #0000008f 1px 1px 4px 2px;
} /* shipovnik */
#ship1, #ship1 * { box-sizing:border-box;}
/* АВАТАРКИ КАРТИНКИ */
.shiav {width: 70px; height: 70px; margin: auto 8% auto auto;
display:inline-block; border-radius:50%; background:var(--sh1bg); border: 1px solid var(--sh1br); transform: translate(0%, -50%); transition: all 0.3s ease; background-position:50% 50%; background-size:cover;}
.shiav:last-child {margin-right:0px;}
.shiav:hover {transition: all 0.3s ease; transform: scale(1.2) translate(0%, -40%);}
/* БЛОК АВАТАРОК */
.shiprs {display:block; border-top: 1px solid var(--sh1br); text-align:center; margin: 35px auto auto;}
/*** ЗАГОЛОВОК ***/
#ship1 > em {display:block; margin: -10px auto 16px auto; text-align:center; font-style: normal !important; letter-spacing:1px; color:var(--sh1cl1); font-family: Oranienbaum, Georgia, sans-serif; font-size: 32px;}
/*** БЛОК ТЕКСТА ***/
#ship1 > .btext {padding: 0 10px;
font-size: 12px;
color: #a6a399;
font-family: Arial, Tahoma, sans-serif;
text-align: justify;
}
/*** ПЕРСОНАЖИ ***/
.btext > p { margin: auto !important;
padding-bottom: 14px !important;
text-align: center;
font-style: italic;
font-size: 14px !important;
font-family: 'Oranienbaum';
color: #0ac2bb;
}
</style>

<em> Название Эпизода </em>

<div class="btext"><p>
Персонаж_1 — Персонаж_2 — Персонаж_3
</p>

<center>
тут описание эпизода текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <br>
Место действия <br>
2318 год эры Врат, месяц такой-то <br>
Личный/Сюжетный/Квест
</center>

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

Код:

[html]<link href="https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap" rel="stylesheet">
<style>#ship1 {
    --sh1mr: auto;
    --sh1w1: 620px;
    --sh1bg: #3b3933;
    --sh1br: #898075;
    --sh1cl1: #d6a271;
}
#ship1 {
display: block;
    padding: 40px;
    margin: 1.2em;
    background: #023735;
    outline: 1px solid #898075;
    outline-offset: 10px;
    width: var(--sh1w1);
    box-shadow: #0000008f 1px 1px 4px 2px;
} /* shipovnik */
#ship1, #ship1 * { box-sizing:border-box;}
/* АВАТАРКИ КАРТИНКИ */
.shiav {width: 70px; height: 70px; margin: auto 8% auto auto;
display:inline-block; border-radius:50%; background:var(--sh1bg); border: 1px solid var(--sh1br); transform: translate(0%, -50%); transition: all 0.3s ease; background-position:50% 50%; background-size:cover;}
.shiav:last-child {margin-right:0px;}
.shiav:hover {transition: all 0.3s ease; transform: scale(1.2) translate(0%, -40%);}
/* БЛОК АВАТАРОК */
.shiprs {display:block; border-top: 1px solid var(--sh1br); text-align:center; margin: 35px auto auto;}
/***   ЗАГОЛОВОК   ***/
#ship1 > em {display:block; margin: -10px auto 16px auto; text-align:center; font-style: normal !important; letter-spacing:1px; color:var(--sh1cl1); font-family: Oranienbaum, Georgia, sans-serif; font-size: 32px;}
/***   БЛОК ТЕКСТА   ***/
#ship1 > .btext {padding: 0 10px;
    font-size: 12px;
    color: #a6a399;
    font-family: Arial, Tahoma, sans-serif;
    text-align: justify;
}
/***   ПЕРСОНАЖИ   ***/
.btext > p {    margin: auto !important;
    padding-bottom: 14px !important;
    text-align: center;
    font-style: italic;
    font-size: 14px !important;
    font-family: 'Oranienbaum';
    color: #0ac2bb;
}
</style>

  <div id="ship1"><div class="shiprs">
  <!--   ЗДЕСЬ АВАТАРЫ   -->
<div class="shiav" style="background-image:url(https://upforme.ru/uploads/001b/ed/70/2/403355.jpg)"></div>
<div class="shiav" style="background-image:url(https://upforme.ru/uploads/001b/ed/70/2/451785.jpg)"></div>
<div class="shiav" style="background-image:url(https://upforme.ru/uploads/001b/ed/70/2/441503.jpg)"></div>
  </div>

  <em> Название Эпизода </em>

  <div class="btext"><p>
Персонаж_1   —   Персонаж_2   —   Персонаж_3
  </p>

<center>
тут описание эпизода текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <br>
Место действия <br>
2318 год эры Врат, месяц такой-то <br>
Личный/Сюжетный/Квест
</center>

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

Код взят у Шиповника

Подпись автора: На земле обязательно должны быть рыцари и менестрели.

Поделиться419-10-2025 12:41:34

Автор: Тэмплар
knight of swords
Сообщений: 945
Уважение: +331
Предметы:
23,23,25
Доп. аватар:
https://upforme.ru/uploads/001b/ed/70/2/455774.jpg

[html]<link href="https://fonts.googleapis.com/css2?family=Alegreya+SC:wght@400;500;700&display=swap" rel="stylesheet"><style>#ship5 {
--s5m: auto;
--s5bg: #023735;
--s5bp: #dedcd2;
--s5c: #1b1b1b;
--s5h: #d0ab84;
--s5r: #898075;
}
#ship5 * {box-sizing:border-box;} #ship5 {margin: auto auto auto var(--s5m);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
background: #171305;
color: #3b3933;
width: 650px;
} /* shipovnik */
.stx3 {box-sizing: border-box; width: 100%; text-align: center; background: var(--s5bg);}
.stx3 > p {margin: 40px 50px 20px !important; padding: 20px !important; background: var(--s5bp); color: var(--s5c); outline: 1px solid var(--s5r); outline-offset: 12px;}
.stx3 > h5 {width: auto; margin: auto 34px; padding:12px 10px; position: relative; line-height: 90%; text-transform: uppercase; transform: translate(0%, 50%); outline: 1px solid var(--s5r); outline-offset: 8px; border: 1px solid var(--s5r); box-shadow: 0 0 8px var(--s5bg); background: var(--s5bg); font-weight:400; font-family: 'Alegreya SC', Georgia, serif; font-size: 18px; color: var(--s5h);}
.shimg2 {width: 100%;
height: 260px;
background-size: cover;
background: 50% 87% no-repeat;}</style>

</p>

<h5>НАЗВАНИЕ ЭПИЗОДА</h5></div>

<div class="shimg2" style="background-image: url(https://upforme.ru/uploads/001b/ed/70/2/86888.png);"></div></div>
[/html]

Подпись автора: На земле обязательно должны быть рыцари и менестрели.

Страница: 1

Пароград

Меню навигации

Пользовательские ссылки

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

Для красивого оформления эпизодов

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

Поделиться101-10-2023 13:47:41

Поделиться205-10-2023 20:33:27

Поделиться308-10-2023 14:41:37

Поделиться419-10-2025 12:41:34