[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/xFHLvWn/image.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("https://i.ibb.co/D8mHs3r/ezgif-com-gif-maker-3.gif");
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>
Кэти "Скверная женщина" Белл<br>
Мэган "Положи кликуху, где взяла" Ровсток<br>
Пэнсита "Поговорите мне еще тут" Паркинсон
</span></div>[/html]

[html]
<!--HTML-->
  <style>
 
  .backk {
    height: 752px;
    width: 564px;
    background-image: url("https://i.ibb.co/r4BC4cc/image.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    margin:auto;
  }
 
  .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;
    left: 20px;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
    background-image: url("https://i.ibb.co/d7kjFnD/image.gif");
    background-position: top center;
    background-repeat: no-repeat;
  }
 
  .textt2 {
    z-index: 10;
    height: 10px;
    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: 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: 9.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;
    left: 25px;
  }
  </style>
  <div class="backk">
    <div class="textt1">
     
    </div>
    <div class="textt3">
<p><b>1. Привет, Мелинда! Многие долго бродят вокруг Дринка, не решаясь погрузиться с головой в его сказочную атмосферу. Расскажи нам, пожалуйста, как это произошло с тобой? И как родилась Мел? Возникали ли при ее создании какие-либо проблемы?</b></p>
<p> Hej! О ну тут такая история — пять лет назад я сбежала из одной школы магии роняя тапки с криками never again и твердой мыслью, что я уже слишком стар для всего этого, поэтому весь мой интерес в эти годы к форумкам ограничивался периодическим обсуждением с подружкой чего нового в каталоге появляется и чисто теоретическими мыслями о персонажах. Мы так безрадостно наблюдали как умирали миры, пока не могли на них решиться, и конкретно я очень долго следила за пулом. Настолько долго, что однажды обнаружила, что он закрыт, и стала присматриваться к дринку. Я к тому времени уже не была уверена, что вообще смогу писать нормальные посты, что получится влиться в коллектив и найти игру, иногда пыталась писать анкетки по заявкам, а в основном просто ныла периодически Имоджен как тут прикольно, пока она не согласилась составить мне компанию — ну, "быть мужиками бл..", пойти написать анкеты и попробовать поиграть. Мелинда родилась чисто из заявки — спасибо Флоре, она дала мне зацепки в истории персонажа и отношениях, полную свободу в характере и заодно подкинула приятную внешность )) Никаких проблем, кроме курса, я писала самого понятного для себя персонажа, простого в отыгрыше и во многом похожего на одного из моих предыдущих.
</p>

<p><b>2. Каковы, на твой взгляд, плюсы и минусы игры на форумах?</b></p>
<p> Немного неожиданно, форумы для меня — это одна из возможностей применить полученные в реальном мире знания и мотивация глубже изучать некоторые темы, такие как информация из психологии и психиатрии, физиологии и медицины, истории и в какой-то степени технических наук, например, Эбигейл Пью появилась после прочтения о синдроме Капгра, и только благодаря ней я легко запомнила это название и хорошо так поняла суть. Благодаря Салли я сейчас изучаю ПТСР, благодаря Мел у меня появляется в ролке "проклятия" из реального мира, типа FFI, а также описание действия разных зелий берутся разумеется из реала, с учетом физики и психологии, и я уже давно смеюсь, что читаю конфликтологию наоборот как инструкцию по срачам с Рикеттом )). Макс меня также погрузила в традиции и культуру Ирландии, её историю и этот прикольный сленг. Не знаю, зачем мне эта информация, наверно повыпендриваться в компании потом)).
На втором месте уже будет творчество, общение, продление жизни из-за ора и её сокращение после мафий х) Благодаря ролкам у меня много знакомых в разных городах и странах, иногда встречаемся, правда не сейчас вот. Минусы — ну форум занимает много времени, прекрасно подходит для прокрастинации, в целом мало кто из окружающих понимает это хобби, даже самые простые компьютерные игры воспринимаются социумом лучше.
</p>

<p><b>3. Как давно ты сама играешь? Много ли фандомов успела покорить, кроме ГП? </b></p>
<p> Играю с 2009, но я не особо опытный игрок — каждый раз меня перетягивали в организационные дела, ну и игра уходила на второй план, на первом была матчасть, анкеты, коды, работа с конфликтами и прочее. Очень много времени отнимало, конечно, так что я чисто для себя могу выделить срок типа "три годика" опыта, а остальное туфта. Соответственно, у меня всегда был один проект, которым я занималась серьезно, и реальная жизнь не давала времени хотя бы в половину так же серьезно топать на другой. По мелочи было несколько, и я их толком и не помню)) ГП — это моя зона комфорта, поэтому я здесь сейчас. До этого играла на кроссовере — мы использовали самые разные произведения, опираясь только на логику и чтобы всё как-то сходилось, например, из основных были «Дозоры» Лукьяненко, и я была дико довольна, что впихнула в свой сюжет солнечного котенка из «Мальчик и Тьма». </p>

<p><b>4. Представь, что ты очнулась на необитаемом острове после кораблекрушения. С кем из дринковских персонажей ты хотела бы оказаться? </b></p>
<p> Фарли! Ахах. Он же нас спасет.
Да из всех я только с Грэмом бы не хотела оказаться вместе, это было бы настоящее "Остаться в живых")) <p>

<p><b>5. Скажи, пожалуйста, кем для тебя являются твои собственные персонажи? Друзьями? Семьей? Частью тебя самой? Как много они значат для тебя? </b></p>
<p> Да чуваки, которым я постоянно порчу жизнь, ничего особенного, но я к ним в итоге привязываюсь и стараюсь каждую историю довести до конца. <p>

<p><b>6. Где ты черпаешь свое вдохновение и бывают ли у тебя моменты, когда перед тобой неделями светится чистая страница? </b></p>
<p> Нет, неделя неписца — и ко мне приходит Грейнджер с газеткой.))
Обычно я страдаю от нехватки времени, точнее, от нерационального его распределения и прокрастинации, и не пишу в некоторые эпизоды долго, если на них нужно настраиваться, загугливаться или меня что-то дико задеролит. Или болею. Я что-то часто болею. Остальное решатся методом "жопу в руки" "вперед и с песней". </p>

