о персонаже![]()
Шеймус Финниган
радикальный сопротивленец
банши
seamus finnigan
Сообщений 1 страница 10 из 10
Поделиться12026-03-03 18:15:07
Поделиться22026-03-03 18:17:36
твинки
seamus finnigan 1980 - muggle-born, resistance.
[indent] твинки: norman oldridge 1965 - pure-blood, death eaters.
tony goldstein 1979 - half-blood, resistance.
Поделиться32026-03-03 18:18:12
плашки










[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]
Поделиться42026-04-19 14:16:32
[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]
Поделиться52026-05-22 07:46:05
стиль личной страницы
/* личная страница */
#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;
}
Поделиться62026-05-22 07:47:41
выпадающие меню хтмл-верх (стили)
/* 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>Поделиться72026-05-22 07:48:12
личная страница хтмл-верх
<!-- Всплывающее окно с информацией ч.1 © sadhaka --> <script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>
Поделиться82026-05-22 07:49:09
личная страница хтмл-низ
<!-- Всплывающее окно с информацией ч.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>
Поделиться92026-05-22 07:49:34
доп поля админки хтмл-низ
<!-- Админ-меню © 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>Поделиться102026-05-30 11:32:30
<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>































