necro test

��

mybb@mybb.ru (necromancer) — Wed, 30 Sep 2026 11:08:47 +0300

[hideprofile][html]<div class="pp-bingo">

<div class="pp-bingo-title">
THE FORUM BINGO
</div>

</div>

<div class="pp-bingo-success" id="ppBingoSuccess">
<span>✦</span>
BINGO
<span>✦</span>
</div>

</div>

<style>

/* =========================================
PRAY & PREY BINGO
========================================= */

.pp-bingo {
--green: #415549;
--beige: #cabeae;
--cream: #f4f4f4;
--white: #ffffff;
--muted: #8d8d88;

max-width: 920px;

margin: 50px auto;
padding: 48px;

box-sizing: border-box;

background: var(--cream);

border-radius: 42px;

color: var(--green);

font-family:
Arial,
Helvetica,
sans-serif;

box-shadow:
0 20px 55px rgba(65,85,73,.08);
}

/* HEADER */

.pp-bingo-header {
text-align: center;

margin-bottom: 35px;
}

.pp-bingo-kicker {

margin-bottom: 10px;

color: var(--beige);

font-size: 10px;

font-weight: bold;

letter-spacing: 4px;

text-transform: uppercase;
}

.pp-bingo-title {

font-family:
'TheSilverEditorial',
Georgia,
serif;

font-size: 34px;

letter-spacing: 4px;

line-height: 1;

color: var(--green);
}

.pp-bingo-subtitle {

margin-top: 12px;

color: var(--muted);

font-size: 9px;

letter-spacing: 2px;

text-transform: uppercase;
}

/* BOARD */

.pp-bingo-board {

display: grid;

grid-template-columns:
repeat(4, 1fr);

overflow: hidden;

background: var(--white);

border:
2px solid var(--green);

border-radius: 28px;
}

/* CELL */

.pp-bingo-cell {

position: relative;

min-height: 155px;

padding: 24px 18px;

box-sizing: border-box;

display: flex;

align-items: center;

justify-content: center;

text-align: center;

background: var(--white);

color: var(--green);

border-right:
1px solid var(--beige);

border-bottom:
1px solid var(--beige);

cursor: pointer;

font-size: 12px;

line-height: 1.45;

transition:
background .25s ease,
color .25s ease,
transform .2s ease;
}

/* REMOVE LAST BORDERS */

.pp-bingo-cell:nth-child(4n) {
border-right: none;
}

.pp-bingo-cell:nth-last-child(-n+4) {
border-bottom: none;
}

/* HOVER */

.pp-bingo-cell:not(.free):hover {

background: #faf9f6;

transform: scale(.985);
}

/* SELECTED */

.pp-bingo-cell.checked {

background: var(--green);

color: var(--cream);

}

/* CHECK */

.pp-bingo-cell.checked::after {

content: "✓";

position: absolute;

top: 10px;
right: 10px;

width: 23px;
height: 23px;

display: flex;

align-items: center;
justify-content: center;

border-radius: 50%;

background: var(--beige);

color: var(--green);

font-size: 11px;

font-weight: bold;
}

/* FREE */

.pp-bingo-cell.free {

background: var(--beige);

color: var(--green);

cursor: default;

font-family:
'TheSilverEditorial',
Georgia,
serif;

font-size: 27px;

letter-spacing: 3px;
}

/* SUCCESS */

.pp-bingo-success {

height: 0;

overflow: hidden;

opacity: 0;

display: flex;

align-items: center;

justify-content: center;

gap: 14px;

color: var(--green);

font-family:
'TheSilverEditorial',
Georgia,
serif;

font-size: 24px;

letter-spacing: 4px;

transition:
height .3s ease,
opacity .3s ease;
}

.pp-bingo-success.visible {

height: 65px;

opacity: 1;
}

.pp-bingo-success span {

color: var(--beige);

font-size: 12px;
}

/* FOOTER */

.pp-bingo-bottom {

display: flex;

align-items: center;

justify-content: space-between;

gap: 25px;

margin-top: 25px;
}

/* COUNTER */

.pp-bingo-counter {

color: var(--muted);

font-size: 9px;

letter-spacing: 2px;

text-transform: uppercase;

white-space: nowrap;
}

.pp-bingo-counter strong {

color: var(--green);

font-size: 12px;
}

/* BUTTONS */

.pp-bingo-actions {

display: flex;

gap: 9px;

flex-wrap: wrap;

justify-content: flex-end;
}

.pp-bingo-button {

padding:
12px
20px;

border: none;

border-radius: 25px;

font-size: 9px;

font-weight: bold;

letter-spacing: 1.5px;

text-transform: uppercase;

cursor: pointer;

transition:
transform .2s ease,
opacity .2s ease;
}

.pp-bingo-button:hover {

transform: translateY(-2px);

opacity: .88;
}

.pp-bingo-button.primary {

background: var(--green);

color: var(--cream);
}

.pp-bingo-button.secondary {

background: var(--beige);

color: var(--green);
}

/* MOBILE */