<p><b>7. Любишь ли ты читать? Каких авторов предпочитаешь?</b></p>
<p> Люблю, но я очень плохой читатель — большинство приобретенных мною книг — шикарный нон-фикшн, который следует читать вдумчиво и с карандашиком, и на это не всегда хватает времени и сил. Художественную литературу беру только в поездки, в парки и в дорогу по городу, и сейчас пандемия очень против чтения). На моих полках много Чарльза де Линта, Лукьяненко, Стругацких, плюс обязательно Джейн Остин и Шарлотта Бронте, коллекционирую Поттера на разных языках, у других авторов люблю единичные произведения. </p>

<p><b>8. Какой жанр тебе ближе и проще всего отыгрывать? </b></p>
<p> Приключения, но обычно скатываюсь в драму. </p>

<p><b>9. Есть ли у тебя какое-то яркое воспоминание или переживание, связанное с форумами?
</b></p>
<p> Ничего себе вопросы! Не знаю, мне есть что вспомнить от разных сложностей до милоты, когда меня с печеньками за ночь приготовленными на вокзале в мск встречали, хотя я там была проездом на полчасика только ^^'' Много всего было. И не знаю в то же время, о чем рассказывать.)) </p>

<p><b>10. А теперь о наболевшем. Любишь ли ты путешествовать? Где понравилось больше всего и где хотела бы еще побывать?
  </b></p>
<p> Очень люблю, как раз в прошлом году хотела выбраться наконец-то за пределы СНГ )) Самый потрясающий город для меня сейчас — Львов, ни разу не бывала в настолько настроенном на туристов месте, и с удовольствием бы хотела изучить его получше, к сожалению недельки не хватило. Очень хочу по воде добраться до Стокгольма, Таллина, Копенгагена, и нас давно зовут в гости в Польшу. И в Херсон! Чувствую с ним духовное так сказать родство. </p>

<p><b>11. Характер какого из твоих персонажей наиболее похож на твой собственный? Какой персонаж тебе наиболее близок по своим убеждениям?
</b></p>
<p> Ты вынуждаешь меня делать табличку, ну не надо ахах... впрочем, мне даже толком критерии не выделить, и более того я бы очень не хотела бы, чтобы на меня саму примеряли образы персонажей. Мы разные люди, и характер каждого уникален — я могу сказать, что такой же холерик, как ирландка, и примерно так же умею от души орать, но у нас дофига различий в другом, могу сказать, что по отсутствию авторитетов и стремлению найти оригинальное решение проблемы близка с Мел, но она целеустремленная, жестокая и та еще лицемерка — это не ко мне, а Салли вообще не феминистка, что её очень сильно от меня отдаляет, хотя если оч хорошо подумать общего и с ней найти можно много, например, самооценку. Пожалуй, через посты Мелинды я выражаю больше всего своих мыслей, но ей в то же время нет никакого дела до прав других людей, животных и экологии, что для меня, например, очень важно. </p>

<p><b>12. Что бы тебе хотелось перенять у Мелинды, а что у Максин и Салли?
</b></p>
<p> Моя низкая самооценка требует перенимать практически всё :)
</p>

<p><b>13. Ты сова или жаворонок? Расскажи о том, какие сны тебе обычно снятся.
</b></p>
<p> Сова, неисправимая, и я обычно быстро забываю свои сны.
Однажды после продолжительного квиддичесрача с Рикеттом мне снилось как я гоняю на метле за пивком на Ваську, там был душевнейший такой мужик и продавал разливное посреди гаражей, запомнила только потому что фигня какая-то, на Большом проспекте нет гаражей xD Стрессовые сны бывает запоминаю, они не интересные, просто напрягают. </p>

<p><b>14. Действует ли на тебя звуковой фон во время написания поста? Или ты, наоборот, нуждаешься в полной тишине? Может ли звучащая композиция изменить атмосферу в твоем тексте?
</b></p>
<p> Тишина — это хорошо, но слишком редкое явление :)
Обычно я включаю на повтор один из плейлистов и так настраиваюсь, самое универсальное — Halsey, Nirvana или Ramin Djawadi, для некоторых эпизодов ставлю Nick Cave & The Bad Seeds, Океан Ельзи ("Мить", "Не твоя вiйна", "Не питай" — чисто настроение Боббин на седьмой курс), The Neighbourhood, Scars on Broadway, SoAD (пожестче сами знаете для кого). Главное в музыке для постов — чтобы не отвлекала и помогала "войти в поток", поэтому слушаю привычное и примерно одно и то же.</p>

<p><b>15. Если бы ты начала писать мемуары, то какие воспоминания (моменты в жизни) хотела бы рассказать в первую очередь?
</b></p>
<p> Не думаю, что я бы начала писать мемуары, ну кому это интересно)) Я же не Илон Маск или Мадонна. Просто живу, попадаю в сложные ситуации, пытаюсь радоваться жизни и не приуныть окончательно, — в целом, примерно то, что делает большинство людей. </p>

<p><b>16. Какие у тебя еще есть увлечения, кроме форумных ролевых? Чем ты занимаешься, когда, прости Мерлин, нет постовых долгов?
</b></p>
<p> Нет постовых долгов — это нечто невероятное). Самообразованием занимаюсь — уже по это говорила, аквариумом, немного вышиваю, люблю готовить — особенно торты и ликеры, футбол смотрю, кино и сериалы. Много и по мелочи.
</p>

<p><b>17. Если бы у тебя появилась возможность обладать сверхъестественной способностью, то какую бы ты хотела и почему?
</b></p>
<p> Напрашивается банальное телепортация или идеальная память — вот то, чего прям очень не хватает, но мне ближе способность "поисковика". Предметы, людей, информацию — было бы классно просто задуматься, где это — и найти.))
</p>

<p><b>18. Если бы изобрели машину времени, и ты смогла бы оказаться в любой эпохе, какой момент прошлого или будущего ты бы выбрала?
</b></p>
<p> а) 2007! Ахах.
б) 2048 — ну гляну, кто будет президентом, курс доллара, победителей ЛЧ, не нужно ли гречки купить... ))
в) Очень ненадолго заглянуть в мезозой и потом честно говорить, что видела динозавров на вопрос о возрасте... конкретный выбор эпохи будет зависеть от характеристик машины времени. </p>

