[html]<style type="text/css">
.name {
text-align: center;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
}

.name:before {
display: block;
background-color: rgb(0, 0, 0);
content: "";
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
z-index: 2;
}

.name:after {
font-family: kurale;
color: white;
content: attr(alt);
display: block;
font-size: 8px;
opacity: 0;
padding: 0 3%;
position: absolute;
text-transform: none;
top: 50%;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: scale(0) translateY(-50%);
transform: scale(0) translateY(-50%);
width: 94%;
z-index: 3;
}

.name img {
border: none;
display: block;
z-index: 1;
}

.name:after {
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}

.name:hover:before {
opacity: 0.6;
}
.name:hover:after {
opacity: 1;
-webkit-transform: scale(1) translateY(-50%);
transform: scale(1) translateY(-50%);
}

.fon {
height: 752px;
width: 564px;
background-image: url("https://i.ibb.co/ZV5k1tt/14.png");
background-position: top center;
background-repeat: no-repeat;
margin: auto;
}

.interv {
z-index: 10;
height: 110px;
width: 290px;
text-align: justify;
text-justify: inter - word;
font-size: 6.5px;
font-family: kurale;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #dfe1df;
position: relative;
text-shadow: 0px 0px 1px #000000;
bottom: -270px;
left: 228px;
padding: 10px 10px 10px 10px;
border: #191d1e solid 0px;
background-image: url("");
background-position: center center;
background-repeat: no-repeat;
}

.delaly {
margin: auto;
z-index: 10;
height: 65px;
width: 564px;
text-transform: uppercase;
overflow: auto;
font-size: 11px;
font-family: Arial Black;
color: #000;
background-color: #e9e3d5;
position: relative;
text-shadow: 0px 0px 0px #dfe1df;
bottom: -10px;
left: 0px;
text-indent: 0px;
opacity: 0.8;
padding: 7px 7px 7px 7px;
border: #191d1e solid 0px;
text-indent: 0px;
}

</style>
<div class="fon">
    <div class="interv"\тут ничего не делаем, оставляем блок, чтобы была картинка с лицом\> </div>
</div>
<div class="delaly"><span style="font-size:10px"> Над выпуском работали:
<br>
Гарри "Мастер мокрых поцелуев" Поттер<br>
Кэти "А я рыженьких люблю" Белл<br>
Невилл "На самом деле с торсом" Лонгботтом<br>
</span></div>[/html]

[html]
<!--HTML-->
<center>
  <style>
  .name {
    text-align: center;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
  }
 
  .name:before {
    display: block;
    background-color: rgb(0, 0, 0);
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
  }
 
  .name:after {
    font-family: kurale;
    color: white;
    content: attr(alt);
    display: block;
    font-size: 8px;
    opacity: 0;
    padding: 0 3%;
    position: absolute;
    text-transform: none;
    top: 50%;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(0) translateY(-50%);
    transform: scale(0) translateY(-50%);
    width: 94%;
    z-index: 3;
  }
 
  .name img {
    border: none;
    display: block;
    z-index: 1;
  }
 
  .name:after {
    -webkit-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
  }
 
  .name:hover:before {
    opacity: 0.6;
  }
 
  .name:hover:after {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
  }
 
  .backk {
    height: 752px;
    width: 564px;
    background-image: url("https://i.ibb.co/XDN1RSp/image.png");
    background-position: top center;
    background-repeat: no-repeat;
  }
 
  .textt1 {
    z-index: 10;
    height: 170px;
    width: 500px;
    text-align: justify;
    text-justify: inter - word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #dfe1df;
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -165px;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
    background-image: url("https://lh3.googleusercontent.com/proxy/HtUb8_ChTiG5qkKDAzbvUgtR1Zrsj8ClxfwEntf-vdjB155uFytNkNWZRY8fCWK8_1pkEHcs3wBCi4J6ypwePi-y4-txE8fXT5wZj9ROwd7A9TS6hfUTMmVEthgsjqO0jswVmKOx5_1vuHE3eR7iETmOizSLbQ");
    background-position: top center;
    background-repeat: no-repeat;
  }
 
  .textt2 {
    z-index: 10;
    height: 15px;
    width: 480px;
    text-align: justify;
    text-justify: inter-word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #FFF;
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -145px;
    left: 0px;
    background-color: #000;
    opacity: 0.85;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
  }
 
  .textt3 {
    z-index: 10;
    height: 350px;
    width: 495px;
    text-transform: uppercase;
    overflow: auto;
    text-align: justify;
    text-justify: inter-word;
    font-size: 8.0px;
    font-family: kurale;
    letter-spacing: 1px;
    color: #000000;
    position: relative;
    text-shadow: 0px 0px 0px #dfe1df;
    bottom: -165px;
    text-indent: 10px;
    opacity: 0.87;
    padding: 7px 7px 7px 7px;
    border: #191d1e solid 0px;
    margin-left: -0px;
  }
  </style>
  <div class="backk">
    <div class="textt1">
      <div class="textt2">
        <center> <font style="font-size: 8px;"> Собираем пазлы и пытаемся впихнуть невпихуемое: гороскоп совместимости. Трелони фигни не посоветует. </font></center>
      </div>
    </div>
    <div class="textt3"> <b> </b>
      <center><b> <font style="font-size: 16px; color: #008000;"> СЛИЗЕРИН</font> </b> </center>
      <br>
<p><span style="font-family:verdana,geneva,sans-serif;">У слизеринцев крайне плохая совместимость с гриффиндорками. Потому что те хоть и слабый пол, но такие же на голову отбитые, как и мужская половина представителей этого факультета.
Слизеринцы хорошо сочетаются с хаффлпаффками, те обогреют, накормят и выслушают все коварные планы, подкладывая в тарелку пирожков.
Зато слизеринки хорошо сочетаются с бравыми гриффиндорцами: какая девушка не мечтает о рыцаре? А те еще и терпят загоны и списывают все на женскую натуру.
<br>
        <center> <font style="font-size: 11px;"> Слизерин-Слизерин
<br>
<img alt="" src="https://i.ibb.co/NFQ4nrn/f7f43201b3064f67a38f3bf1bf556be2template04-t-19.png" ">
<br>
<img alt="" src="https://i.ibb.co/y0THJy0/f7f43201b3064f67a38f3bf1bf556be2template04-t-10.png" ">
<br>
<img alt="" src="https://i.ibb.co/DfX34qM/f7f43201b3064f67a38f3bf1bf556be2template04-t.png" ">
</font></center>
<br>       

<center> <font style="font-size: 11px;"> Слизерин-Хаффлпафф
<br>
<img alt="" src="https://i.ibb.co/2MSGGC9/f7f43201b3064f67a38f3bf1bf556be2template04-t-18.png" ">
<br>
<img alt="" src="https://i.ibb.co/JB3TxTN/f7f43201b3064f67a38f3bf1bf556be2template04-t-11.png" ">
<br>
<img alt="" src="https://i.ibb.co/DfX34qM/f7f43201b3064f67a38f3bf1bf556be2template04-t.png" ">
</font></center>
<br>

        <center> <font style="font-size: 11px;"> Слизерин-Рейвенкло
<br>
<img alt="" src="https://i.ibb.co/NFQ4nrn/f7f43201b3064f67a38f3bf1bf556be2template04-t-19.png" ">
<br>
<img alt="" src="https://i.ibb.co/pf72dn3/f7f43201b3064f67a38f3bf1bf556be2template04-t-12.png" ">
<br>
<img alt="" src="https://i.ibb.co/vjcjKvK/f7f43201b3064f67a38f3bf1bf556be2template04-t-1.png" ">
</font></center>
<br>

        <center> <font style="font-size: 11px;"> Слизерин-Гриффиндор
<br>
<img alt="" src="https://i.ibb.co/bFGX5hV/f7f43201b3064f67a38f3bf1bf556be2template04-t-16.png" ">
<br>
<img alt="" src="https://i.ibb.co/LtcRKRG/f7f43201b3064f67a38f3bf1bf556be2template04-t-14.png" ">
<br>
<img alt="" src="https://i.ibb.co/VMQwh2N/f7f43201b3064f67a38f3bf1bf556be2template04-t-3.png" ">
</font></center>
<br>

</span></p>

</span></p><center><b> <font style="font-size: 16px; color: #FFD700;"> ХАФФЛПАФФ</font> </b> </center>
      <br>
