Шаблоны эпизода

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

Поделиться12022-01-19 11:01:15

Автор: Режиссёр
Администратор
The Game of Thrones
Текст 1

текст2
Имя фамилия

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Сообщений: 85
Уважение: +0
Валюта: 1000
Посты: 100
Последний визит:
2022-05-29 16:49:22

Код:

<!--HTML--><link href="https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap" rel="stylesheet">
<style>#ship1 {display:block; padding:40px; margin: 1.2em 1em 1.2em 2.2em; background: url("https://upforme.ru/uploads/001b/62/03/3/637414.jpg"); outline: 1px solid #000; outline-offset:10px; max-width:600px; box-sizing:border-box;} /* shipovnik */

/* БЛОК АВАТАРОК */
.shiprs {
  display:block;
  border-top: 1px solid #c6a38a;
  text-align:center;
  margin: 35px auto auto;
}

/* АВАТАРКИ КАРТИНКИ */
.shiav {
  display:inline-block;
  width: 70px;
  height: 70px;
  border-radius:50%;
  background:#000;
  margin: auto 10% auto auto;
  border: 1px solid #330909;
  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%);}

/***   ЗАГОЛОВОК   ***/
#ship1 > em {
  display:block;
  margin: -10px auto 8px auto;
  text-align:center;
  font-style: normal !important;
  letter-spacing:3px;
  color:#c6a38af;
  font-family: Oranienbaum, Georgia, sans-serif;
  font-size: 40px;
}

/***   БЛОК ТЕКСТА   ***/
#ship1 > .btext {
  padding: 0 50px;
  font-size:14px;
  color:#331412;
  font-family: Arial, Tahoma, sans-serif;
  text-align:justify;
}

/***   ПЕРСОНАЖИ   ***/
.btext > p {
  margin:auto !important;
  padding-bottom: 16px !important;
  text-align:center;
  font-style:normal;
  font-size:11px !important;
  color:#382222;
}
</style>


        <div id="ship1"><div class="shiprs">
          <!--   ЗДЕСЬ АВАТАРЫ   -->
          <div class="shiav" style="background-image:url(https://upforme.ru/uploads/001b/62/03/3/327874.jpg)"></div>
          <div class="shiav" style="background-image:url(https://upforme.ru/uploads/001b/62/03/3/327874.jpg)"></div>
          <div class="shiav" style="background-image:url(https://upforme.ru/uploads/001b/62/03/3/327874.jpg)"></div>
          </div>

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

        <div class="btext"><p>

Персонаж_1   —   Персонаж_2   —   Персонаж_3

        </p>

          Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам.

        </div></div>

Взять код - убрать звездочки в теге

Поделиться22022-01-31 10:14:08

Автор: Режиссёр
Администратор
The Game of Thrones
Текст 1

текст2
Имя фамилия

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Сообщений: 85
Уважение: +0
Валюта: 1000
Посты: 100
Последний визит:
2022-05-29 16:49:22

Код:

<!--HTML--><link href="https://fonts.googleapis.com/css2?family=Alegreya+SC:wght@400;500;700&display=swap" rel="stylesheet"><style>#ship5 {display:flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box; overflow: hidden; margin:auto auto auto 2em; background: #000; color: #949494; width:600px; min-height:100px;} /* shipovnik */
.stx3 {box-sizing: border-box; width: 100%; text-align: center; background: #492c24;}
.stx3 > p {margin: 40px 50px 20px !important; padding: 20px !important; background: #c29370; color: #000; outline: 1px solid #616161; 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 #616161; outline-offset: 8px; border: 1px solid #656565; box-shadow: 0 0 8px #000; background: #c29370; font-weight:400; font-family: 'Alegreya SC', Georgia, serif; font-size: 18px; color:#51281f;}
.shimg2 {width: 100%; height: 250px; background-size: cover; background: 50% 50% no-repeat;}
</style>

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

Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам. Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам.

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

          <h5>Случайное название эпизода</h5></div>

          <div class="shimg2" style="background-image: url(https://upforme.ru/uploads/001b/62/03/3/503818.jpg);"></div></div>

Взять код - убрать звездочки в теге

Поделиться32022-02-01 11:20:11

Автор: Режиссёр
Администратор
The Game of Thrones
Текст 1

текст2
Имя фамилия

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Сообщений: 85
Уважение: +0
Валюта: 1000
Посты: 100
Последний визит:
2022-05-29 16:49:22

Код:

<!--HTML--><style>.shipdia {margin: 50px auto 65px; height: 250px; width: 250px; border: 1px solid #000; background-color: #000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); overflow: hidden;} /* shipovnik */
.shipdia2 {margin-top: -52px; margin-left: -52px; height: 354px; width: 354px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); background-size: cover; background-position: 50% 50%;}
#ship6 {display: block; box-sizing: border-box; max-width: 600px;
  margin: auto auto auto 2em;
  padding: 20px;
  background: linear-gradient(0deg, #492c24 0%, #2c0d0e 100%);   /*** ГРАДИЕНТ НА ФОНЕ ***/
}

/* ТЕКСТОВЫЙ БЛОК */
.stx4 {background: transparent;
  padding: 20px;
  border: 1px solid #c49875;
  text-align:center;
  font-size:12px;
  color: #c49875;
}

/* НАЗВАНИЕ ЭПИЗОДА */
.stx4 > p {padding-bottom: 0px !important; letter-spacing: 1px; text-transform: uppercase;}
.stx4 > p > span {padding: 0 30px 5px; 
  border-bottom: 1px solid #c49875;
  font-family: Cambria, Georgia, serif !important; 
  font-size: 24px; 
  color: #d0ab84;
  text-shadow: 0 0 3px #000;
}

/* ПЕРСОНАЖИ */
.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: #d0ab84;
}
</style>

        <div id="ship6"><div class="stx4"><div class="shipdia">
         <div class="shipdia2" style="background-image: url(https://upforme.ru/uploads/001b/62/03/3/503818.jpg);"></div></div>

<!-- НАЧАЛО ТЕКСТА -->
<p><span>Случайное название</span></p>

<em>Персонаж_1 Ч Персонаж_2</em>

Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам. Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам.

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

Взять код - убрать звездочки в теге

Поделиться42022-02-28 14:34:44

Автор: Режиссёр
Администратор
The Game of Thrones
Текст 1

текст2
Имя фамилия

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Сообщений: 85
Уважение: +0
Валюта: 1000
Посты: 100
Последний визит:
2022-05-29 16:49:22

Название эпизода
●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●

Участник 1 - Участник 2

Описание эпизода

Код:

[align=center][size=20][font=Yeseva One]Название эпизода[/font][/size][/align]
[align=center]●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●[/align]

[align=center][img]https://upforme.ru/uploads/001b/62/03/3/127950.jpg[/img] [img]https://upforme.ru/uploads/001b/62/03/3/127950.jpg[/img][/align]
[align=center]Участник 1 - Участник 2[/align]

[quote]Описание эпизода[/quote]

Movieroll

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

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

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

Шаблоны эпизода

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

Поделиться12022-01-19 11:01:15

Поделиться22022-01-31 10:14:08

Поделиться32022-02-01 11:20:11

Поделиться42022-02-28 14:34:44