Не подглядывайте, ёпта!

тёмный лорд одержал победу во второй магической войне, установив тоталитарный режим. волшебное общество оказалось разделено на касты по чистоте крови, границы закрыты, а репрессии и дискриминация стали нормой. надежда на перемены теперь связана с сопротивлением, которое по масштабу превзошло сам орден феникса.
best post
rhiannon weasley: Рианнон - это не только её чемодан, это хватка, которой она вцепилась в Перси, пока они оба разглядывают этот, с позволения сказать, дом. Она держится за него не как за любимого человека и верное плечо, спутника жизни и все такое, она держится за него, как за единственное относительно знакомое, что есть в окружающем пространстве.

Squirrel test

Объявление

тебе сюда
итоги экспедиции
выберись из неё
новый расклад
сыграй в маджонг

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

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


    Вы здесь » Squirrel test » — волшебники в розыске » seamus finnigan


    seamus finnigan

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

    1

    о персонаже
    https://forumavatars.ru/img/avatars/0014/d2/5e/2-1772119741.jpg
    Шеймус Финниган
    радикальный сопротивленец
    банши

    0

    2

    твинки
    seamus finnigan 1980 - muggle-born, resistance.
    [indent] твинки:  norman oldridge 1965 - pure-blood, death eaters.
                           tony goldstein 1979 - half-blood, resistance.

    0

    3

    плашки
    https://upforme.ru/uploads/001b/07/0d/2/475979.gif
    https://upforme.ru/uploads/001c/3b/dd/7/544805.png
    https://forumstatic.ru/files/001a/74/84/73837.png
    https://forumstatic.ru/files/0014/d2/5e/33205.gif
    https://forumstatic.ru/files/0014/d2/5e/64486.png
    https://forumstatic.ru/files/001c/3b/dd/55908.gif
    https://forumstatic.ru/files/0014/d2/5e/29578.gif
    https://upforme.ru/uploads/001c/3b/dd/27/866479.gif
    https://forumstatic.ru/files/0014/d2/5e/33923.gif
    https://upforme.ru/uploads/001c/3b/dd/153/662326.png
    https://upforme.ru/uploads/001c/3b/dd/27/138689.gif
    [html]
    <link rel="stylesheet" href="https://forumstatic.ru/files/001c/3b/dd/84786.css">
    <div class="fon-light"><img src="https://upforme.ru/uploads/001c/3b/dd/27/150032.gif">    <div class="fon-text">полный jingle bells</div></div>
    <div class="fon-dark"><img src="https://upforme.ru/uploads/001c/3b/dd/27/150032.gif"><div class="fon-text">полный jingle bells</div></div>[/html]

    0

    4

    [html]<div class="lz-generator">

    <h3>Генератор ЛЗ</h3>

    <input placeholder="Ссылка на анкету" id="lz-link"><br> <input placeholder="Имя Фамилия, возраст" id="lz-name"><br>

    <textarea placeholder="Описание" id="lz-about"></textarea>

    <input placeholder="Ссылка на пару (если есть)" id="lz-pairlink">
    <input placeholder="Имя пары" id="lz-pairname">

    <select id="lz-caste">
      <option value="pure-blood">pure-blood</option>
      <option value="half-blood">half-blood</option>
      <option value="muggle-born">muggle-born</option>
      <option value="outlaw">outlaw</option>
      <option value="part-human">part-human</option>
    </select>

    <input placeholder="Ссылка на картинку плашки" id="lz-img">
    <input placeholder="Ссылка на тему твинков" id="lz-twink">
    <input placeholder="Текст плашки" id="lz-plashka">

    <button id="lz-generate">Сгенерировать</button>

    <textarea id="lz-result"></textarea>

    <button id="lz-copy">Скопировать</button>

    </div>
    [/html]

    0

    5

    стиль личной страницы

    Код:
    /* личная страница */
    #character {
        width: fit-content !important;
        background: var(--sec-bg);
        z-index: 9999;
    }
    
    /* заголовки галерей */
    .gallery-title {
        text-transform: uppercase;
        background: var(--footer);
        color: var(--pun-bg);
        padding: 5px;
        margin-bottom: 8px;
        border-radius: 5px;
        font-weight: bold;
    }
    
    /* общий блок */
    .general {
        display: flex;
        flex-direction: column;
        color: var(--footer);
        position: relative;
        min-height: 250px;
    }
    
    .general img {
        width: 150px;
        height: 150px;
        object-fit: cover;
        border-radius: 5px;
        border: 1px solid var(--footer);
    }
    
    .general h2 {
        font-weight: normal;
        text-align: center;
        color: var(--dark-accent);
        font-family: var(--extra-font);
        font-size: 25px;
        position: absolute;
        top: 57%;
        right: 3%;
    }
    
    .fraction {
        position: absolute;
        top: 70%;
        width: 200px;
        background: var(--link);
        color: var(--profilebg);
        border-radius: 5px;
        padding: 2px 5px;
    }
    
    .occupation {
        position: absolute;
        top: 82%;
    }
    
    .arcs {
        position: absolute;
        top: 88%;
    }
    
    /* модалка */
    .reveal-modal-bg {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, .8);
        z-index: 100;
        display: none;
    }
    
    .reveal-modal {
        visibility: hidden;
        position: absolute;
        top: 100px;
        left: 50%;
        z-index: 101;
        padding: 30px 40px 34px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    }
    
    /* размеры */
    .reveal-modal.small  { width: 200px; margin-left: -140px; }
    .reveal-modal.medium { width: 400px; margin-left: -240px; }
    .reveal-modal.large  { width: 600px; margin-left: -340px; }
    .reveal-modal.xlarge { width: 800px; margin-left: -440px; }
    
    .reveal-modal .close-reveal-modal {
        font-size: 22px;
        line-height: .5;
        position: absolute;
        top: 8px;
        right: 11px;
        color: #aaa;
        text-shadow: 0 -1px 1px rgba(0,0,0,.6);
        font-weight: bold;
        cursor: pointer;
        text-decoration: none;
    }
    
    /* меню */
    .menu-links {
        display: flex;
        gap: 10px;
    }
    
    .menu span {
        display: inline-block;
        padding: 3px 11px;
        border-radius: 5px 5px 0 0;
    }
    
    #submenu {
        display: inline-block;
        padding: 7px;
        font-size: 12px;
        width: 600px;
    }
    
    #submenu,
    .menu span {
        background: var(--topic-overlay);
        color: var(--footer);
        font-weight: bold;
    }
    
    .menu .tabactive {
        color: var(--profilebg);
        background: var(--link);
    }
    
    .menu span:hover {
        color: var(--profilebg);
        background: var(--dark-accent);
    }
    
    .submenutext {
        display: none;
        overflow-y: auto;
        font-weight: normal;
     max-height: 300px;
    }
    
    /* layout */
    .modal-content {
        display: flex;
        gap: 20px;
        align-items: flex-start; /* важно */
    }
    
    /* левая фиксированная */
    .left-column {
        width: 250px;
        flex-shrink: 0;
    }
    
    /* правая растягивается */
    .right-column {
        flex: 1;
    }
    
    .right-column {
        min-width: 0;
    }
    
    
    /* галереи */
    .plashki-gallery img {
        max-width: 200px;
    }
    
    .phoni-gallery {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        width: 300px;
        height: 150px;
        overflow-y: auto;
    }
    
    .gallery-title {
        flex-basis: 100%;
    }
    
    .phoni-gallery img {
        width: 100px;
        height: 100px;
        border-radius: 5px;
    }
    
    .icons-gallery {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        width: 300px;
        max-height: 350px;
        overflow-y: auto;
    }
    
    .icons-gallery-img {
        width: 34px;
        height: 34px;
    }
    
    /* фоны */
    .fon-light,
    .fon-dark {
        position: relative;
        display: inline-block;
        width: 200px;
    }
    
    .fon-light img,
    .fon-dark img {
        width: 100%;
    }
    
    /* градиенты */
    .fon-light::after,
    .fon-dark::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
    }
    
    .fon-light::after {
        background: linear-gradient(
            rgba(152, 171, 177, 0.5) 10%,
            #AEBCBF 100%
        );
    }
    
    .fon-dark::after {
        background: linear-gradient(
            rgba(146, 141, 138, 0.5) 10%,
            #A09895 100%
        );
    }
    
    .fon-text {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 10px;
        z-index: 2;
        color: var(--profileplashka);
        font-size: 8px;
        letter-spacing: 0.1em;
        pointer-events: none;
    }
    
    /* профиль */
    .profile-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    
    .profile-left {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        max-height: 350px;
        overflow-y: auto;
    }
    
    .profile-right {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    
    /* твинки */
    .twink {
        display: flex;
        gap: 15px;
        margin-bottom: 15px;
    }
    
    .twink img {
        width: 100px;
        height: 100px;
        object-fit: cover;
        border-radius: 50%;
        flex-shrink: 0;
    }
    
    .twink-text {
        flex: 1;
    }
    
    .coupon {
        display: flex;
        gap: 10px;
        align-items: center;
        padding: 5px;
        margin-bottom: 5px;
        background: var(--topic-overlay);
        border-radius: 8px;
        position: relative;
        overflow: hidden;
        width: 250px;
    }
    
    .coupon-list {
        display: flex;
        flex-wrap: wrap; /* чтобы переносились на новую строку */
        gap: 10px;       /* расстояние между купонами */
    }
    
    /* "перфорация" */
    .coupon::before,
    .coupon::after {
        content: "";
        position: absolute;
        left: 110px; /* граница между картинкой и текстом */
        width: 10px;
        height: 10px;
        background: var(--sec-bg);
        border-radius: 50%;
        transform: translateX(-50%);
    }
    
    .coupon::before {
        top: -5px;
    }
    
    .coupon::after {
        bottom: -5px;
    }
    
    /* линия перфорации */
    .coupon-content {
        position: relative;
        padding-left: 10px;
    }
    
    .coupon-content::before {
        content: "";
        position: absolute;
        left: -5px;
        top: 0;
        bottom: 0;
        width: 2px;
        background: repeating-linear-gradient(
            to bottom,
            var(--footer),
            var(--footer) 4px,
            transparent 4px,
            transparent 8px
        );
        opacity: 0.4;
    }
    
    /* картинка */
    .coupon-img img {
        width: 40px;
        height: 40px;
        object-fit: cover;
        border-radius: 6px;
    }
    
    /* текст */
    .coupon-title {
        font-size: 13px;
        font-weight: bold;
        color: var(--link);
    }
    
    .coupon-desc {
        font-size: 11px;
        color: var(--footer);
    }
    
    .coupon-meta {
        font-size: 10px;
        opacity: 0.6;
    }
    
    
    #lp-generator {
        position: fixed;
        inset: 0;
        z-index: 99999;
    }
    
    .lp-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,.7);
    }
    
    .lp-box {
        position: relative;
        width: 500px;
        margin: 60px auto;
        background: #222;
        color: #fff;
        padding: 15px;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    
    .lp-box input,
    .lp-box textarea {
        width: 100%;
        padding: 6px;
        border-radius: 5px;
        border: none;
    }
    
    #lp-output {
        height: 120px;
    }
    
    .lp-box button {
        cursor: pointer;
        padding: 6px;
    }
    
    

    0

    6

    выпадающие меню хтмл-верх (стили)

    Код:
    /* Additional menus © max, the murderer! */
    
    /* ===== ВЫПАДАЮЩИЕ МЕНЮ — ИСПРАВЛЕННАЯ ВЕРСИЯ ===== */
    #pun-navlinks .container li {
        position: relative;
    }
    
    /* Невидимый мостик, чтобы мышь не падала в зазор */
    #pun-navlinks .container li::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -10px;
        width: 100%;
        height: 10px;
        background: transparent;
        z-index: 999;
    }
    
    /* Меню первого уровня */
    #pun-navlinks .container li ul {
        position: absolute;
        left: 0;
        top: 100%;           /* было 14px — теперь привязано к низу пункта */
        min-width: 100%;
        width: max-content;
        z-index: 1000;
        background: silver;
        border: 1px solid darkgray;
        box-sizing: border-box;
        
        /* Плавное появление (без scale, чтобы не было артефактов) */
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.1s, opacity 0.1s;
    }
    
    #pun-navlinks .container li:hover ul {
        visibility: visible;
        opacity: 1;
    }
    
    /* Пункты меню — строго в столбик */
    #pun-navlinks .container li ul li {
        margin: 0;
        display: block;      /* это ключевое правило — возвращаем вертикаль */
        white-space: nowrap;
    }
    
    /* Ссылки внутри */
    #pun-navlinks .container li ul li a {
        display: block;
        text-align: left;
        font-size: 1em;
        font-weight: bold;
        padding: 4px 8px;
        margin: 0;
        color: steelblue;
        white-space: nowrap;
    }
    
    /* Меню второго уровня */
    #pun-navlinks .container li ul ul {
        position: absolute;
        left: 100%;
        top: 0;
        width: max-content;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.1s, opacity 0.1s;
    }
    
    /* Появление второго уровня при наведении */
    #pun-navlinks .container li ul li.forms:hover > ul,
    #pun-navlinks .container li ul li:hover > ul {
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Исправление — без замены всего меню */
    #pun-navlinks .container li ul {
        top: 100% !important;
        transform-origin: top !important;
    }
    
    #pun-navlinks .container li::after {
        content: '';
        position: absolute;
        bottom: -12px;
        left: 0;
        width: 100%;
        height: 12px;
        background: transparent;
    }
    </style>

    0

    7

    личная страница хтмл-верх

    Код:
    <!-- Всплывающее окно с информацией ч.1 © sadhaka -->
    <script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>

    0

    8

    личная страница хтмл-низ

    Код:
    <!-- Всплывающее окно с информацией ч.2 © sadhaka -->
    <div id="character" class="reveal-modal xlarge main container">
    <div class='modal_wrap'></div>
    <a class="close-reveal-modal">×</a>
    </div>
    
    <script type="text/javascript">
    function showTab(elem){
        $(".menu span").removeClass("tabactive");
        $(elem).addClass("tabactive");
        $("div.submenutext").hide();
        var activeDiv = $(elem).attr("alt");
        $("div."+activeDiv).fadeIn();
        return false;
    }
    $(".modal-link").click(function() {
            var modId = $(this).attr('id');
    $('.modal_wrap').html('');
    $.get('pages/'+modId, function (data){
        $('.modal_wrap').html($(data).find('.character').html());
    });
    $(".submenutext").hide();
    $(".submenutext:first").show();
    });
    </script>
    

    0

    9

    доп поля админки хтмл-низ

    Код:
    <!-- Админ-меню © max, the murderer! -->
    <script>
        if (GroupID == 1) {
            $('#pun-navlinks .container li#navadmin').append('<ul class="adminmenu"><li><a href="/admin_forums.php">Форумы</a></li><li><a href="/admin_options.php">Настройки</a></li><li class="forms"><a href="/admin_forms.php">Формы</a><ul><li><a href="/admin_forms.php#f-general">HTML-верх / низ</a></li><li><a href="/admin_forms.php#f-announcement">Объявление</a></li><li><a href="/admin_forms.php#f-form-reply">Форма ответа</a></li></ul></li><li><a href="/admin_style.php">Стиль</a></li><li><a href="/admin_files.php">Файлы</a></li><li><a href="/admin_fields.php">Поля профиля</a></li></ul>')
        }
    </script>
    <!-- Профиль-меню © max, the murderer! -->
    <script>
        if (GroupID != 4) {
            $('#pun-navlinks .container li#navprofile').append('<ul class="profilemenu"><li><a href="/profile.php?section=essentials&id='+UserID+'">Основной</a></li><li><a href="/profile.php?section=personal&id='+UserID+'">Персональный</a></li><li><a href="/profile.php?action=upload_avatar&id='+UserID+'">Аватар</a></li><li><a href="/profile.php?section=signature&id='+UserID+'">Подпись</a></li><li><a href="/profile.php?section=fields&id='+UserID+'">Дополнительно</a></li></ul>')
        }
    </script>

    0

    10

    <p>     <a href="https://mmaleficarum.rusff.me/viewtopic.php?id=3&p=2#p128685" title="глава умеренных">
            <img class="need-img" src="https://64.media.tumblr.com/414838f30fff00ae74c4e83653478158/badaca4427aac162-ae/s400x600/c2497e7fea1ec30579a9ef38a879ec05aa25d4ca.gif">
          </a></p>
         <p>       <a href="https://mmaleficarum.rusff.me/viewtopic.php?id=844#p110479" title="председатель триады">
            <img class="need-img" src="https://64.media.tumblr.com/a3929ceb8d9884fe8420a5281b7fa1cb/b95d36cc27195060-9a/s540x810/038bcf2bebbb8cdc92973aed10ee93534a5bdf4e.gif">
          </a></p>

    0

    Быстрый ответ

    Напишите ваше сообщение и нажмите «Отправить»



    Вы здесь » Squirrel test » — волшебники в розыске » seamus finnigan


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