<p><span style="font-family:verdana,geneva,sans-serif;"> Хаффлпаффцы прекрасно сочетаются с девушками с Рейвенкло, куда лучше, чем с другими знаками: это надежный, уютный и чаще всего интровертный союз. Девушки ценят надежность своего партнера и благодарят Мерлина за тайные знания хаффлпаффцев о том, что девочки тоже любят пожрать.  Хаффлпаффок же, как уже говорилось, более привлекают слизеринцы, потому что интересно найти на голову отбитую зверушку и поухаживать за ней.
<br>
<br>
        <center> <font style="font-size: 11px;"> Хаффлпафф - Слизерин
<br>
<img alt="" src="https://i.ibb.co/2MSGGC9/f7f43201b3064f67a38f3bf1bf556be2template04-t-18.png" ">
<br>
<img alt="" src="https://i.ibb.co/JB3TxTN/f7f43201b3064f67a38f3bf1bf556be2template04-t-11.png" ">
<br>
<img alt="" src="https://i.ibb.co/DfX34qM/f7f43201b3064f67a38f3bf1bf556be2template04-t.png" ">
</font></center>
<br>
        <center> <font style="font-size: 11px;"> Хаффлпафф-Хаффлпафф
<br>
<img alt="" src="https://i.ibb.co/NFQ4nrn/f7f43201b3064f67a38f3bf1bf556be2template04-t-19.png" ">
<br>
<img alt="" src="https://i.ibb.co/y0THJy0/f7f43201b3064f67a38f3bf1bf556be2template04-t-10.png" ">
<br>
<img alt="" src="https://i.ibb.co/DfX34qM/f7f43201b3064f67a38f3bf1bf556be2template04-t.png" ">
</font></center>
<br>
        <center> <font style="font-size: 11px;"> Хаффлпафф-Рейвенкло
<br>
<img alt="" src="https://i.ibb.co/2MSGGC9/f7f43201b3064f67a38f3bf1bf556be2template04-t-18.png" ">
<br>
<img alt="" src="https://i.ibb.co/JB3TxTN/f7f43201b3064f67a38f3bf1bf556be2template04-t-11.png" ">
<br>
<img alt="" src="https://i.ibb.co/vjcjKvK/f7f43201b3064f67a38f3bf1bf556be2template04-t-1.png" ">
</font></center>
<br>
        <center> <font style="font-size: 11px;"> Хаффлпафф-Гриффиндор
<br>
<img alt="" src="https://i.ibb.co/2MSGGC9/f7f43201b3064f67a38f3bf1bf556be2template04-t-18.png" ">
<br>
<img alt="" src="https://i.ibb.co/pf72dn3/f7f43201b3064f67a38f3bf1bf556be2template04-t-12.png" ">
<br>
<img alt="" src="https://i.ibb.co/vjcjKvK/f7f43201b3064f67a38f3bf1bf556be2template04-t-1.png" ">
</font></center>
<br>

</span></p>

      <center><b> <font style="font-size: 16px; color: #0000FF;"> РЕЙВЕНКЛО</font> </b> </center>
      <br>
<p><span style="font-family:verdana,geneva,sans-serif;"> Рейвенкловцы отлично ладят с гриффиндорками. Эта пара дополняет друг друга, с одной стороны рейвы не позволяют гриффиндоркам совершать поступки, после которых можно остаться без башни, а с другой гриффиндорки нередко устраивают встряску своему партнеру, которая идет ему во благо. В свою очередь, среди отдельного класса представителей Рейвенкло "ботаны обыкновенные" процветает анархия и общество "без тян", но эти тяготеют к загадочным слизеринкам (которые разобьют им сердце, так как звезды говорят, что не судьба).
<br>

<br>
        <center> <font style="font-size: 11px;"> Рейвенкло-Слизерин
<br>
<img alt="" src="https://i.ibb.co/NFQ4nrn/f7f43201b3064f67a38f3bf1bf556be2template04-t-19.png" ">
<br>
<img alt="" src="https://i.ibb.co/pf72dn3/f7f43201b3064f67a38f3bf1bf556be2template04-t-12.png" ">
<br>
<img alt="" src="https://i.ibb.co/vjcjKvK/f7f43201b3064f67a38f3bf1bf556be2template04-t-1.png" ">
</font></center>
<br>

        <center> <font style="font-size: 11px;"> Рейвенкло-Хаффлпафф
<br>
<img alt="" src="https://i.ibb.co/2MSGGC9/f7f43201b3064f67a38f3bf1bf556be2template04-t-18.png" ">
<br>
<img alt="" src="https://i.ibb.co/JB3TxTN/f7f43201b3064f67a38f3bf1bf556be2template04-t-11.png" ">
<br>
<img alt="" src="https://i.ibb.co/vjcjKvK/f7f43201b3064f67a38f3bf1bf556be2template04-t-1.png" ">
</font></center>
<br>
        <center> <font style="font-size: 11px;"> Рейвенкло-Рейвенкло
<br>
<img alt="" src="https://i.ibb.co/RjzXqnz/f7f43201b3064f67a38f3bf1bf556be2template04-t-16.png" ">
<br>
<img alt="" src="https://i.ibb.co/Myv0Y4Y/f7f43201b3064f67a38f3bf1bf556be2template04-t-13.png" ">
<br>
<img alt="" src="https://i.ibb.co/Z6TjyR0/f7f43201b3064f67a38f3bf1bf556be2template04-t-4.png" ">
</font></center>
<br>
        <center> <font style="font-size: 11px;"> Рейвенкло-Гриффиндор
<br>
<img alt="" src="https://i.ibb.co/2MSGGC9/f7f43201b3064f67a38f3bf1bf556be2template04-t-17.png" ">
<br>
<img alt="" src="https://i.ibb.co/LtcRKRG/f7f43201b3064f67a38f3bf1bf556be2template04-t-14.png" ">
<br>
<img alt="" src="https://i.ibb.co/vjcjKvK/f7f43201b3064f67a38f3bf1bf556be2template04-t-1.png" ">
</font></center>
<br>

</span></p>

      <center><b> <font style="font-size: 16px; color: #FF0000;"> ГРИФФИНДОР</font> </b> </center>
      <br>
<p><span style="font-family:verdana,geneva,sans-serif;"> Гриффиндорцы, помимо слизеринок, довольно хорошо сочетаются с хаффлпаффками (помним о любви хаффлпаффцев подбирать всякое больное и несчастнте), которые искренне заботятся о своем не в меру деятельном кавалере и носят тому передачки в Больничное Крыло.
Гриффиндорки нет-нет, да посмотрят в сторону слизеринцев, видимо, в надежде порвать шаблон, а так же пару мантий и учебников. Звезды утверждают, что даже у взрывоопасной смеси из двух гриффиндорцев больше шансов пережить любовь, чем у пары гриффиндорка-слизеринец. Но запретный плод сладок, не так ли?
<br>
        <center> <font style="font-size: 11px;"> Гриффиндор-Слизерин
<br>
<img alt="" src="https://i.ibb.co/bFGX5hV/f7f43201b3064f67a38f3bf1bf556be2template04-t-16.png" ">
<br>
<img alt="" src="https://i.ibb.co/LtcRKRG/f7f43201b3064f67a38f3bf1bf556be2template04-t-14.png" ">
<br>
<img alt="" src="https://i.ibb.co/VMQwh2N/f7f43201b3064f67a38f3bf1bf556be2template04-t-3.png" ">
</font></center>
<br>

<center> <font style="font-size: 11px;"> Гриффиндор-Хаффлпафф
<br>
<img alt="" src="https://i.ibb.co/2MSGGC9/f7f43201b3064f67a38f3bf1bf556be2template04-t-18.png" ">
<br>
<img alt="" src="https://i.ibb.co/pf72dn3/f7f43201b3064f67a38f3bf1bf556be2template04-t-12.png" ">
<br>
<img alt="" src="https://i.ibb.co/vjcjKvK/f7f43201b3064f67a38f3bf1bf556be2template04-t-1.png" ">
</font></center>
<br>
        <center> <font style="font-size: 11px;"> Гриффиндор-Рейвенкло
<br>
<img alt="" src="https://i.ibb.co/2MSGGC9/f7f43201b3064f67a38f3bf1bf556be2template04-t-17.png" ">
<br>
<img alt="" src="https://i.ibb.co/LtcRKRG/f7f43201b3064f67a38f3bf1bf556be2template04-t-14.png" ">
<br>
<img alt="" src="https://i.ibb.co/vjcjKvK/f7f43201b3064f67a38f3bf1bf556be2template04-t-1.png" ">
</font></center>
<br>
        <center> <font style="font-size: 11px;"> Гриффиндор-Гриффиндор
<br>
<img alt="" src="https://i.ibb.co/NFQ4nrn/f7f43201b3064f67a38f3bf1bf556be2template04-t-19.png" ">
<br>
<img alt="" src="https://i.ibb.co/LtcRKRG/f7f43201b3064f67a38f3bf1bf556be2template04-t-14.png" ">
<br>
<img alt="" src="https://i.ibb.co/DfX34qM/f7f43201b3064f67a38f3bf1bf556be2template04-t.png" ">
</font></center>
<br>
</span></p>

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