<p><b>
19. Отражается ли личная жизнь, профессия, какие-то мировые проблемы в твоих постах/творчестве? И если да, то в какой степени?</b></p>
<p> Интересы только отражаются — я люблю переносить в посты что-нибудь из недавно прочитанного, в общем добавляю в них свой взгляд на мир, остальному там не место.)
</p>

<p><b>
20. Ну и, по нашей доброй традиции, оставь, пожалуйста, пожелания дринковцам от себя. </b></p>
<p> Любви вам, котаны, и в первую очередь к самим себе и всему, что вы делаете; помните — вы замечательные и бесконечно талантливые, и все/всё, что пытается заставить вас в этом усомниться требует серьезного разговора и атата :) И не болейте. </p>

    </div>
  </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/mbYVS6q/image.jpg");
    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://forumupload.ru/uploads/001a/2e/af/154/630609.gif");
    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: 7px;"> Трелони каждый год порывается произнести речь перед выпускниками. Сделать этого ей не дают, мол, проклянет еще. Но что за выпускной без бодрящего напутствия?! </font></center>
      </div>
    </div>
    <div class="textt3"> <b> </b>
      <center><b> <font style="font-size: 16px; color: #FF0000;"> ГРИФФИНДОР</font> </b> </center>
     
<p><span style="font-family:verdana,geneva,sans-serif;">
Звезды утверждают, что у гриффиндорцев в этом месяце луна в третьем доме. Больше дома, в принципе, никого нет, но гриффиндорцам не привыкать. Работы прибавится вдвое больше, но не упускайте этот шанс! В будущем многое будет зависеть от ваших усилий в этом месяце. Вполне вероятно, что вам доверят важное и ответственное задание! (Но мы-то знаем, что вы опозоритесь).
В конце месяца высока вероятность, что подует легкий, приятный, теплый ветерок и сдует вас к дракклам из этой жизни.
<br>
</span></p>
<center><b> <font style="font-size: 16px; color: #FFD700;"> ХАФФЛПАФФ</font> </b> </center>
     
<p><span style="font-family:verdana,geneva,sans-serif;">
Безграничное доверие хаффлпаффцев в этом месяце капитулирует перед обстоятельствами, заодно захватив с собой хорошее настроение и любовь к жизни. К счастью, близость кухни к гостиной сыграет положительную роль в возвращении хорошего настроения. Всего тройная доза шоколада, пирожков и сливочного пива, и хаффлпаффцы снова любят жизнь.
Звезды предупреждают: не подходите к голодным хаффам в этом месяце, они готовы даже соплохвоста уработать за хавку.
<br>  </span></p>

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

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

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

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

[html]
<style type="text/css">
.tabs { width: 100%; padding: 0px; margin: 0 auto; }
.tabs>input { display: none; }
.tabs>div {
    display: none;
    padding: 3px;
    border: 0px solid #C0C0C0;
}
.tabs>label {
    display: inline-block;
    padding: 0px;
    margin: 0 0px 0px 0;
    text-align: center;
    color: #666666;
    border: 0px solid #C0C0C0;
    cursor: pointer;
}
.tabs>input:checked + label {
    color: #000000;
    border: 0px solid #C0C0C0;
    border-bottom: 0px solid #FFFFFF;
    opacity: 1;
    padding: 6px;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2,
#tab_3:checked ~ #txt_3,
#tab_4:checked ~ #txt_4 { display: block; }

  .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/wLTN84f/image.jpg");
    background-position: top center;
    background-repeat: no-repeat;
margin: auto;
  }
 
  .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;
    left: 20px;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
    background-image: url("https://pa1.narvii.com/6792/d070a2a35859fbc7d88f02072ca08c29514e089c_hq.gif");
    background-position: top center;
    background-repeat: no-repeat;
  }
 
  .textt2 {
    z-index: 10;
    height: 10px;
    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: 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: 7.5px;
    font-family: kurale;
    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;
     left: 25px;
  }
 
  </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: #D2691E;"> артефакты кабинета амбридж</font> </b> </center>
      <br>

<p><span style="font-family:verdana,geneva,sans-serif;">У вас закончились чернила, но нужно срочно написать письмо? Нужна ваша подпись, а под рукой только перо? Последний пузырек с чернилами разбился на уроке, а нужно писать контрольную?  Казалось бы, провал неминуем, но выход есть! Воспользуйтесь "пером специальным", эксклюзив от профессора Амбридж.

<br>
Для письма это перо использует кровь того, кто его держит, так что запас в литра три-четыре у вас есть - можно целую книгу написать. Есть только небольшой минус - на левой руке отпечатывается все, что вы пишете этим пером. Так сказать, это перо позволяет зарубить себе на руке что-то.
<br>
Перо Амбридж - настоящий эксклюзив, в отличие от какого-нибудь прытко пишущего пера, встречающегося у каждого уважающего себя журналиста. Это перо существует всего в одном экземпляре, и придумано оно именно Амбридж. Кто знает, зачем ей понадобилось это изобретение, может, в Министерстве есть кто-то со шрамом на руке: "Я не должен хлопать в ладоши в Атриуме".
<br>
Но на этом интересности кабинета профессора Амбридж не заканчиваются! Вы видели, у нее есть розовый сахар! Хотя, конечно, первое, что бросается в глаза сразу же - тарелочки с котиками.
<br>
"Все любят котиков", - эта фраза никогда не подвергалась сомнению, но... Профессор Амбридж способна попрать этот столп, на котором держится человечество. Целая стена в ее кабинете увешана тарелками с котятами в количестве, вызывающим тошноту и ощущение абсурда.
<br>
Тем не менее, для хозяйки кабинета тарелки с котиками - полезное приобретение. Наверняка вы задумывались о том, что каким-то образом профессор узнает о посторонних в ее кабинете? Так вот, ответ прост: ей котята намурлыкали. По поведению котят Амбридж и узнает о том, что кто-то заглядывал к ней в гости в ее отсутствие.
<br>
<br>
Свойства Пера:
<br>
— Пишет кровью
<br>
— Не требует чернил
<br>
— Напоминалка на всю жизнь
<br>
— Прекрасное дополнение к эмо-образу
<br>