@media (max-width: 700px) {

.pp-bingo {

padding: 25px 15px;

border-radius: 28px;
}

.pp-bingo-title {

font-size: 27px;
}

.pp-bingo-cell {

min-height: 115px;

padding: 14px 7px;

font-size: 10px;
}

.pp-bingo-cell.free {

font-size: 20px;
}

.pp-bingo-bottom {

flex-direction: column;

align-items: stretch;
}

.pp-bingo-actions {

justify-content: stretch;
}

.pp-bingo-button {

flex: 1;

padding-left: 10px;
padding-right: 10px;
}

}

</style>

/* =========================================
BINGO DATA
========================================= */

const ppBingoItems = [

"�� ",

"�� 10 000 ��",

"�� ",

"�� , �� ",

"�� ",

"��, �� ",

"�� ",

"�� , �� ",

"�� ",

"�� , �� ",

"�� ",

"�� , � �� ",

"�� ",

"�� NPC �� ",

"�� ",

"�� , �� ",

"�� ",

"�� -�� ",

"�� ",

"�� , � �� ",

"�� ",

"�� "
];

/* =========================================
STATE
========================================= */

let ppBingoSelected = 0;

/* =========================================
SHUFFLE
========================================= */

function ppBingoShuffle(array) {

const shuffled = [...array];

for (
let i = shuffled.length - 1;
i > 0;
i--
) {

const j =
Math.floor(
Math.random() * (i + 1)
);

[
shuffled[i],
shuffled[j]
] = [
shuffled[j],
shuffled[i]
];
}

return shuffled;
}

/* =========================================
CREATE BOARD
========================================= */

function ppBingoCreate() {

const board =
document.getElementById(
"ppBingoBoard"
);

board.innerHTML = "";

const items =
ppBingoShuffle(
ppBingoItems
);

let itemIndex = 0;

for (
let i = 0;
i < 16;
i++
) {

const cell =
document.createElement("div");

cell.className =
"pp-bingo-cell";

/*
* FREE ��
* � �� 6
*/

if (i === 5) {

cell.classList.add("free");

cell.textContent = "FREE";

}

else {

cell.textContent =
items[itemIndex++];

cell.addEventListener(
"click",
function () {

ppBingoToggle(cell);

}
);
}

board.appendChild(cell);
}

ppBingoSelected = 0;

ppBingoUpdateCounter();

ppBingoCheck();
}

/* =========================================
TOGGLE CELL
========================================= */

function ppBingoToggle(cell) {

cell.classList.toggle(
"checked"
);

ppBingoSelected =
document.querySelectorAll(
".pp-bingo-cell.checked"
).length;

ppBingoUpdateCounter();

ppBingoCheck();
}

/* =========================================
COUNTER
========================================= */

function ppBingoUpdateCounter() {

document.getElementById(
"ppBingoCount"
).textContent =
ppBingoSelected;
}

/* =========================================
CHECK BINGO
========================================= */