[html]<style>

  .backksk {
    height: 752px;
    width: 564px;
    background-image: url("https://i.ibb.co/Z6pLfJL/image.png");
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
  }
 
  .textt1sk {
    z-index: 10;
    height: 170px;
    width: 500px;
    text-align: justify;
    text-justify: inter - word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #dfe1df;
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -165px;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
    background-image: url("https://i.ibb.co/C2Xb9YT/ezgif-com-gif-maker-1.png");
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
  }
  .textt3sk {
    z-index: 10;
    height: 350px;
    width: 495px;
    text-transform: uppercase;
    overflow: auto;
    text-align: justify;
    text-justify: inter-word;
    font-size: 8.5px;
    font-family: kurale;
    letter-spacing: 1px;
    color: #000000;
    position: relative;
    text-shadow: 0px 0px 0px #dfe1df;
    bottom: -165px;
    text-indent: 10px;
    opacity: 0.87;
    padding: 7px 7px 7px 7px;
    border: #191d1e solid 0px;
    margin: auto;
  }
  </style>
<div class="backksk">
    <div class="textt1sk"></div>
   
    <div class="textt3sk"> <b> </b>
     
      <br>
<p><strong><font style="font-size: 8,5px; color: #f60404;">Великобритания:</font></strong>
      ну, как же без нее. Жители Туманного Альбиона посылают валентинки своим четвероногим питомцам, а не только любимым и друзьям. Так что ни одна сутулая псина не останется без признания в любви. Тяу-тяу. </p>

      <p><strong><font style="font-size: 8,5px; color: #f60404;">Магическая Великобритания:</font></strong>
      в магическом мире всё несколько проще и домашненько — одинокие волшебницы слушают Селестину Уорлок и читают колдографические романы. Да что уж говорить, одинокие волшебники тоже не брезгуют этим. </p>
     
       <p><strong><font style="font-size: 8,5px; color: #f60404;">Германия:</font></strong>
     существует поверье, что если незамужняя девушка в День святого Валентина съест яйцо, сваренное накануне вкрутую, то ночью ей обязательно приснится суженый. <s>А может расширенный.</s> Также с праздником связана и погодная примета: если в День всех влюбленных холодно − скоро наступит весна. Логичненько, что тут сказать. </p>

      <p><strong><font style="font-size: 8,5px; color: #f60404;">Голландия:</font></strong>
      страна тюльпанов, мельниц, но не только. В этот день любая девушка может сделать предложение своему возлюбленному, если тот откажется, то должен будет купить девице шелковое платье. Неплохая возможность пополнить свой гардероб.   </p>

      <p><strong><font style="font-size: 8,5px; color: #f60404;">Япония:</font></strong>
      если вы не любите шумные праздники, то вам лучше запастись бирушами. Почему? Всё просто — потому что в этот день на мостах в этой стране проводят конкурсы на самое громкое признание любви. Любите покричать? Возьмите на заметку, только не забудьте распеться, чтобы не сорвать голос. </p>
     
       <p><strong><font style="font-size: 8,5px; color: #f60404;">Болгария:</font></strong>
      кроме дня любви там еще празднуется день виноградарей, поэтому нет ничего страшненького, если ты в этот день пьяненький. Да так и признаваться в любви проще. Вообще топ. Главное, чтобы на следующий день не было стыдно. Но если не помнишь — значит не было. </p>
     
       <p><strong><font style="font-size: 8,5px; color: #f60404;">Саудовская Аравия:</font></strong>
      эта страна вам не какая-то шутка. В этот день лучше не праздновать эту вашу глупую любовь, можно нарваться на большие штрафы. Все же мы помним, что случается во время любви. Пороки. Пороки. Пороки. </p>
     
       <p><strong><font style="font-size: 8,5px; color: #f60404;">Испания:</font></strong>
     а тут день всех влюбленных выпадает на 9 октября. день святого дионисия, покровителя влюбленных. Девушкам, любящим марципаны особенно повезло, тут традиционно молодые люди дарят фигурки из марципана.  </p>
   
       <p><strong><font style="font-size: 8,5px; color: #f60404;">Дринк:</font></strong>
     а что, чем не страна? Да и определенного дня для празднования любви нет. Хочешь сейчас — пожалуйста, не получилось? Можешь попробовать через пару часиков. Главное — не забудь собачку. </p>
      <center> <img src="https://i.ibb.co/7JTSKBs/akiovk-Ag-ADDkk-AAul-VBRg.gif"> <img src="https://i.ibb.co/7JTSKBs/akiovk-Ag-ADDkk-AAul-VBRg.gif"> <img src="https://i.ibb.co/7JTSKBs/akiovk-Ag-ADDkk-AAul-VBRg.gif"> <img src="https://i.ibb.co/7JTSKBs/akiovk-Ag-ADDkk-AAul-VBRg.gif"> <img src="https://i.ibb.co/7JTSKBs/akiovk-Ag-ADDkk-AAul-VBRg.gif"> </center>
     
    </div>
 
  [/html]

[html]
<style>
    .name {
        text-align: center;
        display: inline-block;
        overflow: hidden;
        position: relative;
        text-decoration: none;
    }

    .name:before {
        display: block;
        background-color: rgb(0, 0, 0);
        content: "";
        height: 100%;
        opacity: 0;
        position: absolute;
        width: 100%;
        z-index: 2;
    }

    .name:after {}

    .name img {
        border: none;
        display: block;
        z-index: 1;
    }

    .name:after {
        -webkit-transition: all 350ms ease-in-out;
        transition: all 350ms ease-in-out;
        font-family: kurale;
        color: white;
        content: attr(alt);
        display: block;
        font-size: 12px;
        opacity: 0;
        padding: 0 3%;
        position: absolute;
        text-justify: inter-word;
        text-transform: uppercase;
        top: 50%;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: scale(0) translateY(-50%);
        transform: scale(0) translateY(-50%);
        width: 94%;
        z-index: 3;
    }

    .name:hover:before {
        opacity: 0.6;
    }

    .name:hover:after {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-50%);
        transform: scale(1) translateY(-50%);
    }

    .backksk {
        height: 752px;
        width: 564px;
        background-image: url("https://i.ibb.co/DDhdZj8/image.jpg");
        background-position: top center;
        background-repeat: no-repeat;
        margin: auto;
    }

    .textt2sk {
        z-index: 10;
        height: 20px;
        width: 480px;
        text-align: relative;
        text-justify: inter-word;
        font-size: 6.5px;
        font-family: kurale;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #FFF;
        position: relative;
        text-shadow: 0px 0px 1px #000000;
        bottom: -165px;
        left:0px;
        background-color: #000;
        opacity: 0.85;
        padding: 10px 10px 10px 10px;
        border: #191d1e solid 0px;
        MARGIN: AUTO;
    }

    .textt3sk {
        z-index: 10;
        height: 500px;
        width: 495px;
        text-transform: uppercase;
        overflow: auto;
        text-align: justify;
        text-justify: inter-word;
        font-size: 8.5px;
        font-family: kurale;
        letter-spacing: 2px;
        color: #000000;
        position: relative;
        text-shadow: 0px 0px 0px #dfe1df;
        bottom: -165px;
        text-indent: 10px;
        opacity: 0.87;
        padding: 7px 7px 7px 7px;
        border: #191d1e solid 0px;
        margin: auto;
    }
</style>
<div class="backksk">
    <div class="textt2sk">
        <center>
            <font style="font-size: 8px;">У нас есть все: от приключений малышни, до поедания стекольного стекла, щепотка романтики и теория заговоров. Обычная жизнь в Хогвартс, скажете вы и, в общем-то будете правы.  </font>
        </center>
    </div>
    <div class="textt3sk"> <b> </b>
        <center> <a class="name" alt="Урок УзМС, пятый курс" href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=2065"><img src="https://i.ibb.co/9HRr8Vg/2.jpg" width="450px" height="50px"> </a> </center>
        <p>Никогда такого не было и вот опять. Кар-р-раул! Сексизм в стенах школы, точнее на уроке ухода за магическими существами. Девочки гладят единорожек, а мальчики собирают непонятно что, да еще и получают минус к дайсам, когда хотят прикоснуться к прекрасному. Видим несколько вариантов: Хагрид очень обиделся, когда посчитали прекрасным жеребят с неокрепшими рожочками, а не его распрекрасную бороду или преподавателя как-то неправильно Рикетт покусал. <br>
