��

mybb@mybb.ru (nagaina) — Sat, 12 Sep 2026 09:34:34 +0300

➡️ �� 1. �� , �� .�� ⭢ �� ⭢ �� .�� :��: ��, �� CSS�� : �� (textarea)��: �� ID �� . � �� MyBB/Rusff �� fld1, fld2, fld3 � �� .�� ID: �� , �� ⭢ �� (Explore) � �� id="fldX" (�� X � �� ).➡️ �� 2. �� , �� , � �� .�� ⭢ �� ⭢ HTML-�� (�� fld1 �� ID �� , �� ):html<script style="text/javascript">
if (window.location.href.indexOf("profile.php?id=") > -1) {
document.addEventListener("DOMContentLoaded", function() {
// �� (�� fld1 �� ID)
var customField = document.querySelector("#fld1");

if (customField) {
// �� , ��
var userCss = customField.value || customField.innerText;

if (userCss.trim() !== "") {
// ��
var styleTag = document.createElement("style");
styleTag.type = "text/css";
styleTag.innerHTML = userCss;
document.getElementsByTagName("head")[0].appendChild(styleTag);
}

// ��: ��
// �� , � ��
var viewField = document.querySelector(".fld-custom-view"); // �� HTML-��
if (viewField) viewField.style.display = "none";
}
});
}
</script>
�� .💡 �� (�� )� �� , �� .�� :css#profile { background-image: url('��_��_��.jpg') !important; background-size: cover; }
�� .�� :css#profile, #profile td, #profile th { color: #ff00ea !important; }
�� .�� :cssbody { cursor: url('��_��_��.cur'), auto !important; }
�� .�� (��, �� CSS-��, � �� -��, � �� ), �� .�� :�� ID �� ?�� , �� CSS-�� ?�� . �� . �� , ��, ��, �� , �� , �� , �� MyBB / Rusff, �� (��, ��, ��), �� , � �� , �� -�� .�� Rusff �� (profile.php?section=essentials �� personal) ��, � �� HTML-��, �� . �� ID �� , � �� MyBB �� .➡️ �� 1. �� , �� .�� ⭢ �� ⭢ �� .�� :��: �� (�� ).��: �� (textarea �� ).��: �� (�� , �� ).�� ID �� (��, fld4). �� , �� .➡️ �� 2. �� , �� , �� HTML-�� -��.�� (�� ) �� HTML-��.html
<div class="fitting-room-container">


<div class="inventory-left">
<h3>�� </h3>


<div class="inventory-section">
<h4>�� </h4>
<div class="inventory-grid">

<div class="inv-item" data-type="bg" data-value="https://imgur.com">
<img src="https://imgur.com" alt="��">
<span>�� </span>
</div>
<div class="inv-item" data-type="bg" data-value="https://imgur.com">
<img src="https://imgur.com" alt="��">
<span>��-��</span>
</div>
</div>
</div>

<div class="inventory-section">
<h4>�� / ��</h4>
<div class="inventory-grid">

<div class="inv-item" data-type="badge" data-value="https://imgur.com">
<img src="https://imgur.com" alt="�� 1">
<span>��</span>
</div>
</div>
</div>
</div>

<div class="preview-right">
<h3>�� </h3>

<div id="preview-profile-card" class="profile-card-mock">
<div class="avatar-container">
<img src="https://forum.ru" class="preview-avatar" alt="��">

<div id="preview-badge-slot" class="badge-slot"></div>
</div>
<div class="preview-user-info">
<div class="preview-username">�� </div>
<div class="preview-usertitle">�� / ��</div>
</div>
</div>
</div>

</div>
�� .➡️ �� 3. �� (� HTML-�� )�� (�� ⭢ �� ⭢ �� ) � �� , �� -�� .�� #fld4 �� ID �� .html<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
// === �� ===
var FIELD_SELECTOR = "#fld4"; // ID ��

// ��, ��
var isEditProfile = window.location.href.indexOf("profile.php") > -1 && (document.querySelector(FIELD_SELECTOR));
// ��, �� (� MyBB �� profile.php?id=X)
var isViewProfile = window.location.href.indexOf("profile.php?id=") > -1;