function ppBingoCheck() {

const cells =
[
...document.querySelectorAll(
".pp-bingo-cell"
)
];

/*
* FREE ��
*/

const isChecked = index => {

return (
cells[index].classList.contains(
"checked"
)
||
cells[index].classList.contains(
"free"
)
);
};

const lines = [

/* rows */

[0,1,2,3],
[4,5,6,7],
[8,9,10,11],
[12,13,14,15],

/* columns */

[0,4,8,12],
[1,5,9,13],
[2,6,10,14],
[3,7,11,15],

/* diagonals */

[0,5,10,15],
[3,6,9,12]

];

const bingo =
lines.some(
line =>
line.every(
index =>
isChecked(index)
)
);

const success =
document.getElementById(
"ppBingoSuccess"
);

if (bingo) {

success.classList.add(
"visible"
);

}

else {

success.classList.remove(
"visible"
);

}

/* =========================================
RESET
========================================= */

function ppBingoReset() {

document
.querySelectorAll(
".pp-bingo-cell.checked"
)
.forEach(
cell =>
cell.classList.remove(
"checked"
)
);

ppBingoSelected = 0;

ppBingoUpdateCounter();

ppBingoCheck();
}

/* =========================================
NEW CARD
========================================= */

function ppBingoNew() {

ppBingoCreate();

}

/* =========================================
INSERT
========================================= */

function ppBingoInsert() {

const cells =
[
...document.querySelectorAll(
".pp-bingo-cell"
)
];

const selected =
cells
.filter(
cell =>
cell.classList.contains(
"checked"
)
)
.map(
cell =>
cell.textContent
);

if (!selected.length) {

alert(
"�� і��і�� і�� ✦"
);

return;
}

const text =
"✦ PRAY & PREY BINGO ✦\n\n" +
selected
.map(
item =>
"☑ " + item
)
.join("\n");

/*
* �� і�є��
* � �� і��.
*
* �і��і�� і��
* �� .
*/

navigator.clipboard
.writeText(text)
.then(
() => {

alert(
"�� ✦\n\n" +
"Bingo ��і��. " +
"�� і��і��."
);

}
);

}

/* =========================================
BUTTONS
========================================= */

document
.getElementById(
"ppBingoReset"
)
.addEventListener(
"click",
ppBingoReset
);

document
.getElementById(
"ppBingoNew"
)
.addEventListener(
"click",
ppBingoNew
);

document
.getElementById(
"ppBingoInsert"
)
.addEventListener(
"click",
ppBingoInsert
);

/* =========================================
START
========================================= */

ppBingoCreate();

</script>[/html]

��

mybb@mybb.ru (necromancer) — Wed, 02 Sep 2026 22:02:33 +0300

[html]

<style>

/* =========================================
��
========================================= */

.news-wrap {
width: 600px;
margin: 0 auto;
padding: 0 20px 25px;
box-sizing: border-box;
}

/* =========================================
��
========================================= */

.news-heading {
position: relative;
z-index: 1;

width: 100%;
margin: 0 0 -12px 0;
padding: 0;

text-align: center;

font-family: 'TheSilverEditorial', serif;
font-size: 62px;
font-weight: normal;
font-style: italic;
text-transform: uppercase;
line-height: 1.1;

color: #ffffff;

-webkit-text-stroke: 0.5px #999999;
}

/* =========================================
��
========================================= */

.news-main {
position: relative;
z-index: 2;

width: 100%;
box-sizing: border-box;

padding: 22px;

background: #ffffff;

border-radius: 14px;

box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

/* =========================================
��
========================================= */

.news-card {
width: 100%;
box-sizing: border-box;

background: #f4f4f4;

border-radius: 8px;

overflow: hidden;
}

/* =========================================
��
========================================= */

.news-image {
width: 100%;
height: 190px;

overflow: hidden;

position: relative;
}

.news-image img {
width: 100%;
height: 100%;

display: block;

object-fit: cover;

filter: none;
}

/* =========================================
��
========================================= */

.news-info {
padding: 18px 20px 4px;

text-align: center;
}

.news-title {
margin: 0;

font-family: Arial, sans-serif;

font-size: 15px;
font-weight: 700;

text-transform: uppercase;

color: #333333;
}

.news-date {
margin-top: 5px;

font-family: Arial, sans-serif;

font-size: 9px;
font-weight: 600;

text-transform: uppercase;
letter-spacing: 1px;

color: #777777;
}

.news-note {
margin: 8px 0 0;

font-family: Georgia, serif;

font-size: 9px;
font-style: italic;

color: #999999;
}

/* =========================================
��
========================================= */

.news-text {
padding: 8px 20px 25px;

font-family: Arial, sans-serif;

font-size: 11px;

line-height: 1.65;

color: #222222;

text-align: justify;
}

.news-text p {
margin: 8px 0;
}

.news-text a {
color: #8a622e;

text-decoration: none;
}

/* =========================================
��
========================================= */

.faq-section {
position: relative;

margin: 24px 0 0;
}

.faq-section:first-child {
margin-top: 13px;
}

/* =========================================
��
========================================= */

.faq-title {
position: relative;
z-index: 2;

display: inline-block;

margin: 3px 0 13px -5px;

background:
linear-gradient(
100deg,
#71878a 0%,
#87999a 20%,
#788d90 50%,
#91a0a0 75%,
#6e8386 100%
);

font-family: Arial, sans-serif;

font-size: 10px;
font-weight: 700;

line-height: 1.2;

text-transform: uppercase;
letter-spacing: 0.5px;

color: #f4eee2;

text-align: left;

transform: rotate(-0.6deg);

box-shadow:
0 2px 4px rgba(0,0,0,0.16),
inset 0 0 10px rgba(100,70,35,0.08);
}

/* =========================================
��
========================================= */

.faq-title:before {
content: "";

position: absolute;
z-index: -1;

top: -3px;
right: -5px;
bottom: -3px;
left: -5px;

background: #677683;

clip-path: polygon(
0% 8%,
4% 2%,
9% 5%,
15% 1%,
22% 4%,
30% 1%,
38% 5%,
46% 2%,
55% 4%,
63% 1%,
71% 5%,
80% 2%,
88% 5%,
95% 1%,
100% 7%,

99% 94%,
94% 98%,
87% 95%,
78% 99%,
69% 96%,
60% 99%,
51% 95%,
42% 99%,
33% 96%,
24% 99%,
15% 95%,
7% 99%,
0% 93%
);
}

/* =========================================
��
========================================= */

.faq-section:nth-child(2n) .faq-title {
transform: rotate(2deg);
}

.faq-section:nth-child(3n) .faq-title {
transform: rotate(-1deg);
}

.faq-section:nth-child(4n) .faq-title {
transform: rotate(0.3deg);
}

/* =========================================
��
========================================= */

.faq-small {
margin-top: 25px;

padding-top: 10px;

border-top: 1px solid #dddddd;

font-family: Georgia, serif;

font-size: 9px;
font-style: italic;

color: #999999;

text-align: center;
}

</style>

<div class="news-heading">
faq × ��
</div>

<div class="news-main">

<div class="news-image">

</div>

<div class="news-info">

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

[/html]

necro test

��������

���

��

��