А пока пятикурсники совместными усилиями стараются усмирить мамочку-единорога (стараясь не получить этим самым рогом), мы запасаемся попкорном. Редакция вот не верит, что Хогвартс самое безопасное место в магическом мире.
</p>
     
        <center> <a class="name" alt="Не отступить" href="https://drinkbutterbeer.ru/viewtopic.php?id=2054"><img class="kart" src="https://i.ibb.co/9ZDFhZ3/3.jpg" width="450px" height="50px"> </a> </center>
        <p>Еще одни любители меняться, и это сейчас совсем не о тех, о ком вы подумали. Нет, и снова нет, Фрэд и Джордж тут ни при чем. На сей раз (будто им привыкать) две девушки учинили небольшой розыгрыш, а на удочку попалась мечтательная «змея», которая хочет быть не хуже, чем тот-кого-нельзя-называть-и-кто-не-смог-убить-мальчика-который-выжил. И нет, речь совсем не о кровопролитии или что вы там подумали, а о славе. </p>
     
             <center> <a class="name" alt="Slowly but surely" href="https://drinkbutterbeer.ru/viewtopic.php?id=1954"><img src="https://i.ibb.co/ncPH9gz/4.jpg" width="450px" height="50px"> </a> </center>
        <p>Знаете, наверное, такого в дринкополитане не было, но сейчас будет. Мы не будем рассказывать, что тут, скажем лишь одно — там трибуны, квиддич. Этого не хватило? Ну ладно, скажем еще, что там любимые простыни. Не зацепило? Да что ж вы так. Там все начинается с бутылки! Всё, хотите — проходите мимо, мы сделали всё, что могли!
</p>
     
   <center> <a class="name" alt="Above board" href="https://drinkbutterbeer.ru/viewtopic.php?id=2011"><img src="https://i.ibb.co/8s7Q4vX/5.jpg" width="450px" height="50px"> </a> </center>
        <p>Азартные игры — это всегда интересно. Мир волшебников настолько суров, что даже карты могут тебя покалечить. Да, согласны: безопасность — это для магглов. Собрались в каморке <s>что за актовым залом</s> для репетиций эпатажного мистера Фоули три квиддичиста и владелец помещения. Кидались картами из колоды, обжигались, теряли брови (и немного самоуважение), любовались килтом музыканта, танцевали, немножко шавасанили и в итоге…решили, что самым логичным будет наказать победителя. Надеемся, что навыки трансфигурации шестикурсников не очень высоки, иначе у Долорес Амбридж случится инфаркт. <br>
Резюмируем: Фоули эпатировал, эпатировал и выэпатировал.
</p>
       
        <center> <a class="name" alt="Моя бабушка курит трубку" href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1938"><img src="https://i.ibb.co/3Strzvk/1.jpg" width="450px" height="50px"> </a> </center>
        <p>Ну, во-первых, не знаем, кто надоумил Ба Дункана, что гамаки — это фигня, а во-вторых, читать, как хорошая подруга долгожданно знакомится с шумным и весьма назойливым семейством Инглби — это по меньшей мере забавно! Признаемся, бабушка паренька и правда очень милая. В голову сразу полезли всякие платки, которые закрывают пышную шевелюру невысокого роста женщины, которая своими пухловатыми пальчиками шустро орудует спицами, невзирая на всякое ваше волшебство, и набирает строчку за строчкой петли. И, конечно, готовит прекрасный холодный чай.</p>

        <center> <a class="name" alt="Now & Forever" href="https://drinkbutterbeer.ru/viewtopic.php?id=1128"><img src="https://i.ibb.co/6DTZnGV/6.gif" width="450px" height="50px"> </a> </center>
        <p>Счастье любит тишину. Но ведь счастливых людей невозможно не заметить, ведь они словно светятся изнутри. И даже когда находятся на расстоянии друг от друга, бросают многозначительные взгляды в сторону своей половинки. Красивая история любви всегда должна быть со счастливым концом. Говорят, самые крепкие отношения рождаются из дружбы, два сердца всегда будут любить друг друга, особенно после стольких испытаний. Наши герои заслужили свое счастье, как огромное, вечное, так и маленькое, как, например, посидеть в милом кафе в Хогсмиде и лакомиться десертом. Интересно, если задать вопрос, что слаще: сливки или поцелуй любимой, что ответит Роджер? Мы, кажется, знаем ответ, а вы?</p>

        <center> <a class="name" alt="Четвёртый квиддичный матч: Рейвенкло vs Слизерин" href="https://drinkbutterbeer.ru/viewtopic.php?id=2064"><img src="https://i.ibb.co/h2gC1Z0/7.gif" width="450px" height="50px"> </a> </center>
        <p>И снова нас ждет захватывающий матч. Битва тестостерона и тестостерона (плюс Чжоу). Делайте свои ставки: кто затолкает квоффл в кольца соперника, кто не попадет по бладжеру, а кто после матча получит в награду огромную куриную ножку. Делать ставки на то, что Чемберс навернется в толпу болельщиц Сэмюэльса не нужно, эта ачивка уже получена. Наверняка, был более простой способ передать Джею пожелания фанаток.
Пока рейвенкловцы драматизируют с болельщицами и просто поклонницами таланта (да, таланта, конечно xD), слизеринцы набирают темп, усердно размахивают битой и готовы размазать орлов по «стенке». <br>
Р.S.: мы в редакции сделали ставки, что мистер Монтегю не выдержит и отберет биту загонщика, у какого именно — хороший вопрос.
</p>

        <center> <a class="name" alt="Беспорядок дня" href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1622"><img src="https://i.ibb.co/1dyZnB8/8.jpg" width="450px" height="50px"> </a> </center>
        <p>Утро не может быть добрым, если твой сосед Салливан Фоули. Не верите? Спросите у Рикетта, он шестой год страдает. Вставать с первым воплем петухов, голос которых сказочным образом похож на солиста «Ошмётков счастья» сомнительное удовольствие. А если вздумает медитировать, приходится любоваться на тощеватое тело, прикрепленное к ногам-палочкам. Вот это мы понимаем тренировка терпения. Такого марафона даже хаффлпаффцы не выдерживают, а представляете подобное в подземельях Слизерина, башне Рейвенкло или, прости Мерлин, Гриффиндора. <br>
Сходили к Трелони, та утверждает, что Фоули родился под счастливой звездой, потому что сосед у него терпила тот еще.

</p>
        <center> <a class="name" alt="Да этот день Валентина для...о, шарик" href="https://drinkbutterbeer.ru/viewtopic.php?id=2045"><img src="https://i.ibb.co/rGvNS3m/9.gif" width="450px" height="50px"> </a> </center>
        <p>Меркантильные отношения и драконы из фейерверков могут сделать многое. Например, соединить в прекрасных объятьях <s>новобрачных</s> свежеиспеченную пару. А кто мог подумать, что вечер начнется с того, что эта «пара» будет ворчать на тех, кто «из этих», Хотя… Ради драконов… Можем понять, в общем! Гарре точно бы понял, его прогулка с драконом была просто незабываемой, а тут дракон куда безопаснее, поэтому, Катька, не надо бояться, у тебя просто дракона нормального не было.</p>

      <center> <a class="name" alt="Кручу-верчу, захомутать хочу!" href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=2041"><img src="https://i.ibb.co/x3rny0t/10.gif" width="450px" height="50px"> </a> </center>
        <p>Думаете, что знаете об алкодискотеке все? Нет, нетушки. В Хогвартсе все работает не так. #щавсеобъясню <br>
          Май, отличная погода, для чего могла собраться толпа студентов школы в визжащей хижине? Бинго! Чтобы окунуться в мир невероятных коктейлей, так сказать, омыть себя этой священной водицей, дабы преисполниться благодарности к пригласившему. Но ведь и это не все. Много пьяных подростков…нет, не догадались? Будут танцы, будет бутылочка, очень надеемся, что на утро всем будет стыдно за свое поведение. Ну а иначе зачем это все?</p>
    </div>
</div>[/html]

[html]<style>
 
  .backksk {
    height: 752px;
    width: 564px;
    background-image: url("https://i.ibb.co/fYYLZ1c/image.png");
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
  }
 
  .textt1sk {
    z-index: 10;
    height: 170px;
    width: 480px;
    text-align: justify;
    text-justify: inter - word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #dfe1df;
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -165px;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
    background-image: url("https://forumupload.ru/uploads/001a/2e/af/154/639154.gif");
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
  }
 
  .textt2sk {
    z-index: 10;
    height: 20px;
    width: 480px;
    text-align: justify;
    text-justify: inter-word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity:1;
    display: none;
    color: #FFF;
   
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -140px;
    left: 0px;
    background-color: #000;
    opacity: 0.85;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
  }
 
  .textt3sk {
    z-index: 10;
    height: 350px;
    width: 495px;
    text-transform: uppercase;
    overflow: auto;
    text-align: justify;
    text-justify: inter-word;
    font-size: 8.5px;
    font-family: kurale;
    letter-spacing: 1px;
    color: #000000;
    position: relative;
    text-shadow: 0px 0px 0px #dfe1df;
    bottom: -165px;
    text-indent: 10px;
    opacity: 0.87;
    padding: 7px 7px 7px 7px;
    border: #191d1e solid 0px;
    margin: auto;
  }
  </style>
