THE VAMPIRE DIARIES × THE ORIGINALS X LEGACIES X 2018
лучший пост
Alexia
Лекси в самую пору улыбнуться. Возможно, сесть прямиком на стол к приветливому "массажисту", закинув ноги дерзко одна на другую и, если бы она курила сигареты, прикурить. Их столько, знаете ли, жалоб. На мир сверхъестественный, на Деймона Сальваторе, который отправил её на тот свет раньше положенного срока... А какой этот положенный срок, к слову, у существ, которые живут дольше обычного вне всяких рамок, оставаясь молодыми, красивыми и привлекательными?
лучший эпизод
feel your worries disappear
активисты флуда
Niklaus x Kayla x Isabel x Tom
постописцы
Hope x Trevor x Elena x Kat

Test

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

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


Вы здесь » Test » Коды, дизы » Код акции или отношенек


Код акции или отношенек

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

1

Код:
[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:#000; outline: 1px solid #000; outline-offset:10px; max-width:500px; box-sizing:border-box;} /* shipovnik */

/* БЛОК АВАТАРОК */
.shiprs {
  display:block;
  border-top: 1px solid #949494;
  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 #949494;
  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:#d6a271;
  font-family: Oranienbaum, Georgia, sans-serif;
  font-size: 20px;
}

/***   БЛОК ТЕКСТА   ***/
#ship1 > .btext {
  padding: 0 50px;
  font-size:12px;
  color:#949494;
  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:#737373;
}
</style>


        <div id="ship1"><div class="shiprs">
          <!--   ЗДЕСЬ АВАТАРЫ   -->
          <div class="shiav" style="background-image:url(https://i.imgur.com/b43XDFu.gif)"></div>
          <div class="shiav" style="background-image:url(https://i.imgur.com/oLim4ti.gif)"></div>
          <div class="shiav" style="background-image:url(https://i.imgur.com/Dc4N4ud.gif)"></div>
          </div>

        <em>Seelie Queen</em>

        <div class="btext"><p>

looks like Deborah Ann Woll

        </p>

          Королева Благих, поддерживала Себастьяна Моргенштерна. Открыла глаза Джейсу и Клэри, разлучив последнюю с Саймонов, на их чувства, которые те скрывали друг от друга. Переспала с братом Клариссы и теперь беременна от него и никто об этом не знает, пот ому что многие отвернулись о фэйри из-за того, что они поддерживали Моргенштерна. В Норфолке находится для того, чтобы понять, как вернуть свою любовь и отца своего ребёнка.

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

0

2

[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:#000; outline: 1px solid #000; outline-offset:10px; max-width:500px; box-sizing:border-box;} /* shipovnik */

/* БЛОК АВАТАРОК */
.shiprs {
  display:block;
  border-top: 1px solid #949494;
  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 #949494;
  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:#d6a271;
  font-family: Oranienbaum, Georgia, sans-serif;
  font-size: 20px;
}

/***   БЛОК ТЕКСТА   ***/
#ship1 > .btext {
  padding: 0 50px;
  font-size:12px;
  color:#949494;
  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:#737373;
}
</style>

        <div id="ship1"><div class="shiprs">
          <!--   ЗДЕСЬ АВАТАРЫ   -->
          <div class="shiav" style="background-image:url(
https://i.imgur.com/b43XDFu.gif)"></div>
          <div class="shiav" style="background-image:url(https://i.imgur.com/oLim4ti.gif)"></div>
          <div class="shiav" style="background-image:url(https://i.imgur.com/Dc4N4ud.gif)"></div>
          </div>

        <em>Seelie Queen</em>

        <div class="btext"><p>

looks like Deborah Ann Woll

        </p>

          Королева Благих, поддерживала Себастьяна Моргенштерна. Открыла глаза Джейсу и Клэри, разлучив последнюю с Саймонов, на их чувства, которые те скрывали друг от друга. Переспала с братом Клариссы и теперь беременна от него и никто об этом не знает, пот ому что многие отвернулись о фэйри из-за того, что они поддерживали Моргенштерна. В Норфолке находится для того, чтобы понять, как вернуть свою любовь и отца своего ребёнка.

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

0

3