// �� , ��
if (document.querySelector(FIELD_SELECTOR)) {
document.querySelector(FIELD_SELECTOR).style.display = "none";
}

// 1. ��
if (isEditProfile) {
var storageField = document.querySelector(FIELD_SELECTOR);
var previewCard = document.querySelector("#preview-profile-card");
var previewBadge = document.querySelector("#preview-badge-slot");

// ��
var currentSelection = { bg: "", badge: "" };

// ��
try {
if (storageField.value.trim() !== "") {
currentSelection = JSON.parse(storageField.value);
// ��
if (currentSelection.bg) previewCard.style.backgroundImage = "url('" + currentSelection.bg + "')";
if (currentSelection.badge) previewBadge.innerHTML = "<img src='" + currentSelection.badge + "'>";

// ��
document.querySelectorAll(".inv-item").forEach(function(item) {
var type = item.getAttribute("data-type");
var val = item.getAttribute("data-value");
if (currentSelection[type] === val) item.classList.add("active-item");
});
}
} catch(e) { console.log("�� "); }

// ��
document.querySelectorAll(".inv-item").forEach(function(item) {
item.addEventListener("click", function() {
var type = this.getAttribute("data-type"); // bg �� badge
var value = this.getAttribute("data-value"); // URL ��

// �� (��)
if (this.classList.contains("active-item")) {
this.classList.remove("active-item");
currentSelection[type] = "";
if (type === "bg") previewCard.style.backgroundImage = "none";
if (type === "badge") previewBadge.innerHTML = "";
} else {
// ��
document.querySelectorAll('.inv-item[data-type="' + type + '"]').forEach(function(el) {
el.classList.remove("active-item");
});
// ��
this.classList.add("active-item");
currentSelection[type] = value;

// ��
if (type === "bg") {
previewCard.style.backgroundImage = "url('" + value + "')";
}
if (type === "badge") {
previewBadge.innerHTML = "<img src='" + value + "'>";
}
}

// �� JSON-�� .
// �� "��" �� , MyBB �� .
storageField.value = JSON.stringify(currentSelection);
});
});
}