<div class="backksk">
    <div class="textt1sk">
      <div class="textt2sk">
       
      </div>
    </div>
    <div class="textt3sk"> <b> </b>
            <br>
<center><strong><font style="font-size: 9,5px; color: #7a3618;"> Disclaimer</font></strong> <br>
      Сейчас вы узнаете то, о чем многие говорят, но все понимают</center><br><br>
     
<center><strong><font style="font-size: 8,5px; color: #7a3618;"><b>Шестой курс.</b></font> </strong></center><br>
<p>Если вы думаете, что все остальные персонажи, кроме Поттера и ко скучны и не интересны, то не думайте. Не думайте, а лучше поглядите на дринковских шестикурсников. Если бы Гарри учился на курс старше, то он точно стал бы мальчиком-который-не-выжил. Страшно? То-то же.
<br>
Бурлящие в крови шестикурсников гормоны (почему-то только этот год отличается страстью к бунту) заставляют студентов совершать всякое... разное и находить приключения. Не верите? Эти ребята взорвали кабинет заклинаний и выбросили Флитвика в окно! Устроили марш несогласных с жестоким миром и отпустили улиток на волю вместо того, чтобы превращать их. Выпустили своих внутренних драконов и попытались разгромить кабинет трансфигурации (но МакГонагалл после происшествия с Флитвиком не расслаблялась). Кто знает, что устроят шестикурсники дальше? Редакция дринкополитена советует ходить и оборачиваться, вдруг кто-то из них прямо за вами!
</p>
<br>
<br>
<center><strong><font style="font-size: 8,5px; color: #7a3618;"><b>КАЖДЫЙ ДРИНКОВЕЦ ДОЛЖЕН ЗНАТЬ или словарь настоящего дринковца:</b></font> </strong></center>
<br>
      <p style="padding-left: 0px;"><font style="font-size: 8,0px; color: #7a3618;"><strong>Выпьем за любовь</strong></font> —  традиционное напутствие для дринковцев.</p>
<p style="padding-left: 0px;"><font style="font-size: 8,0px; color: #7a3618;"><strong>Картотека</strong></font> —  загадочные записи Лаванды Браун. Никто не знает, что там, но говорят, что лучшие квиддичисты есть в картотеке. </p>
<p style="padding-left: 0px;"><font style="font-size: 8,0px; color: #7a3618;"><strong>Круг</strong></font> —  это не квадрат. Круг в сюдетном эпизоде - промежуток между двумя заданиями от мастера, чаще всего длится неделю. </p>
<p style="padding-left: 0px;"><font style="font-size: 8,0px; color: #7a3618;"><strong>Маска</strong></font> —  вторая/третья/четвертая личность, взятая, чтобы ходить на уроки. Даже к шестому курсу. </p>
<p style="padding-left: 0px;"><font style="font-size: 8,0px; color: #7a3618;"><strong>Собака-шиппер</strong></font> —  этот чудо-юдо лове-пес может выскочить на вас, откуда не ждали. Ходите и оборачивайтесь. </p>
     
     
    </div>
    </div>[/html]

[html]<style>

  .backk {
    margin: auto;
    height: 752px;
    width: 564px;
    background-image: url("https://i.ibb.co/zfw4Qs0/image.jpg");
    background-position: top center;
    background-repeat: no-repeat;
  }

  .textt1 {
    z-index: 10;
    height: 170px;
    width: 480px;
    text-align: justify;
    text-justify: inter - word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #dfe1df;
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -165px;
    left: 0px;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
    background-image: url("https://i.ibb.co/7CcSXxt/tumblr-3485f900948b6ddbc2600c4f64c18f39-0c3da5b0-500.gif") ;
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
  }

  .textt2 {
    z-index: 10;
    height: 15px;
    width: 480px;
    text-align: justify;
    text-justify: inter-word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #FFF;
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -145px;
    left: -10px;
    background-color: #000;
    opacity: 0.85;
    padding: 7px 10px 10px 10px;
    border: #191d1e solid 0px;
    margin: auto;

  }

  .textt3 {
    z-index: 10;
    height: 350px;
    width: 495px;
    text-transform: uppercase;
    overflow: auto;
    text-align: justify;
    text-justify: inter-word;
    font-size: 9px;
    font-family: kurale;
    margin:auto;
    letter-spacing: 1px;
    color: #000000;
    position: relative;
    text-shadow: 0px 0px 0px #dfe1df;
    bottom: -165px;
    text-indent: 10px;
    opacity: 0.85;
    padding: 7px 7px 7px 7px;
    border: #191d1e solid 0px;
    margin: auto;
  }

 
</style>

<div class="backk">
    <div class="textt1">
      <div class="textt2">
        <center> <font style="font-size: 8px;">Вы активно опускали свои бюллетени в урну, мы все подсчитали и настало время узнать имена любимчиков Дринка в этом месяце.<br>
          </font></center>
      </div>
    </div>
    <div class="textt3">
    <center><b> <font style="font-size: 12px; color: #800080;"> Пара месяца: Офелия Рашден и Грант Пейдж</font> </b></center><br>
       <div id="txt_1">
           <p>Каждый рыцарь с цепью и острым желанием почесать кулаки о чужое лицо (разумеется в борьбе за добро и справедливость) мечтает о прекрасной бедовой даме, то есть даме, попавшей в беду. Для нее можно быть тем самым, кто всегда поймает за секунды до падения, будет крепко держать за руку, когда страшно, сплошная сказка. <br>
Но и принцесса знает свое дело: активно поддерживает на квиддичных матчах, дарит смущенные улыбки, остерегает от необдуманных поступков, ну и, наверное, смотрит со своим героем матчи любимой футбольной команды. <br>
Уверены, что в эпизодах Дринка мы найдем еще не одну главу из истории этой пары. Вам любви и романтики, ну и Glory Glory Man.United!!!

   </p>
<br>
<br>
      <center><b> <font style="font-size: 12px; color: #800080;"> Конфеты «Берти Боттс» с разным вкусом</font> </b></center><br>
<p><span style="font-family:verdana,geneva,sans-serif;">Странный месяц этот ваш февраль, режим полной неопределенности. Впервые у нас сразу два самых особенных вкуса конфет Берти-Боттс. Со вкусом драконьего фарша, для тех, кто не может забыть о невероятном уроке трансфигурации для шестого курса, что проводился зимой. И со вкусом текилы-любви, для тех, кто уже вовсю готовится встречать весну и вспоминает нетленочки от Валерия Меладзе. <br>
За всех, кто любит зверушек и питает страсть к классике российской поп-музыки поднимем, по традиции кружечку сливочного пива. При этом не забудем, конечно же, выпить за любовь!<img src="https://funkyimg.com/i/34juM.gif">

<br>
<br>
  <center><b> <font style="font-size: 12px; color: #800080;"> Флудер Месяца: Гермиона Грейнджер</font> </b></center><br>
<p><span style="font-family:verdana,geneva,sans-serif;">Многие думают, что мисс Грейнджер предпочитает сидеть в библиотеке за учебниками и прерывается только на распутывание тайн магического мира со своими лучшими друзьями. Профессор Трелони утверждает, что душа ее сухая, как страницы любимых учебников, которые та так любит читать. Бред, Глупости! Авторитетно заявляем, что наша Гермиона не просто общительная, вы видели какие у нее большое сердце и прокаченные навыки комфортинга?
Если нет – срочно во флуд, она вам все наглядно покажет!
</span></p>
<br>
<br>
      <center><b> <font style="font-size: 12px; color: #800080;"> Постописцы месяца</font> </b></center><br>