<br>
<br>
Свойства тарелок с котятами:
<br>
— Элемент декора
<br>
— Предупреждение о посторонних
<br>
– Мяу
</span></p>

    </div>
  </div>
</center>[/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://i.ibb.co/Y0614sS/image.gif" style="width:120px"></p>

    <p> Криминальная сенсация! На самом деле, Хогвартс - это притон для...<a href="https://drinkbutterbeer.ru/viewtopic.php?id=2110&p=69#p352834"><em>читать продолжение в источнике</em></a></p>
    </center></td>
    <td> <center>
    <p><img alt="" src="https://i.ibb.co/DYbHNsx/image.gif" style="width:120px"></p>

    <p> Срочная новость! Чтобы уклониться от налогов, нужно всего лишь...<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=2200&p=15#p353862">читать продолжение в источнике</a></em></p>
    </center></td>
    </tr>
    <tr>
    <td> <center>
    <p><img alt="" src="https://i.ibb.co/k4X0p8c/image.gif" style="width:120px"></p>

    <p> Прости, Юра, мы всё прое...<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=2110&p=68#p352537">читать продолжение в источнике</a></em></p>
    </center></td>
    <td> <center><p><img alt="" src="https://i.ibb.co/PrXFVJm/image.gif" style="width:120px"></p>

    <p> Хочешь стать настоящим мужчиной? Приходи...
<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=2221&p=52#p358230">читать продолжение в источнике</a></em></p><br>
    </center></td>
    </tr>
    <tr>
    <td> <center>
    <p><img alt="" src="https://i.ibb.co/D1ghJL6/image.gif" style="width:120px"></p>

    <p> Забудьте о громовещателях! Открыт новый способ повлиять на воспитание...<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=2242&p=77#p362444">читать продолжение в источнике</a></em></p>
    </center></td>
    <td> <center>
    <p><img alt="" src="https://i.ibb.co/tqGBY63/image.gif" style="width:120px"></p>

    <p>  Для того, чтобы закадрить девчонку, просто покажите свои...<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=2230&p=23#p363201">читать продолжение в источнике</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: 9.0px;
        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="AU. Happy Easter, everybunny!" href="https://drinkbutterbeer.ru/viewtopic.php?id=2299"><img src="https://i.ibb.co/cg2FQfn/1.gif" width="450px" height="50px"> </a> </center>
        <p>Что мы любим? ВЕСНУ! А еще? ИИЧКИ! <br>
Весна – волшебное время года, даже вечно хмурый Аргус Филч, достает яркую мантию, меняет свой суровый взгляд на добродушную улыбку и готовит Пасхальный квест для студентов. Пока не понятно, можно ли победить в эту игру, но детишкам очень нравится колдовать друг другу усы, лапы и хвост, воровать добычу из чужой корзинки и иногда получать леща от самой госпожи Плакучей Ивы. <br>
Интересно, тот, кто найдет заветное яйцо Филча – счастливчик или тот самый, который получит дополнительную отработку после уроков? Кажется, это в чистом виде, сектор приз! <s>Жаль, не на барабане. </s>
" 
</p>
     
        <center> <a class="name" alt="Побазарим за культуру" href="https://drinkbutterbeer.ru/viewtopic.php?id=2220"><img class="kart" src="https://i.ibb.co/CVM2fsr/2.jpg" width="450px" height="50px"> </a> </center>
        <p>Так важно быть разносторонне развитым в наше время. Помимо академических успехов, внешней красоты, необходимо быть богатым еще и духовно. Водили Андрюху немного на выставку <s> Ван Гога</s> МэриЭнн Белл. Идеальное место для заведения полезных связей. <br>
Остается вопрос, поступит ли Андреа в ВАДИ после того, как накуролесила с Кэти? Хотя, что такого, подумаешь картину испортили, всего одну же! (во всяком случае, пока). Да и нет гарантий, что портрет в эстетике Колдостворца не станет новым главным экспонатом. Ох уж эти юные мастера находить приключения!
</p>
     
             <center> <a class="name" alt="Wild hunt in the name of chaos and god" href="https://drinkbutterbeer.ru/viewtopic.php?id=2283"><img src="https://i.ibb.co/p4RFzwd/3.jpg" width="450px" height="50px"> </a> </center>
        <p>Любите ли вы географию так, как любят ее Ада и Андреа? Две юные исследовательницы не тратят время зря, а во время каникул, пока большинство однокурсников отсыпаются в своих кроватках и максимально уныло проводят свое время, покоряют Париж. <br>
О, Париж, город о котором слагают легенды, место, где хочется прожить свою жизнь, утопая в романтике и кофе (но обязательно со свежим круассаном), а вечером смотреть закат с бокалом белого полусухого. Ой, простите, мы в редакции сами замечтались… <br>
А какие приключения выберут наши юные волшебницы? Лувр, обзорная площадка Эйфелевой башни? А может быть это будет лес, полный опасностей, неожиданных встреч и фантастических тварей? Главное, чтобы этими самыми тварями для кого-то не оказались наши героини.
</p>
     
   <center> <a class="name" alt="Музыка" href="https://drinkbutterbeer.ru/viewtopic.php?id=2253"><img src="https://i.ibb.co/NWzkJMj/4.jpg" width="450px" height="50px"> </a> </center>
        <p>Немного культуры в ваши уши и глаза. А что, не одним квиддичем едины. У дам, о которых сейчас пойдет речь, явно всё хорошо с сольфеджио, причем уже давно. Да и талантом не обделены, хотя и нотки «ой да ладно, вы мне льстите» никто не отменял. Вот только как бы другие ученики не взбунтовались, что мелодичные, так любимые Вивальди, звуки мешают готовиться к экзаменам и в целом учиться. Наша редакция даже решила сделать ставки, куда это приведет и что дальше будет? Вариантов много: от мордобоя (куда без Монтэгю) до концерта в Большом зале, но… что может быть лучше духа соперничества между девицами? А может это перерастет в что-то подобное? Девочки, если да, то мы склоним головы и помашем шляпами, как мушкетеры, потому что… ну это да. И дело совсем не в каблуках. Ну, разве что, немножко.
</p>
       
        <center> <a class="name" alt="Double Trouble" href="https://drinkbutterbeer.ru/viewtopic.php?id=2301"><img src="https://i.ibb.co/5nryx1B/5.gif" width="450px" height="50px"> </a> </center>
        <p>«Все беды от женщин!» (с) <br>
Знаете, в нашей редакции, сексистов, конечно, нет, но доля правды в этом высказывании есть. И это точно! <br>
Во многих легендах говорится, что женщина – это к беде (помним про корабль), а представляете, если их две, да еще и одинаковых!? ЭТЕНЩОН надвигается апокалипсис! Все бежим прятаться в бункер!<br>
Близнецы – самые опасные существа (и нет, мы не про знак зодиака), меняются местами, делают что хотят, в общем беспределят по полной, ломая психику окружающим. Помните фильм с сестричками Олсен «Ловушка для родителей»? А что, если вместо родителей будет один милый наивный мальчик? Венки пока не заказываем, но свечку за здравие поставим.
</p>

        <center> <a class="name" alt="УзМС, седьмой курс [с]" href="https://drinkbutterbeer.ru/viewtopic.php?id=2316"><img src="https://i.ibb.co/f99JQ2w/6.gif" width="450px" height="50px"> </a> </center>
        <p>Тем, кому «птичку жалко» вход запрещен. Уход за магическими существами – урок не для слабонервных. Если вы боитесь чупакабр, потому что они злобные и ужасные – уходите! Если любите мышат – уходите, ведь придется собственноручно отдать их монстру. Если не любите мышей, тоже уходите, их тут навалом. А еще, в комплект входит классический обмен любезностями между слизеринцами и гриффиндорцами. <br>
Наша редакция выяснила: Хагрид крутой герой, потому что эти парни никогда не оборачиваются назад и не меняют своего решения. Наше Увожение!
</p>

        <center> <a class="name" alt="Волшебные таблетки." href="https://drinkbutterbeer.ru/viewtopic.php?id=2175"><img src="https://i.ibb.co/jMzBfvH/7.jpg" width="450px" height="50px"> </a> </center>
        <p>Кто сказал, что старостой быть просто? Вечно эти дурацкие вопросы, заблудившиеся первокурсники и нерадивые студенты, что бродят по школе после отбоя. Один сплошной стресс. Хейли Квентин вам не какая-то тварь дрожащая, она привыкла решать проблемы. Как хорошо, что в школе можно достать всякие классные допинги, главное – людей правильных знать. Такими темпами предприятие Триши точно не захереет, а кто знает, может при должной PR-компании от самой ответственной старосты начнет развиваться и процветать такими темпами, что сама Амбридж придет за волшебной пилюлей. 
</p>

        <center> <a class="name" alt="Shit happens?" href="https://drinkbutterbeer.ru/viewtopic.php?id=2130"><img src="https://i.ibb.co/nD09N80/8.jpg" width="450px" height="50px"> </a> </center>
        <p>Что будет, если взять одного очень умного, ответственного старосту, с повадками супергероя, парнишку с пышной шевелюрой, битой и нездоровым желанием пялиться на девичьи коленки и одну слизеринскую блондинку? Сложноватое уравнение, понимаем. <br>
Ответ прост: Драма! <br>
Самое интересное, когда из уравнения ликвидируется блондинка, оставляя двух джентльменов неловко разбираться в сложившейся ситуации. Ох и сердцеедка эта ваша Мур. Мальчуки, ну вы там это, держитесь хD
Наша редакция считает: нет ничего великолепнее подростковых драм. О эти неловкие взгляды исподтишка, взмахи длинных ресниц, бессонные ночи и «случайные» встречи в самых невероятных частях замка! Аж ручки трясутся, как хочется на все это посмотреть. Нет, нам не надоест!
</p>

        <center> <a class="name" alt="AU. Львица, тигрица, алкогольвица" href="https://drinkbutterbeer.ru/viewtopic.php?id=2308"><img src="https://i.ibb.co/YLZtwxt/10.jpg" width="450px" height="50px"> </a> </center>
        <p>Вечер в хату! Соскучились по эстетике Колдовстворца? Тогда вам сюда.  Дева-а-а-чки, тут такое. <br>
Оказывается, Меладзе шарит за волшебный мир. И однажды решил он ВИА Гру магическую собрать. Все по канонам: темненькая, рыженькая, беленькая. Да только таких вагон, изюминка нужна. Ходил и думал, где ж таких найти, да вспомнил про Колдовстворец, вот там хоть увыбирайся. <br>
Кастинги – прошлый век. Ходил Меладзе с компанией, девиц в разных местах смотреть, а потом как похитит (ну просто пригласить же скучно, да и вдруг откажутся). <br>
Ситуация: Три девицы в Меладзевском дворце за базар пояснить просят.

</p>

    </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 {
    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 {
https://www.onlinegdb.com/online_html_compiler#editor_1    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/N9NM7ht/image.jpg");
    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/7v5wHK3/tumblr-inline-p841l9-Zrni1syelci-500.gif");
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
  }
 
  .textt2sk {
    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;
  }
 
  .textt3sk {
    z-index: 10;
    height: 350px;
    width: 495px;
    text-transform: uppercase;
    overflow: auto;
    text-align: justify;
    text-justify: inter-word;
    font-size: 9.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: auto;
  }
  </style>
<div class="backksk">
    <div class="textt1sk">
      <div class="textt2sk">
        <center> <font style="font-size: 10px;">маихарошии, сейчас я научу вас, как правильно жить. <br>Читайте и учитесь! </font></center>
      </div>
    </div>
    <div class="textt3sk"> <b> </b>
     
      <br>

<p style="padding-left: 20px;"><strong>Вопрос от Энди:</strong> Почему мужики не любят мыть посуду?</p>
<p>Ох, моя дорогая, этим вопросом испокон веков задаются многие ведьмы. Существует даже легенда о том, как появились волшебные палочки: раньше маги колдовали при помощи рук, но одному из потомков самого Мерлина «Фейри» разъело кисти, индивидуальная непереносимость, и с тех пор, как только мужчина подходит к раковине с грязной посудой, в нем говорит генетическая память и, соответственно, страх остаться без конечностей.</p>

<p style="padding-left: 20px;"><strong>Вопрос от Эля:</strong> Почему просыпаешься в пятницу с твердой уверенностью, что сегодня — вторник?</p>
<p>Эх, молодость! Счастливые часов не наблюдают! А на моих уже половина Ничего, мы еще выясним, кто кроется в мыслях под этой светлой шевелюрой *потрепала по макушке* А вообще, мойхаоший, никто здесь режим не соблюдает – вот и результат. Не удивляйся, если однажды проснешься, а у тебя жена – Белл ананас.</p>

<p style="padding-left: 20px;"><strong>Вопрос от Эрики:</strong> Есть ли шанс победить хронический недосып?</p>
<p>Дамблдор вот тоже думает, что Гриндевальда победил, а на самом деле недосып победил его. Если такой могущественный волшебник (приписка ред.: он не всегда был маразматиком, хотя «Гарри, твои очки сегодня по-особенному переливаются на солнце, тысяча баллов Гриффиндору» поражало его гениальный мозг уже тогда) не смог, то что говорить о нас, простых смертных? Попробуй представить, как проснешься утром без будильника, бодро улыбнешься новому дню… Так, ладно, это уже какой-то контент 18+, здесь же все-таки дети.</p>

<p style="padding-left: 20px;"><strong>Вопрос от Эрики:</strong> Симп-димпл или поп-ит?</p>
<p>А разве в Хогвартсе принято снимать стресс? Было бы все так просто, глупышка, вам бы оборотней и стариков, за которыми Сама-Знаешь-Кто охотится, в преподаватели не нанимали и смертельно-опасные турниры не устраивали. Это цель современного британского образования, я давно говорю, что у Дамблдора кукушки гнездо свили в черепной коробке.</p>

<p style="padding-left: 20px;"><strong>Вопрос от Эля:</strong> Что делать, если в плюсах тебе то газетой прописывают, то подзатыльников дают?</p>
<p>Представить, что это часть игры. Вырастешь – поймешь *кокетливо подмигивает* Но советую сходить в мадам Помфри и провериться на сотрясение. Причем всех кроме Грейнджер</p>

<p style="padding-left: 20px;"><strong>Вопрос от Джейка:</strong> Рита, как не спотыкаться о флуд, когда собираешься идти спать?</p>
<p>Не можешь одолеть зло – примкни к нему. Впрочем, есть один способ: как только видишь активный флуд, берешь подушку, кладешь ее на лицо и представляешь, как утром Яблокопчелы замазывают тебе синяки под глазами тональными средствами, а Триша вливает в рот кофи, разбавленный безлактозным молоком. Но это не помогает. Ничего не помогает. Только сон. и Андрюхины спиды</p>

<p style="padding-left: 20px;"><strong>Вопрос от Эля:</strong> Щитаю, это буллинг, кто там в этой стране за СМИ следит, надо прокурорскую проверочку устроить</p>
<p>При всем моем уважении к Министерству, Амбридж оставьте себе.</p>

<p style="padding-left: 20px;"><strong>Вопрос от Кинжал:</strong> Как отыскать то, что найдено быть не хочет?</p>
<p>Знаешь, милая, если ты не можешь отыскать что-то с помощью Акцио, то, судя по всему, ты похерила крестраж.</p>

<p style="padding-left: 20px;"><strong>Вопрос от Энди:</strong> Почему Габриэль сладенький?</p>
<p>Молодой человек *поворачивается к Тейту* У вас в родственниках, случайно, не значились умпа-лумпы?</p>

<p style="padding-left: 20px;"><strong>Вопрос от Эля:</strong> Как расслабляется тетя Рита? </p>
<p>Прозвучит банально, но тетя Рита и не напрягается. А вообще, на что, по-вашему, мне фотограф? Он мне массаж шеи делает и развившиеся локоны подкручивает, а вы о чем подумали, шалуны?</p>

<p style="padding-left: 20px;"><strong>Вопрос от Адель:</strong> Ритуся, блондиночка наша кудрявоволосая. Как включить мозг хотя бы на 20%? Я уж молчу про 100% </p>
<p>Сначала эти юные особы теряют голову, отключают мозг при виде привлекательных мальчиков, а потом тетя Рита должна совершить чудо *снисходительно заправляет Аде прядь волос за ухо*  Но, сдается мне, ты лукавишь, дорогуша. Слышала, на последнем уроке Зельеварения ты была единственной, кого Северус Снейп не назвал «безмозглым троллем», или как он там еще развлекается?</p>

<p style="padding-left: 20px;"><strong>Вопрос от Кэти:</strong> Как проводить собеседования, если вообще не хочешь этого делать?</p>
<p>Начни интервью с «Мы вам перезвоним».</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: 172px;
    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://forumupload.ru/uploads/001a/2e/af/537/687363.gif") ;
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
  }

  .textt2 {
    z-index: 10;
    height: 0px;
    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: -165px;
    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">
      <center><b> <font style="font-size: 12px; color: #800080;"> Дуэт месяца: Джейк Фарли и Селина Мур</font> </b></center><br>
<p><span style="font-family:verdana,geneva,sans-serif;">Настоящие любители драмы знают, что лучшие эпизоды случаются именно в больничном крыле! Джейк и Селина знают об этом, как никто другой. Вы только представьте, какое волнение ты испытываешь, завидев объект воздыхания во владениях мадам Помфри! <br>
Где бы они ни расстались, в какой точке замка не была бы поставлена очередная точка, она превращается в многоточие, стоит только добраться до заветного места. Все дороги ведут в больничное крыло, получается? <br>
Заслуженные стеклоеды, романтичные и уже перешиппленные сто тысяч раз, любимчики всего Дринка. Бросайте уже все эти глупости и будьте счастливы вместе.<3 <br>
P.S.: Но не забывайте, что иногда покушать стекла – полезно, в первую очередь, для вашей психики хD

<br>
<br>
  <center><b> <font style="font-size: 12px; color: #800080;"> Активист Месяца: Андреа Кегворт</font> </b></center><br>
<p><span style="font-family:verdana,geneva,sans-serif;">
Наша Супер Мама продолжает ставить рекорды. Мы уже перестали удивляться при виде ее имени в списках самых активных дринковцев. Наша Андрюха <s>один нос два уха</s> и шутки с вами во флуде пошутит и собак своих шипперских выгулять успеет. Если боитесь быть зашипперенным – обходите ее стороной. Заслуженная Лариса Гузеева всея Дринка, любительница красивых отыгрышей, шавухи, вишневого пирога  и Герберта Флита. Та, с кем никогда не бывает скучно. <br>
А мы можем пожелать нашей дорогой мисс Кегворт, высыпаться, радоваться тому, как быстро растет малышка Эва, получать массу положительных и ярких эмоций, ну и, конечно, появляться в списках активистов как можно чаще.

  </span></p>
<br>
      <center><b> <font style="font-size: 12px; color: #800080;"> Постописцы месяца</font> </b></center><br>
<p><span style="font-family:verdana,geneva,sans-serif;">Что мы там говорили про апрель? Май показал, что он самый бодрый из весенних месяцев. Иначе как объяснить такой рост количества новых невероятных пизодов и постов? Не будем устраивать разборки <s> тем более питерские</s>, а просто порадуемся тому, что последний месяц весны принес нам столько невероятных эмоций, пережитых в каждом написанном посте.
<br>
<br>
<br>
<a href="https://drinkbutterbeer.rusff.me/profile.php?id=262">Кэти Белл</a> Если честно, устали писать про эту рыжую гриффиндорку. Один вопрос...Кать, опять?
<br>
<br>
<a href="https://drinkbutterbeer.ru/profile.php?id=248">Андреа Кегворт</a> И когда она все успевает? Для нас это так и останется загадкой… Но мы поражены и вдохновлены примером Андреа! Знаем, что некоторые даже стали следовать примеру и пописывать постики с телефона. Кто-то говорит – извращение, но для Кегворт это в порядке вещей. Вдохновения тебе, Андрюша, следим за каждым твоим отыгрышем.
<br>
<br> 
<a href="https://drinkbutterbeer.ru/profile.php?id=511">Гэбриэль Тейт</a> Единственный парень, который не постеснялся залезть в этот цветник. Суровый староста шестого курса и просто очаровашка. Нарадовал своих соигроков в мае так, что те, кажется, до сих пор ходят с глуповатой счастливой улыбкой на лице. Надеемся видеть мистера Тейта тут почаще, а еще хотим, чтобы он перестал стесняться и пел почаще.
<br>
<br>
Наступило лето, рекомендовано: кушац черешню столько, сколько влезет, не забывать про клубнику и мониторить появление спелых абрикосов и персиков! Писать посты, открывать новые пизоды. Беречь себя и своих близких. И, конечно же по традиции поднимать кружечку сливочного пива и пить за любовь!<img src="https://funkyimg.com/i/34juM.gif">
<br>     
</span></p>
     
[/html]

[html]
<style type="text/css">
.tabs { width: 100%; padding: 0px; margin: 0 auto; }
.tabs>input { display: none; }
.tabs>div {
    display: none;
    padding: 3px;
    border: 0px solid #C0C0C0;
}
.tabs>label {
    display: inline-block;
    padding: 0px;
    margin: 0 0px 0px 0;
    text-align: center;
    color: #666666;
    border: 0px solid #C0C0C0;
    cursor: pointer;
}
.tabs>input:checked + label {
    color: #000000;
    border: 0px solid #C0C0C0;
    border-bottom: 0px solid #FFFFFF;
    opacity: 1;
    padding: 6px;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2,
#tab_3:checked ~ #txt_3,
#tab_4:checked ~ #txt_4 { display: block; }

  .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/p2cKLWT/MW.jpg");
    background-position: top center;
    background-repeat: no-repeat;
margin: auto;
  }
 
  .textt1 {
    z-index: 10;
    height: 140px;
    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;
    left: 20px;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
    background-image: url("https://i.ibb.co/vdknP74/giphy-1.gif");
    background-position: top center;
    background-repeat: no-repeat;
  }
 
  .textt2 {
    z-index: 10;
    height: 5px;
    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: -115px;
    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: 7.5px;
    font-family: kurale;
    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;
     left: 25px;
  }
 
  </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: #D2691E;"> НА КАРАНДАШЕ У ПРОФЕССОРОВ</font> </b> </center>
      <br>

<p><span style="font-family:verdana,geneva,sans-serif;"><a href="https://drinkbutterbeer.ru/viewtopic.php?id=2251"><strong>17.04.96. Совмещённый урок Астрономии и Прорицания, пятый курс [с]</strong></a></span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"> Как поделить одно затмение между двумя преподавателями? В любом месте веселее вместе, решают Синистра и Флоренц. А разгребать это, конечно, пятому курсу. Как будто им Поттера и С.О.В. мало, честное слово.  </span></p>

<p><span style="font-family:verdana,geneva,sans-serif;"><strong>АСТРОНОМИЯ</strong></span></p>

<p><span style="font-family:verdana,geneva,sans-serif;"><a href="https://drinkbutterbeer.ru/profile.php?id=491"><strong>
Alice Tolipan</strong></a>&nbsp;-&nbsp;Эта ваша Астрономия – дело темное, но Элис знает горькую правду: разобраться в хитросплетениях даже собственной личной жизни куда сложнее. Так что подавайте-ка сюда ваше затмение – мисс Толипан распишет его хронологию на раз-два, не забывая при этом фыркать от неудачных комплиментов и принимать в подарок внезапные букеты. </span></p>

<p><span style="font-family:verdana,geneva,sans-serif;"><a href="https://drinkbutterbeer.ru/profile.php?id=308"><strong>Daphne Greengrass</strong></a>&nbsp;-&nbsp;Весь мир заточен под жаворонков – но только не Астрономия, и нашей Дафне это только на руку! Мисс Гринграсс очень любит ночь, а очарование лунного света вдохновляет ее в том числе и на учебные подвиги. Вы видели, как ловко она настраивала телескоп половине курса? Ну разве это не серьезная заявка на звание Астронома года?</span></p>

<p><span style="font-family:verdana,geneva,sans-serif;"><a href="https://drinkbutterbeer.ru/profile.php?id=262"><strong>Dora Williams</strong></a>&nbsp;-&nbsp;Дора может производить впечатление хаотичной. Дора может производить впечатление ленивой. Дора может производить впечатление несобранной. Но кто тут у нас отследил затмение с точностью до минутки? То-то же, даже эта ваша Грейнджер так не смогла. </span></p>

<p><span style="font-family:verdana,geneva,sans-serif;"><a href="https://drinkbutterbeer.ru/profile.php?id=332"><strong>Draco Malfoy</strong></a>&nbsp;-&nbsp;Да ладно, было бы странно, если бы Малфой не показывал Астрономии, кто тут слизеринский принц, а кто – просто список забавных имен для отпрысков чистокровного рода.  Драко, ты только девочек сильно не отвлекай, им еще С.О.В. сдавать, а на этом уроке один сплошной стресс: то ты, то кентавр, то опять кто-то что-то поджег… А, подождите. Это мы уже про другую дисциплину, а именно…</span></p>

<p><span style="font-family:verdana,geneva,sans-serif;"><strong>Прорицания</strong></span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href="https://drinkbutterbeer.ru/profile.php?id=308"><strong>Daphne Greengrass</strong></a>&nbsp;-&nbsp;А вот Прорицания Дафна любит ощутимо меньше Астрономии, но в них все так же хороша. Возможно, в этом есть заслуга профессора Флоренца, сумевшего внушить ученице уважение к себе и к своему предмету заодно. Вот только для того, чтобы в поисках трав не заплутать в Запретном лесу, все еще нужна помощь друга. Ну и все тот же телескоп, пусть и примененный совсем не по назначению. </span></p>

<p><span style="font-family:verdana,geneva,sans-serif;"><a href="https://drinkbutterbeer.ru/profile.php?id=262"><strong>Dora Williams</strong></a>&nbsp;-&nbsp;Терпение и труд все подожгут. Ой, это не то. В общем, Дора терялась в лесу, Дора забрала ачивку «получитьпожопе от кентавра», Дора жгла все вокруг, но все равно по итогу оказалась одной из самых прорицательных прорицательниц этого дня. Вас еще не пугают эти хаффлпаффцы? Тогда мы идем к вам!   </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href="https://drinkbutterbeer.ru/viewtopic.php?id=2252"><strong>17.04.96. Урок ЗоТИ, шестой курс [с]</strong></a></span></p>
<p><span style="font-family:verdana,geneva,sans-serif;">Шестикурсники выбрали изящный способ сказать «Мадам, от ваших конспектов нас уже мутит». Кто-нибудь, передайте профессору Амбридж, что ей еще повезло. Могли ведь и в окно выкинуть. </span></p>

<p><span style="font-family:verdana,geneva,sans-serif;"><a href="https://drinkbutterbeer.ru/profile.php?id=212"><strong>Amber Noel </strong></a>&nbsp;-&nbsp;Когда ты собираешься стать аврором, будь готов к любым неожиданностям! Ответственную Эмбер не может сбить с толку даже обернувшийся канарейкой Фоули – ее конспекты все равно удивительно хороши, а стойкость и присутствие духа не изменяют отважной гриффиндорке. Впрочем, откровенно говоря, редакция подозревает, что в виде птицы Салли даже как-то предпочтительнее: как минимум, не пытается при всех полировать свою волшебную палочку. </span></p>

<p><span style="font-family:verdana,geneva,sans-serif;"><a href="https://drinkbutterbeer.ru/profile.php?id=262"><strong>Katie Bell</strong></a>&nbsp;-&nbsp;Поборник чистоты и здорового образа жизни, Кэти пишет конспекты за себя и за того парня и одним – но очень вызывающим! – взмахом палочки уничтожает следы бунта всего шестого курса. Опасная женщина эта Белл, даже Амбридж, похоже, считает, что с ней лучше не ссориться. </span></p>

<p><span style="font-family:verdana,geneva,sans-serif;"><a href="https://drinkbutterbeer.ru/profile.php?id=197"><strong>Jake Farley</strong></a>&nbsp;-&nbsp; Генеральный инспектор еще не выучила мантру процессора Флитвика «Фарли, что происходит?!» - и очень зря. Потому что Джейк на страже: снимет баллы даже с отличников, пролоббирует больничное крыло для пострадавших, урезонит рейвенкловских бунтарей – и все это под осуждающие взгляды слизеринских блондинок. Жек, а ты точно не супермен? Ты уверен? </span></p>

<p><span style="font-family:verdana,geneva,sans-serif;"><a href="https://drinkbutterbeer.ru/profile.php?id=239"><strong>Selina Moore</strong></a>&nbsp;-&nbsp;Быть старостой шестого курса – это тяжкий крест, но Селина справляется. Да и вообще, девушка, у которой есть юбки на все случаи жизни, справится с чем угодно. Даже «Выше ожидаемого» получит у профессора, которого только что сравнили с «гриндиллоу цвета японской сакуры». А вам слабо? </span></p>

<p><span style="font-family:verdana,geneva,sans-serif;"><a href="https://drinkbutterbeer.ru/profile.php?id=248"><strong>Andrea Kegworth</strong></a>&nbsp;-&nbsp;Пережить уроки шестого курса без потерь для психики можно только на веществах, решает Андрюха, и эта схема, похоже, рабочая. Редакция напоминает о вреде наркотиков, курения и травяных сборов, не сертифицированных профессором Спраут, но находчивостью рейвенкловки восхищаться от этого не перестает. </span></p>
<br>
<br>

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

[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/nPSHHK0/new.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("https://i.pinimg.com/originals/46/8e/da/468eda1fce5577c11ee3f9fca627a016.gif");
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>
Мэган "ЩА ТАПКОМ КИНУ" Ровсток<br>
Пэнсита "ПО ПЯТНИЦАМ С ГРЕЙНДЖЕР" Паркинсон
</span></div>[/html]

Отредактировано Brewer (05.07.21 23:29)