[html]<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Cuprum&display=swap" rel="stylesheet"><style>
#ship7 {
  --shtxt: #F0FFF0;   /* текст в заголовках*/
  --shbg: #000000; /* фон в заголовках */
  --shbrd: #11001a; /* границы заголовка и картинки */
  --shots: 14px;   /* отступы эпизодов друг от друга */
  --shotg: 16px;   /* отступ текста от картинки */
  --shotz: auto auto 16px -40px;   /* отступ заголовка */
  --shgrad: linear-gradient(90deg, transparent 10%, #11001a 50%, transparent 90%);
}
#ship7 {max-width:700px;  /* ограничиваем ширину блока*/
position:relative; overflow:hidden; box-sizing:border-box; display:grid; grid-template-columns: 120px auto; align-items: start; margin: 8px auto auto 2em;}
#ship7 * {box-sizing:border-box;}
#ship7 *::-webkit-scrollbar {width:3px; height:3px; background: rgba(0, 0, 0, 0.05);}
#ship7 *::-webkit-scrollbar-thumb {background: var(--shbg);}
#ship7 *::-webkit-scrollbar-corner {background: transparent;}
#ship7 .sh1 {display:block; min-height: 100px; height:100%; padding:0px !important; background: var(--shbg) 50% 0% repeat; border: 1px solid var(--shbrd);} /* shipovnik */
#ship7 .sh2 {display:block; height: 100%; width: auto; padding: 20px 6px 14px var(--shotg);}
#ship7 .sh3 {display:block; margin-top:34px;}
#ship7 .sh3:nth-child(1) {margin-top:0px;}
#ship7 h7 {font-family: 'Cuprum', Georgia, serif; font-size: 18px; display:block; background:var(--shbg); color:var(--shtxt); padding: 8px 14px 7px; width: 85%; margin: var(--shotz); border: 1px solid var(--shbrd);}
#ship7 p.sh5 {display:block; overflow:auto; scroll-behavior: smooth; padding-right:8px; max-height: 60px;}
#ship7 .sh4 {position:relative; padding: 0 !important; margin-bottom:var(--shots); text-align: justify; font-size: 11px; line-height: 120%;}
#ship7 .sh4:last-child {margin-bottom:0px;}
#ship7 .sh4::after {display:block; content:""; width:auto; height:1px; background:var(--shgrad); margin-top:var(--shots); }
#ship7 .sh4:last-child::after {display:none;}
#ship7 a.epss {font-family: 'Oswald', Tahoma, sans-serif; font-size: 15px; display:block; width:max-content;}
#ship7 .pers {font-size: 10px; font-family: Tahoma, sans-serif; color: rgba(0, 0, 0, 0.6); font-style:normal !important; display:block; width:max-content; margin: 3px auto 5px 0px;}
</style><div id="ship7"><!-- START -->

<div class="sh1" style="background-image:url(https://i.ibb.co/LZF52Qc/maxresdefault.jpg);"></div><div class="sh2">

<!-------- ПРОШЛОЕ -------->
  <div class="sh3"><h7> СЮЖЕТНЫЕ ЭПИЗОДЫ </h7>

    <!-- Эпизод_1 -->
  <div class="sh4"><a href="Ссылка" class="epss">  Название  </a>
  <em class="pers">  Участники  </em>
 
Описание
  </p></div>

</div><!-- КОНЕЦ ГОДА -->

<!-------- НАСТОЯЩЕЕ -------->
    <div class="sh3"><h7> ЛИЧНЫЕ ЭПИЗОДЫ </h7>

    <!-- Эпизод_1 -->
  <div class="sh4"><a href="https://lullabydeath.rusff.me/viewtopic.php?id=161#p10405" class="epss">  Когда снова одолеет стыд за свою волчью сущность, вспомни: луна не призывает слабых  </a>
  <em class="pers">  30.05.2013  </em>
<em class="pers"> lorelyn evory, phoebe stevens    </em>
 
Описание
  </p></div>

    <!-- Эпизод_2 -->
    <div class="sh4"><a href="ссылка" class="epss">  название  </a>
    <em class="pers">  дата  </em>
<em class="pers">  Участники  </em>
   
Описание
  </p></div>

</div><!-- КОНЕЦ ГОДА -->

<!-------- АРХИВ -------->
  <div class="sh3"><h7> АЛЬТЕРНАТИВА И АРХИВ </h7>

    <!-- Эпизод_1 -->
  <div class="sh4"><a href="ссылка" class="epss">  Название  </a>
  <em class="pers">  дата  </em>
<em class="pers">  Участники  </em>
 
Описание
  </p></div>

</div><!-- КОНЕЦ ГОДА -->

<!-- END --></div></div>[/html]

0


Вы здесь » Test » Коды, дизы » Код акции или отношенек


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