<p><span style="font-family:verdana,geneva,sans-serif;">Объявляем февраль гриффиндорским месяцем. Иначе объяснить наш топ никак не получился. Либо красно-золотых выпустили из темницы или завезли целый мешок вдохновения. Не верите? Смотрите сами!
<br><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=152">Гермиона Грейнджер</a> Всегда заранее предупреждает соигроков о неспешном темпе игры. Но что мы видим? Раз в год и Грейнджер стреляет или это такая хитрая стратегия, выстроенная по тактике «тише едешь – дальше будешь»? Загадочная девушка это наша Грейнджер, за это мы ее и любим, поэтому, пиши еще, больше постов от любимой тебя любимым соигрокам.
<br>
<br>
<a href="https://drinkbutterbeer.ru/profile.php?id=212">Алисия Спиннет</a> Как же мы скучали по трогательным постам мисс Спиннет. Февраль – это почти весна, когда все вокруг говорит о том, что пора просыпаться ото сна, выпутываться из теплого одеяла и откладывать на полку теплый свитер и шарф. Самое время для новых эмоций, поворотов судьбы и, конечно же, романтики. Уверены, что все это мы сможем увидеть в новых постах.
<br>
<br>
<a href="https://drinkbutterbeer.rusff.me/profile.php?id=262">Кэти Белл</a> Одинокая рыжая дама ищет прекрасного рыжего принца (почти такого же прекрасного, как и его брат). Но в отличие от классических принцесс, наша Китти провела к себе в башню интернет и строчит посты, пока ждет того самого.
<br>
<br> 
<a href="https://drinkbutterbeer.ru/profile.php?id=411">Каори Шимизу</a> Каори личность творческая, очень любит рисовать. Ходит слух, что она именно нарисовала себе посты, но мы не сомневаемся – все честно, она же гриффиндорка, а те следуют учению Долорес Амбридж и не лгут! А может быть это трансфигурация делает из игрока – активиста? Интересная теория. Мы надеемся, что дайсы будут благосклонны к мисс Шимизу, но она продолжит радовать нас своими постами.
<br>
<br>
Начинается весна и мы ждем, что мартовские приключения Дринковцев дадут фору зимним. Время выходить из спячки, ходить на тайные и не очень свидания, приключенькаться и пить за любовь!
<br>     
</span></p>
     
[/html]

[html]<style>

  .backkrek {
    height: 752px;
    width: 564px;
    background-image: url("https://i.ibb.co/JmnQjnN/image.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
    padding-top: 65px;
padding-left: 55px;
    font-size: 10px;
     text-align: justify;
    text-justify: inter - word;
    font-family: Arial;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
  }
  </style>
<div class="backkrek">
    <div class=".rektextt1">
     <table bottom="-200px;" width="500px;" border="0" align="center">
    <tbody><tr>
    <td>
     <center> <p><img alt="" src="https://funkyimg.com/i/3bk6U.gif" style="width:120px"></p>

    <p> А вы... точно профессор? За дверью кабинета Зельеварения происходит... <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2016&p=95#p322914"><em>читать продолжение в источнике</em></a></p>
    </center></td>
    <td> <center>
    <p><img alt="" src="https://funkyimg.com/i/3bk6N.gif" style="width:120px"></p>

    <p> Мальчик-который-зависим! Знаменитость магического мира больше не в силах сдерживаться....<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=1383&p=99#p328601">читать продолжение в источнике</a></em></p>
    </center></td>
    </tr>
    <tr>
    <td> <center>
    <p><img alt="" src="https://funkyimg.com/i/3bk6M.gif" style="width:120px"></p>

    <p> Роджер, скрывающий боль. Выяснилось, что причина драматичной судьбы капитана Рейвенкло кроется в...<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=2038&p=37#p325923">читать продолжение в источнике</a></em></p>
    </center></td>
    <td> <center><p><img alt="" src="https://funkyimg.com/i/3bk6V.gif" style="width:120px"></p>

    <p> Тот-кого-нельзя-призывать. На этот раз спасения ждать неоткуда...
<em><a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=2083&p=11#p332443">читать продолжение в источнике</a></em></p><br>
    </center></td>
    </tr>
    <tr>
    <td> <center>
    <p><img alt="" src="https://funkyimg.com/i/3bk6Z.gif" style="width:120px"></p>

    <p> При мне такой фигни не было! На самом деле, Седрик Диггори не смог пережить...<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=2057&p=99#p331781">читать продолжение в источнике</a></em></p>
    </center></td>
    <td> <center>
    <p><img alt="" src="https://funkyimg.com/i/3bk6Y.gif" style="width:120px"></p>

    <p> Новое поколение ПОЖИРАТЕЛЕЙ уже в деле! Остерегаться следует...<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=2083&p=67#p334553">читать продолжение в источнике</a></em></p>
    </center></td>
    </tr>

</tbody></table>

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

[html]
<style>
    .name {
        text-align: center;
        display: inline-block;
        overflow: hidden;
        position: relative;
        text-decoration: none;
    }

    .name:before {
        display: block;
        background-color: rgb(0, 0, 0);
        content: "";
        height: 100%;
        opacity: 0;
        position: absolute;
        width: 100%;
        z-index: 2;
    }

    .name:after {}

    .name img {
        border: none;
        display: block;
        z-index: 1;
    }

    .name:after {
        -webkit-transition: all 350ms ease-in-out;
        transition: all 350ms ease-in-out;
        font-family: kurale;
        color: white;
        content: attr(alt);
        display: block;
        font-size: 12px;
        opacity: 0;
        padding: 0 3%;
        position: absolute;
        text-justify: inter-word;
        text-transform: uppercase;
        top: 50%;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: scale(0) translateY(-50%);
        transform: scale(0) translateY(-50%);
        width: 94%;
        z-index: 3;
    }

    .name:hover:before {
        opacity: 0.6;
    }

    .name:hover:after {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-50%);
        transform: scale(1) translateY(-50%);
    }

    .backksk {
        height: 752px;
        width: 564px;
        background-image: url("https://i.ibb.co/DDhdZj8/image.jpg");
        background-position: top center;
        background-repeat: no-repeat;
        margin: auto;
    }

    .textt2sk {
        z-index: 10;
        height: 20px;
        width: 480px;
        text-align: relative;
        text-justify: inter-word;
        font-size: 6.5px;
        font-family: kurale;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #FFF;
        position: relative;
        text-shadow: 0px 0px 1px #000000;
        bottom: -165px;
        left:0px;
        background-color: #000;
        opacity: 0.85;
        padding: 10px 10px 10px 10px;
        border: #191d1e solid 0px;
        MARGIN: AUTO;
    }

    .textt3sk {
        z-index: 10;
        height: 500px;
        width: 495px;
        text-transform: uppercase;
        overflow: auto;
        text-align: justify;
        text-justify: inter-word;
        font-size: 8.5px;
        font-family: kurale;
        letter-spacing: 2px;
        color: #000000;
        position: relative;
        text-shadow: 0px 0px 0px #dfe1df;
        bottom: -165px;
        text-indent: 10px;
        opacity: 0.87;
        padding: 7px 7px 7px 7px;
        border: #191d1e solid 0px;
        margin: auto;
    }
</style>
<div class="backksk">
    <div class="textt2sk">
        <center>
            <font style="font-size: 8px;">У нас есть все: от приключений малышни, до поедания стекольного стекла, щепотка романтики и теория заговоров. Обычная жизнь в Хогвартс, скажете вы и, в общем-то будете правы.  </font>
        </center>
    </div>
    <div class="textt3sk"> <b> </b>
        <center> <a class="name" alt="Don't get too close" href="https://drinkbutterbeer.ru/viewtopic.php?id=2043"><img src="https://i.ibb.co/myn9fBw/1.jpg" width="450px" height="50px"> </a> </center>
        <p>Все думают, что самые красивые девочки в «классе» обязательно должны быть теми еще занозами. Ладно, Селина Мур, если честно, заноза та еще, но за этими бесконечными ободками, короткими юбками, позволяющими любоваться идеальными коленками и холодным взглядом, кроется очень трогательная и нежная душа. И кто, как не Джейк Фарли найдет подход? Джентльмен, староста, супермен шестого курса и обладатель милых кудряшек. Мы можем доверить эту принцессу такому рыцарю, он точно позаботится и о ее здоровье, и о счастье, если она, конечно будет к этому готова. 