// 2. �� (�� )
if (isViewProfile) {
// �� , �� MyBB �� . �� fld4
// �� Rusff �� . �� .fld-��
// �� , �� , �� .

var profileDataBlock = document.querySelector(".fld-custom-view") || document.querySelector("#profile");
// ��: �� , ��, �� "�� ".

// �� : �� JSON � �� , ��
// ��, �� . �� , �� {"bg":...}
var allHtml = document.body.innerHTML;
var match = allHtml.match(/\{"bg":[^]*?"badge":[^]*?\}/);

if (match) {
try {
var savedData = JSON.parse(match[0]);

// �� (�� #profile �� )
if (savedData.bg) {
var realProfileCard = document.querySelector("#profile") || document.querySelector(".profile-view");
if (realProfileCard) {
realProfileCard.style.backgroundImage = "url('" + savedData.bg + "')";
realProfileCard.style.backgroundSize = "cover";
realProfileCard.style.backgroundPosition = "center";
}
}

// �� /��
if (savedData.badge) {
var realAvatarContainer = document.querySelector(".profile-avatar") || document.querySelector(".user-avatar");
if (realAvatarContainer) {
// ��/��
var badgeImg = document.createElement("img");
badgeImg.src = savedData.badge;
badgeImg.className = "applied-profile-badge";
badgeImg.style.position = "absolute";
// �� CSS
realAvatarContainer.style.position = "relative";
realAvatarContainer.appendChild(badgeImg);
}
}
} catch(e) { console.log("�� "); }
}
}
});
</script>
�� .➡️ �� 4. �� (CSS) �� ⭢ �� ⭢ �� (CSS), �� .css/* �� */
.fitting-room-container {
display: flex;
gap: 20px;
margin-top: 15px;
background: #1a1a1a;
padding: 15px;
border-radius: 8px;
color: #fff;
}
.inventory-left {
flex: 1;
max-height: 400px;
overflow-y: auto;
padding-right: 10px;
}
.inventory-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
gap: 10px;
margin-bottom: 15px;
}
/* �� */
.inv-item {
background: #2a2a2a;
border: 2px solid transparent;
border-radius: 6px;
padding: 5px;
text-align: center;
cursor: pointer;
transition: 0.2s;
}
.inv-item:hover {
background: #3a3a3a;
border-color: #555;
}
.inv-item img {
width: 100%;
height: auto;
border-radius: 4px;
}
.inv-item span {
display: block;
font-size: 10px;
margin-top: 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* �� */
.inv-item.active-item {
border-color: #00ffcc !important;
background: #1f3a35;
box-shadow: 0 0 8px rgba(0, 255, 204, 0.4);
}

/* �� : �� */
.preview-right {
width: 300px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #111;
border-radius: 8px;
padding: 15px;
}
.profile-card-mock {
width: 100%;
height: 220px;
background-color: #222;
background-size: cover;
background-position: center;
border-radius: 6px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: background 0.3s ease;
position: relative;
border: 1px solid #333;
}
.avatar-container {
position: relative;
width: 90px;
height: 90px;
}
.preview-avatar {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}
/* �� /�� */
.badge-slot {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none; /* �� */
}
.badge-slot img {
width: 100%;
height: 100%;
}
.preview-user-info {
text-align: center;
margin-top: 10px;
background: rgba(0,0,0,0.6);
padding: 5px 10px;
border-radius: 4px;
}
�� .�� :�� .�� . �� CSS-�� background-image (�� ) � �� .�� (��: {"bg":"��","badge":"��"}) � �� textarea.�� . �� MyBB, � �� .�� , �� , �� .�� CSS-�� konami.rusff.me, �� , �� (HTML-��), � � �� . �� ID �� ?

�� -��

mybb@mybb.ru (nagaina) — Thu, 18 Sep 2025 19:35:59 +0300

��:

#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2 {
    height: 34px;
    width: 1002px;
    z-index: 1;
    margin: 0px 0px 12px -2px;
    position: relative;
    border-bottom: 1px solid var(--bord);
}
#pun-category1.category h2 {background: var(--category1);}
#pun-category2.category h2 {background: var(--category2);}
#pun-category3.category h2 {background: var(--category3);}
#pun-category4.category h2 {background: var(--category4);}
#pun-category5.category h2 {background: var(--category5);}
#pun-category6.category h2 {background: var(--category6);}

��

mybb@mybb.ru (nagaina) — Sun, 14 Sep 2025 10:05:10 +0300

��:

<div id="plahee">

<!-------1 ������------->
<div class="plaha">
<div class="plaha_date">10.08</div>
<div class="txt"><div class="txt_big"><a href="������">������ �������</a></div><div class="txt_lit">Lorem Ipsum is simply </div></div></div>

<!-------1 ������------->
<div class="plaha">
<div class="plaha_date">10.08</div>
<div class="txt"><div class="txt_big"><a href="������">������ �������</a></div><div class="txt_lit">Lorem Ipsum is simply </div></div></div>

</div>

<div id="plahee1">
<!-------1 ������------->
<div class="plaha">
<div class="plaha_date">10.08</div>
<div class="txt"><div class="txt_big"><a href="������">������ �������</a></div><div class="txt_lit">Lorem Ipsum is simply </div></div></div>

<!-------1 ������------->
<div class="plaha">
<div class="plaha_date">10.08</div>
<div class="txt"><div class="txt_big"><a href="������">������ �������</a></div><div class="txt_lit">Lorem Ipsum is simply </div></div></div>

</div>



<!-------������ �� ������------->
<div id="SSULKI">

<!-------������------->
<div class="SSULKA" style="background: #f5e0da;"><a href="������">������ ���</a></div>

<!-------������------->
<div class="SSULKA"><a href="������">������ ���</a></div>

<!-------������------->
<div class="SSULKA"><a href="������">������ ���</a></div>

</div>

<!-------��������------->
<div class="procenty">100%</div>

<!-------������------->
<div class="citata">Lorem Ipsum is simply dummy text of the printing and typesetting  </div>

nagaina

�������� ���������

����� ������� ���� �� �������� �����-������ ����� �������

������

��

�� -��

��