</p>
     
        <center> <a class="name" alt="Шифры, руны и загадки" href="https://drinkbutterbeer.ru/viewtopic.php?id=2035"><img class="kart" src="https://i.ibb.co/6D40YVj/2.jpg" width="450px" height="50px"> </a> </center>
        <p>Жизнь полна сюрпризов. Стоит внимательно смотреть по сторонам, ведь тот, кого ты хотел придушить собственными руками пару часов назад может оказаться не тем, кем ты его считал. История о странной дружбе, вражде, крепкой связи и любви к Древним рунам. Профессору Бабблинг обязательно к прочтению, она отлично обучила своих студентов. </p>
     
             <center> <a class="name" alt="Позвольте представить Вам мою дочь" href="https://drinkbutterbeer.ru/viewtopic.php?id=2101"><img src="https://i.ibb.co/XCtYkGf/3.jpg" width="450px" height="50px"> </a> </center>
        <p>Где еще знакомиться двум очаровательным одиннадцатилетним девочкам, как не в «Горбин и Бёрк»? Да-да, том, что в Лютном переулке, куда приличные волшебники не захаживают. Редакция, конечно, не осуждает, но крайне озадачена. Лютный переулок с одиннадцати, а дальше что? Сглазы на втором, проклятия неугодных на пятом? Опасная молодежь пошла. Присмотритесь к этим милым мордашкам и не забывайте носить с собой обереги и защитные амулеты.</p>
     
   <center> <a class="name" alt="he's so devoid of color" href="https://drinkbutterbeer.ru/viewtopic.php?id=1510"><img src="https://i.ibb.co/JKb328j/4.png" width="450px" height="50px"> </a> </center>
        <p>Вечеринки в Хогвартсе – не новость, как и наглость. Мистер Берроу после фиаско на аппартации решил ворваться на локальную гриффиндорскую вечеринку. Жаль Черкс не подготовила ничего сладкого и ванильного для этого слизеринца. Первый раз видим, чтобы «чистокровный» звучало, как оскорбление. А что вы хотели? Гриффиндорцам палец в рот не клади, особенно если нарушаешь их досуг. И пока семикурсники дразнятся, мы уже готовимся делать ставки, кого же первым доведут до белого каления.
</p>
       
        <center> <a class="name" alt="В погоне за чужим прошлым" href="https://drinkbutterbeer.ru/viewtopic.php?id=1882"><img src="https://i.ibb.co/BK7c60N/5.jpg" width="450px" height="50px"> </a> </center>
        <p>Мода на «трио» вошла в жизнь студентов так стремительно и с каждым годом только набирает обороты. Каких только нет и «золотое» и «серебряное», мы слышали, что есть даже «любовное». Но вот эти ребята сформировали кружок из трех любителей приключений. Сжечь, что-нибудь, бахнуть веселящей воды в больничном крыле или вот разгадать тайну загадочной ракушки – это точно сюда. В инструментарии: ловкость кошки, грация картошки, парочка длинных бит, смекалочка и невероятное «везение». Продолжайте, дорогие, мы очень ждем выпуск новых серий этого ситкома. </p>

        <center> <a class="name" alt="Под липой в чужом саду" href="https://drinkbutterbeer.ru/viewtopic.php?id=1871"><img src="https://i.ibb.co/JzsQjHG/6.jpg" width="450px" height="50px"> </a> </center>
        <p>Расти в красивом доме здорово, ведь это много света, пространства, уюта, простора и радости. Считать уютным дом, который по совместительству агентство ритуальный услуг – необычно. Но ведь именно те, кто могут думать не так, как все попадают на Рейвенкло. Кажется, мы забегаем на несколько лет вперед. Пока маленькая Офелия и Триша даже не подозревают к какому факультету школы Хогвартс присоединятся. Но зато точно знают – в школу они приедут уже не одинокими потерянными первокурсницами. </p>

        <center> <a class="name" alt="Подарок на Рождество" href="https://drinkbutterbeer.ru/viewtopic.php?id=1646"><img src="https://i.ibb.co/H7tHGbV/7.jpg" width="450px" height="50px"> </a> </center>
        <p>Рождество уже давно прошло, но не все подарки распакованы. Не все любят торопиться, ведь можно растянуть удовольствие. Отчаянная хаффлпаффка подготовила любимому сюрприз, от которого тот (по ожиданиям) должен верещать от восторга. Слизеринец в свою очередь тоже делает успехи: не кидается с убийственными обнимашками, а разговаривает словами через рот. Говорят, даже язык не отсох. Удивительное рядом. Мы рады, что перед своим заточением в шкафу мистер Монтегю получит немного счастья, а может и осчастливит свою барышню.
</p>

        <center> <a class="name" alt="Я календарь переверну" href="https://drinkbutterbeer.ru/viewtopic.php?id=2042"><img src="https://i.ibb.co/GpxKfpN/8.gif" width="450px" height="50px"> </a> </center>
        <p>Как быстро растут дети. Особенно чужие. Еще вчера Рон кормил свою Коросту, а Гермиона впервые починила Гарри Поттеру очки в Хогвартс-экспрессе. И посмотрите на них. Спустя годы наконец-то свершилось. Самое настоящее свидание. Рон уже не нелепый мальчишка, а мудрый мужчина, который знает, что путь к сердцу лежит через комплименты, букет цветов и, конечно же, права Эльфов. А Гермиона, все та же целеустремленная молодая волшебница, которая уверена в том, что добьется успеха, будь то карьерная лестница в Министерстве или завоевание одного рыжего сердечка.</p>

        <center> <a class="name" alt="And the snakes start to sing" href="https://drinkbutterbeer.ru/viewtopic.php?id=2148"><img src="https://i.ibb.co/JR1kL8y/9.gif" width="450px" height="50px"> </a> </center>
        <p>состоит рацион. Зависимости могут нас менять, ломать и даже делать счастливыми, заставлять совершать необдуманные поступки и совершать ошибки, одну за другой. Что может прервать этот порочный круг? А нужно ли это? Ведь в таких отношениях есть своя изюминка. <br>
Редакция Дринкополитена подтверждает: Хорошее, качественное стекло еще никому не вредило. Не верите? Зря.
</p>

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

[html]<style>
 
  .backksk {
    height: 752px;
    width: 564px;
    background-image: url("https://i.ibb.co/fYYLZ1c/image.png");
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
  }
 
  .textt1sk {
    z-index: 10;
    height: 170px;
    width: 480px;
    text-align: justify;
    text-justify: inter - word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #dfe1df;
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -165px;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
    background-image: url("https://cs.pikabu.ru/post_img/2013/10/05/1/1380922500_1326110833.gif");
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
  }
 
  .textt2sk {
    z-index: 10;
    height: 20px;
    width: 480px;
    text-align: justify;
    text-justify: inter-word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity:1;
    display: none;
    color: #FFF;
   
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -140px;
    left: 0px;
    background-color: #000;
    opacity: 0.85;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
  }
 
  .textt3sk {
    z-index: 10;
    height: 350px;
    width: 495px;
    text-transform: uppercase;
    overflow: auto;
    text-align: justify;
    text-justify: inter-word;
    font-size: 8.5px;
    font-family: kurale;
    letter-spacing: 1px;
    color: #000000;
    position: relative;
    text-shadow: 0px 0px 0px #dfe1df;
    bottom: -165px;
    text-indent: 10px;
    opacity: 0.87;
    padding: 7px 7px 7px 7px;
    border: #191d1e solid 0px;
    margin: auto;
  }
  </style>
<div class="backksk">
    <div class="textt1sk">
      <div class="textt2sk">
       
      </div>
    </div>
    <div class="textt3sk"> <b> </b>
            <br>
<center><strong><font style="font-size: 9,5px; color: #7a3618;"> Disclaimer</font></strong> <br>
      Сейчас вы узнаете то, о чем многие говорят, но все понимают</center><br><br>
     
<center><strong><font style="font-size: 8,5px; color: #7a3618;"><b>Редакция Дринкополитена.</b></font> </strong></center><br>
<p>Пятое число стало не каким-нибудь рядовым днем, а самым настоящим праздником - ведь именно в это день выходит Дринкополитен. Даже если пятое - это противный понедельник, газета поможет скрасить его. Интересно заглянуть внутрь и узнать, кто весь этот год старался для вас? Читайте ниже!
<br>
<a href="https://drinkbutterbeer.ru/profile.php?id=6">Grey Lady</a> - одна из создателей журнала форума, ответственная за привлечение Джея к газете, автор знаменитой фразы "Пьюси и Пьюси, простигосподи". Рубрика: Новости. Дополнительные обязанности: Создание гиф-манипов. 
<br>
<a href="https://drinkbutterbeer.ru/profile.php?id=397">Holden Ledbury</a> - так впечатлился газетой, что заманить его не стоило труда. Рубрика: Интервью. Дополнительные обязанности: гиф-картинки.
<br>
<a href="https://drinkbutterbeer.ru/profile.php?id=471">Harry Potter</a> - автор хтмл-версии журнала, отвечает за верстку, коды и помогает клепать новости. Дополнительные обязанности: зафигачить сердечек на спец.выпуск.
<br>
<a href="https://drinkbutterbeer.ru/profile.php?id=154">Jason Samuels</a> - формально главный редактор и дедлайнов, осуществляет найм работников. Пришел троллить всех гороскопом, а потом втянулся. Рубрики: Гороскоп от Трелони, Рецепты (не актуально), Особо Опасные, Легенды Дринка, Артефакты и факты, Тетя Рита учит жить. Дополнительные обязанности: доделывает все, что хорошо и плохо лежит.
<br>
<a href="https://drinkbutterbeer.ru/profile.php?id=262">Katie Bell</a> - работник года в редакции Дринкополитена. Так же, как и Джей, любит дедлайны и троллинг. Рубрики: Новости, Выбор читателей. Дополнительные обязанности: доделывает за Джеем все, что плохо лежит, иногда самого Джея.
<br>
<a href="https://drinkbutterbeer.ru/profile.php?id=7">Nearly Headless Nick</a> - автор первой обложки, ставшей лицом Дринкополитена. Правда, Ник хорош? Дополнительные обязанности: гиф-картинки, потому что у Джея лапки.
<br>
<a href="https://drinkbutterbeer.ru/profile.php?id=183">Pansy Parkinson</a> - бессменный автор самой орной рекламы, что вы видели. Первая согласилась на отсутствие зарплаты и труд в редакции. Рубрика: Реклама.

</p>
<br>
<br>
<center><strong><font style="font-size: 8,5px; color: #7a3618;"><b>КАЖДЫЙ ДРИНКОВЕЦ ДОЛЖЕН ЗНАТЬ или словарь настоящего дринковца:</b></font> </strong></center>
<br>
      <p style="padding-left: 0px;"><font style="font-size: 8,0px; color: #7a3618;"><strong>z  pft < fdcz</strong></font> —  тайный код, означающий усталость перед релизом
</p>
<p style="padding-left: 0px;"><font style="font-size: 8,0px; color: #7a3618;"><strong>Аквадискотека</strong></font> —  спонсор написанных новостей от Кэти и закатанных глаз у остальных редакторов. </p>
<p style="padding-left: 0px;"><font style="font-size: 8,0px; color: #7a3618;"><strong>Газета</strong></font> — Та, которая Геомионина. Ужасное место, но там, в отличие от нашей редакции, платят :D </p>
<p style="padding-left: 0px;"><font style="font-size: 8,0px; color: #7a3618;"><strong>Голосования</strong></font> —  страшный сон Джейсона, вечно забывающего про даты. </p>
<p style="padding-left: 0px;"><font style="font-size: 8,0px; color: #7a3618;"><strong>РЕЛИЗЬ УЖЕ РЕЛИЗЬ</strong></font> —  ожидание последних правок. </p>
     
    </div>
    </div>[/html]

Отредактировано Brewer (05.04.21 21:00)

[html]<style>

  .backk {
    margin: auto;
    height: 752px;
    width: 564px;
    background-image: url("https://i.ibb.co/zfw4Qs0/image.jpg");
    background-position: top center;
    background-repeat: no-repeat;
  }

  .textt1 {
    z-index: 10;
    height: 170px;
    width: 480px;
    text-align: justify;
    text-justify: inter - word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #dfe1df;
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -165px;
    left: 0px;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
    background-image: url("https://i.ibb.co/bNpXnCb/ezgif-com-gif-maker.gif") ;
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
  }

  .textt2 {
    z-index: 10;
    height: 15px;
    width: 480px;
    text-align: justify;
    text-justify: inter-word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #FFF;
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -150px;
    left: -10px;
    background-color: #000;
    opacity: 0.85;
    padding: 7px 10px 10px 10px;
    border: #191d1e solid 0px;
    margin: auto;

  }

  .textt3 {
    z-index: 10;
    height: 350px;
    width: 495px;
    text-transform: uppercase;
    overflow: auto;
    text-align: justify;
    text-justify: inter-word;
    font-size: 9px;
    font-family: kurale;
    margin:auto;
    letter-spacing: 1px;
    color: #000000;
    position: relative;
    text-shadow: 0px 0px 0px #dfe1df;
    bottom: -165px;
    text-indent: 10px;
    opacity: 0.85;
    padding: 7px 7px 7px 7px;
    border: #191d1e solid 0px;
    margin: auto;
  }

 
</style>

<div class="backk">
    <div class="textt1">
          </div>
    <div class="textt3">
    <center><b> <font style="font-size: 12px; color: #800080;"> Всем парам пара: Алисия Спиннет и Роджер Девис</font> </b></center><br>
       <div id="txt_1">
           <p><span style="font-family:verdana,geneva,sans-serif;">Вот уже год прошел, а история этих двоих не оставляет равнодушными жителей Дринка. «Приветствуйте пару года»! <br>
Все мы знаем, что настоящие чувства должны проходить испытания, в том числе временем. Будем считать, что эту ачивку Алисия и Роджер могут внести в свой актив.
Мы желаем нашим влюбленным больше вдохновения, незабываемых моментов, новых захватывающих приключений, тихих уютных вечеров и, конечно же, счастливого будущего.
<center>Выпьем же за любовь!<img src="https://funkyimg.com/i/34juM.gif"></center></p>
<br>
<br>
      <center><b> <font style="font-size: 12px; color: #800080;"> Конфеты «Берти Боттс» со вкусом рейвенкловского ботанства, №127</font> </b></center><br>
<p><span style="font-family:verdana,geneva,sans-serif;">Безобразие! АЛЯРМ! Говорят, в марте на Дринке произошел бунт! Прямо во флуде! О-бал-деть!
Хватит прелюдий, рассказываем подробнее…<br>
Рейвенкловские ботаны обчистили библиотеку мадам Пинс и перетащили все во флуд! Это не учебная тревога, а самый настоящий захват территории. Было прочитано все, вообще все и перешиплено тоже! Шутки пошучены, домашка сделана, собаки выгуляны…а чего мы тут возмущаемся? Так и должно быть. Для классического флуда не хватает только поднять кружечку сливочного пива и выпить за любовь!<img src="https://funkyimg.com/i/34juM.gif">

<br>
<br>
  <center><b> <font style="font-size: 12px; color: #800080;"> Флудер Флудеров: Андреа Кегворт</font> </b></center><br>
<p><span style="font-family:verdana,geneva,sans-serif;">Наша супервумэн продолжает активничать. Честно? Мы понятия не имеем в чем секрет ее успеха. Ведь успевает быть супермамой, коварной дамочкой из мафии, посты пишет и гештальты закрывает и про флуд не забывает. Если есть магия вне Хогвартса, то мы точно знаем, кто ухватил лакомый кусочек этого сладкого пирога. <br>
Андрей! Наш флудер года! Продолжай радовать нас своим общением и все шавухи мира и вишневые пироги будут у твоих ног! <3
</span></p>
<br>
<br>
      <center><b> <font style="font-size: 12px; color: #800080;"> Постописцы месяца</font> </b></center><br>
<p><span style="font-family:verdana,geneva,sans-serif;">Весна – время, когда пора выходить из спячки. Дринковцы так и сделали, написав постов больше, чем в любой из зимних месяцев. Солнышко + витамин D бодрят, правда? А дальше больше: растает снег (если у кого еще лежит), потеплеет, все оставят свои шарфы и шапочки на полке в шкафу и начнут вдохновляться прекрасным. Апрель уже на пороге, готовьте игривое настроение, совсем как у наших самых активных игроков:
<br><br>
<a href="https://drinkbutterbeer.rusff.me/profile.php?id=262">Кэти Белл</a> Так, принца наша Катерина дождалась, хотя погодите…так то ж его близнец, но вроде сгодится. Оживилась гриффиндорка, воспряла духом. Ходят слухи, что пару раз, даже дайсы выкинула годные. Продолжайте, Колокольчикова, в том же духе. 
<br>
<br>
<a href="https://drinkbutterbeer.ru/profile.php?id=212">Алисия Спиннет</a> Весна – пора любви, было бы странно не видеть Алисию в списке самых активных постописцев. Драма позади, теперь только любовь, романтика. О, слышите? Птички поют и эти бабочки в животе. Продолжай, не останавливайся.
<br>
<br>
<a href="https://drinkbutterbeer.ru/profile.php?id=328">Мелинда Боббин</a> «неписец», как порядочный Дон мафии нападает на каждого, но наша мисс Боббин знает, как дать ему отпор. Хук справа, хук слева, немного дайсовой магии, возможно пары бессонных ночей и козырная роль Ленуссика! Берегись, неписец, Мэл тебя может залайкать до смерти хD
<br>
<br>
Апрель за окном, апрель на Дринке. Весной учиться не очень хочется, но подготовку к С.О.В. и Ж.А.Б.А. никто не отменял. Надеемся, никто не будет засыпать в библиотеке за учебниками, ведь так можно пропустить столько интересного.
Хо-хо-хо

<br>     
</span></p>
     
[/html]