active
Страница: 1
Тема закрыта
Сообщений 1 страница 17 из 17
Поделиться112-04-2026 07:54:54
- манал я твои думы
- Сообщений: 2797
- посты: 3 536,1/0 04.26,1/0
- Уважение: +6410
- жетоны:
25 890 
[html]<style>
.custom-table {
width: 100%;
border-collapse: separate; /* Обязательно для border-spacing */
border-spacing: 20px; /* Расстояние между ячейками — 20 px */
background: transparent; /* Полностью прозрачный фон таблицы */
margin: 0 auto; /* Центрирование таблицы */
}
.custom-table td {
padding: 15px;
text-align: center;
vertical-align: top;
border: none; /* Прозрачные границы (удалены) */
background: rgba(255, 255, 255, 0.6); /* Полупрозрачный белый фон ячеек */
border-radius: 10px; /* Закруглённые углы ячеек */
border: 1px solid transparent;
}
/* Стили для ссылок */
.custom-table a {
color: #2c5aa0; /* Синий цвет ссылок */
text-decoration: none;
font-weight: bold;
}
.custom-table a:hover {
text-decoration: underline;
color: #1a3e72; /* Тёмно‑синий при наведении */
}
</style>
<table class="custom-table" style="table-layout: fixed;">
<tr>
<td>
<b>лоу</b>
</td>
<td>
<b>отсутствие</b><br><br>
<a href="https://player.rusff.me/profile.php?id=215">Sohn Youngjae — 05.06</a><br>
<a href="https://player.rusff.me/profile.php?id=262">Kim Namjoon — 05.06</a><br>
<a href="https://player.rusff.me/profile.php?id=292">Kunpimook Bhuwakul — 05.06</a><br>
<a href="https://player.rusff.me/profile.php?id=360">Huening Kai — 05.06</a><br>
<a href="https://player.rusff.me/profile.php?id=367">Lee Minho — 05.06</a><br>
<a href="https://player.rusff.me/profile.php?id=372">Hannah Bahng</a> — 05.06<br>
<a href="https://player.rusff.me/profile.php?id=84">kang taehyun</a> — 20.05<br>
<a href="https://player.rusff.me/profile.php?id=163">Cha Eunwoo</a> — 20.05<br></a>
<a href="https://player.rusff.me/profile.php?id=173">Hwang Intak — 20.05<br></a>
<a href="https://player.rusff.me/profile.php?id=177">Yoon Jeonghan — 20.05<br></a>
<a href="https://player.rusff.me/profile.php?id=170">Hokazono Iroha — 20.05<br></a>
<a href="https://player.rusff.me/profile.php?id=320">Xiao Dejun — 20.05<br> </a>
<a href="https://player.rusff.me/profile.php?id=206">Huening Bahiyyih</a> — 20.05
</td>
</tr>
</table>
[/html]
Поделиться208-05-2026 08:16:53
- Администратор
- Сообщений: 703
- Уважение: +1908
[hideprofile][html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>K-POP форум · Достижения (награды под каждым блоком)</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;400;500;600;700;800&display=swap" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: linear-gradient(145deg, #f5f7fc 0%, #eef2f8 100%);
font-family: 'Inter', system-ui, sans-serif;
padding: 2rem 1.5rem;
color: #1a2c3e;
}
.achievements-container {
max-width: 1060px;
margin: 0 auto;
}
/* общий стиль секции (карточка + награда под ней) */
.section-wrapper {
margin-bottom: 2rem;
max-width: 250px;
}
/* основная табличка с достижениями */
.section-card {
background: rgba(255, 255, 255, 0.92);
backdrop-filter: blur(2px);
border-radius: 2rem;
padding: 1.8rem 2rem 1.8rem;
border: 1px solid rgba(255, 255, 255, 0.7);
}
.section-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 1.6rem;
border-left: 5px solid #e35f6e;
padding-left: 1rem;
}
.section-header h2 {
font-size: 1.8rem;
font-weight: 800;
background: linear-gradient(135deg, #1f2f3e, #e35f6e);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
.achievement-list {
display: flex;
flex-direction: column;
gap: 1rem;
}
.achievement-row {
display: flex;
flex-wrap: wrap;
background: #ffffffcc;
border-radius: 1.4rem;
padding: 0.9rem 1.2rem;
transition: all 0.25s ease;
border: 1px solid #f0f3fa;
}
.achievement-row:hover {
background: white;
border-color: #ffe2e6;
transform: translateX(4px);
}
.achievement-title {
width: 30%;
min-width: 150px;
font-weight: 800;
font-size: 1rem;
color: #1e2f3c;
display: flex;
align-items: center;
gap: 8px;
pointer-events: none;
}
.achievement-title::before {
content: "✦";
color: #e35f6e;
font-size: 1.1rem;
}
.achievement-desc {
width: 70%;
flex: 1;
color: #4b5f7a;
line-height: 1.45;
font-size: 0.92rem;
cursor: pointer;
border-bottom: 1px dashed #e35f6e50;
padding: 4px 0;
}
/* ===== БЛОК НАГРАДЫ ПОД КАРТОЧКОЙ (слева) ===== */
.reward-under {
margin-top: 1rem;
padding: 0 0.5rem;
}
.reward-block {
background: linear-gradient(135deg, #fff5eb 0%, #fffaf5 100%);
border-radius: 1.5rem;
padding: 1rem 1.5rem;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
border: 1px solid #ffe0c0;
box-shadow: 0 4px 12px rgba(227, 95, 110, 0.08);
transition: all 0.2s ease;
}
.reward-block:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(227, 95, 110, 0.12);
border-color: #e35f6e40;
}
.reward-icon {
font-size: 2rem;
filter: drop-shadow(0 2px 6px rgba(0,0,0,0.1));
background: white;
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 60px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.reward-info {
flex: 1;
text-align: left;
}
.reward-label {
display: inline-block;
background: #e35f6e;
color: white;
font-size: 0.65rem;
font-weight: 700;
padding: 0.2rem 0.8rem;
border-radius: 30px;
letter-spacing: 0.5px;
margin-bottom: 0.5rem;
}
.reward-title {
font-size: 1.1rem;
font-weight: 800;
background: linear-gradient(135deg, #c25a3e, #e35f6e);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
margin-bottom: 0.2rem;
text-align: left;
}
.reward-desc {
font-size: 0.8rem;
color: #7a6a5c;
font-weight: 500;
display: flex;
gap: 1rem;
flex-wrap: wrap;
justify-content: flex-start;
}
.reward-badge {
background: #f0e4d8;
padding: 0.2rem 0.7rem;
border-radius: 30px;
font-size: 0.7rem;
font-weight: 600;
color: #c25a3e;
}
@media (max-width: 700px) {
body {
padding: 1rem;
}
.section-card {
padding: 1.2rem;
}
.achievement-row {
flex-direction: column;
gap: 0.5rem;
}
.achievement-title {
width: 100%;
}
.achievement-desc {
width: 100%;
padding-left: 0.8rem;
border-left: 2px solid #ffe2e6;
}
.section-header h2 {
font-size: 1.4rem;
}
.reward-block {
flex-direction: column;
text-align: center;
}
.reward-info {
text-align: center;
}
.reward-desc {
justify-content: center;
}
}
.footer-note {
text-align: center;
font-size: 0.75rem;
color: #8f9eb2;
margin-top: 1rem;
padding-top: 1.5rem;
border-top: 1px solid rgba(0,0,0,0.05);
}
/* тост */
.toast-message {
position: fixed;
bottom: 30px;
left: 50%;
transform: translateX(-50%) scale(0.9);
background: #1f2f3e;
color: white;
padding: 12px 24px;
border-radius: 50px;
font-weight: 600;
font-size: 0.95rem;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
z-index: 1000;
opacity: 0;
transition: opacity 0.2s, transform 0.2s;
pointer-events: none;
white-space: nowrap;
font-family: 'Inter', sans-serif;
}
.toast-message.show {
opacity: 1;
transform: translateX(-50%) scale(1);
}
@media (max-width: 700px) {
.toast-message {
white-space: normal;
text-align: center;
max-width: 80%;
padding: 10px 20px;
font-size: 0.85rem;
}
}
</style>
</head>
<body>
<div class="achievements-container">
<!-- ========= РАЗДЕЛ 1: АКТИВНОСТЬ + НАГРАДА ПОД НИМ ========= -->
<div class="section-wrapper">
<div class="section-card">
<div class="section-header">
<h2>♦ активность</h2>
</div>
<div class="achievement-list">
<div class="achievement-row">
<div class="achievement-title">первый виток орбиты</div>
<div class="achievement-desc" data-toast="100 жетонов">3 000 сообщений. ты завершил свой первый полный оборот вокруг солнца</div>
</div>
<div class="achievement-row">
<div class="achievement-title">сквозь туман и свет</div>
<div class="achievement-desc" data-toast="100 жетонов">7 000 сообщений. ты научился находить путь даже в самые безлунные ночи</div>
</div>
<div class="achievement-row">
<div class="achievement-title">сияющее созвездие</div>
<div class="achievement-desc" data-toast="100 жетонов">12 000 сообщений. твои слова сложились в узор, что озаряет небосклон</div>
</div>
<div class="achievement-row">
<div class="achievement-title">след путешественника</div>
<div class="achievement-desc" data-toast="100 жетонов">20 000 сообщений. ты прошёл столько, что твои путевые заметки могли бы составить целую летопись.</div>
</div>
<div class="achievement-row">
<div class="achievement-title">заря нового пути</div>
<div class="achievement-desc" data-toast="100 жетонов">12 часов онлайн. ты увидел первые лучи солнца на своём новом пути.</div>
</div>
</div>
</div>
<!-- НАГРАДА ПОД БЛОКОМ АКТИВНОСТЬ -->
<div class="reward-under">
<div class="reward-block">
<div class="reward-icon">��</div>
<div class="reward-info">
<div class="reward-label">✦ награда за раздел ✦</div>
<div class="reward-title">легендарный титул «Хранитель орбиты»</div>
<div class="reward-desc">
<span>+ 5 000 жетонов</span>
<span class="reward-badge">уникальная рамка</span>
<span class="reward-badge">особый статус</span>
</div>
</div>
</div>
</div>
</div>
<!-- ========= РАЗДЕЛ 2: ЖЕТОНЫ + НАГРАДА ПОД НИМ ========= -->
<div class="section-wrapper">
<div class="section-card">
<div class="section-header">
<h2>♦ жетоны</h2>
</div>
<div class="achievement-list">
<div class="achievement-row">
<div class="achievement-title">звёздная пыль</div>
<div class="achievement-desc" data-toast="100 жетонов">накопить 50 000 жетонов. твои сбережения легли в основу грядущих свершений.</div>
</div>
<div class="achievement-row">
<div class="achievement-title">созвездие изобилия</div>
<div class="achievement-desc" data-toast="100 жетонов">накопить 100 000 жетонов. ты собрал достаточно звёзд, чтобы осветить свой путь к процветанию.</div>
</div>
<div class="achievement-row">
<div class="achievement-title">шёпот созвездия</div>
<div class="achievement-desc" data-toast="100 жетонов">накопить 200 000 жетонов. твои сокровища зовут тебя к новым горизонтам, обещая невероятные возможности.</div>
</div>
<div class="achievement-row">
<div class="achievement-title">вечный сад</div>
<div class="achievement-desc" data-toast="100 жетонов">накопить 500 000 жетонов. твои богатства расцвели пышным садом, где каждое растение — новая возможность.</div>
</div>
</div>
</div>
<!-- НАГРАДА ПОД БЛОКОМ ЖЕТОНЫ -->
<div class="reward-under">
<div class="reward-block">
<div class="reward-icon">��</div>
<div class="reward-info">
<div class="reward-label">✦ награда за раздел ✦</div>
<div class="reward-title">золотой сундук «Повелитель жетонов»</div>
<div class="reward-desc">
<span>Ч2 множитель жетонов</span>
<span class="reward-badge">эксклюзивный баннер</span>
<span class="reward-badge">золотая ава</span>
</div>
</div>
</div>
</div>
</div>
<!-- ========= РАЗДЕЛ 3: ИГРОВОЕ + НАГРАДА ПОД НИМ ========= -->
<div class="section-wrapper">
<div class="section-card">
<div class="section-header">
<h2>♦ игровое</h2>
</div>
<div class="achievement-list">
<div class="achievement-row">
<div class="achievement-title">квантовый след</div>
<div class="achievement-desc" data-toast="100 жетонов">10 постов. твоя воля впервые проявилась в море возможностей, обретая форму.</div>
</div>
<div class="achievement-row">
<div class="achievement-title">шёпот древних</div>
<div class="achievement-desc" data-toast="100 жетонов">20 постов. твой голос достиг священных мест, и мир начал тебе внимать.</div>
</div>
<div class="achievement-row">
<div class="achievement-title">воля эона</div>
<div class="achievement-desc" data-toast="100 жетонов">35 постов. ты стал воплощением концепции, чьё влияние ощущается в каждом аспекте бытия.</div>
</div>
<div class="achievement-row">
<div class="achievement-title">зал вечности</div>
<div class="achievement-desc" data-toast="100 жетонов">50 постов. ты обрёл своё место в залах памяти, где истории обретают бессмертие.</div>
</div>
</div>
</div>
<!-- НАГРАДА ПОД БЛОКОМ ИГРОВОЕ -->
<div class="reward-under">
<div class="reward-block">
<div class="reward-icon">��</div>
<div class="reward-info">
<div class="reward-label">✦ награда за раздел ✦</div>
<div class="reward-title">артефакт «Глаз бесконечности»</div>
<div class="reward-desc">
<span>особый статус</span>
<span class="reward-badge">+10% к активности</span>
<span class="reward-badge">мифическая эмблема</span>
</div>
</div>
</div>
</div>
</div>
<!-- ========= РАЗДЕЛ 4: СОЦ.СЕТЬ + НАГРАДА ПОД НИМ ========= -->
<div class="section-wrapper">
<div class="section-card">
<div class="section-header">
<h2>♦ соц.сеть</h2>
</div>
<div class="achievement-list">
<div class="achievement-row">
<div class="achievement-title">танец светлячков</div>
<div class="achievement-desc" data-toast="100 жетонов">оставить 50 сторис в соц. сети. твои истории мелькают, как россыпь светлячков в летнюю ночь.</div>
</div>
<div class="achievement-row">
<div class="achievement-title">узелки памяти</div>
<div class="achievement-desc" data-toast="100 жетонов">оставить 50 постов в соц. сети. ты завязал узелки на нити времени, чтобы важное не было забыто.</div>
</div>
</div>
</div>
<!-- НАГРАДА ПОД БЛОКОМ СОЦ.СЕТЬ -->
<div class="reward-under">
<div class="reward-block">
<div class="reward-icon">��</div>
<div class="reward-info">
<div class="reward-label">✦ награда за раздел ✦</div>
<div class="reward-title">премия «Трендсеттер вселенной»</div>
<div class="reward-desc">
<span>уникальная галочка</span>
<span class="reward-badge">3 000 жетонов</span>
<span class="reward-badge">фиолетовое имя</span>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
const toast = document.createElement('div');
toast.className = 'toast-message';
document.body.appendChild(toast);
let toastTimeout = null;
function showToast(message) {
if (toastTimeout) clearTimeout(toastTimeout);
toast.classList.remove('show');
toast.textContent = message;
setTimeout(() => toast.classList.add('show'), 10);
toastTimeout = setTimeout(() => toast.classList.remove('show'), 1500);
}
const descElements = document.querySelectorAll('.achievement-desc');
descElements.forEach(el => {
el.addEventListener('click', (e) => {
e.stopPropagation();
const message = el.getAttribute('data-toast');
if (message) showToast(message);
});
});
</script>
</body>
</html>[/html]
Поделиться310-05-2026 14:40:31
- манал я твои думы
- Сообщений: 2797
- посты: 3 536,1/0 04.26,1/0
- Уважение: +6410
- жетоны:
25 890
[hideprofile][html]<div id= "org">
<div class= "novname "> хорор-тайм </div>
<div class= "text">
<center>
аларм, аларм! сегодня мы с вами будем вспоминать фильмы ужасов! здесь нет сериалов, но могут быть франшизы)<br>
ниже представлены предметы, вещи и не только, которые дают вам подсказку, а что же мы такого загадали. <br>
<b>правила просты:</b><br>
за каждый угаданный фильм — 50 жетонов.<br>
если отгадаете все 8 — получите эксклюзивную плашку
+ 100 жетонов в подарок!<br><br>
<br>
готовы проверить себя? поехали! 
<br>
<div class="dailytab">
<table class="daylyth"><tbody>
<tr>
<td><div class="day">1</div><div class="cell-content">
</div></td>
<td><div class="day">2</div><div class="cell-content">
</div></td>
<td><div class="day">3</div><div class="cell-content">
</div></td>
<td><div class="day">4</div><div class="cell-content">
</div></td>
</tr>
<tr>
<td><div class="day">5</div><div class="cell-content">
</div></td>
<td><div class="day">6</div><div class="cell-content">
</div></td>
<td><div class="day">7</div><div class="cell-content">
</div></td>
<td><div class="day">8</div><div class="cell-content">
</div></td>
</tr>
</tbody></table>
</div>
</div>
<style>
#org table.daylyth td {
background: var(--bgclr2);
border-radius: 10px;
vertical-align: middle;
text-align: center;
height: 75px;
padding: 5px;
position: relative;
}
#org .day {
font-family: Impact, sans-serif;
font-size: 26px;
font-style: italic;
color: var(--btclr3);
position: absolute;
top: 2px;
left: 5px;
text-align: left;
margin: 0;
padding: 0;
background: none;
z-index: 2;
line-height: 1;
}
#org .cell-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding-top: 10px;
box-sizing: border-box;
}
</style>[/html]
Код:
[hide=999999999999999999]1. 2. 3. 4. 5. 6. 7. 8. [/hide]
Поделиться510-05-2026 14:43:30
- манал я твои думы
- Сообщений: 2797
- посты: 3 536,1/0 04.26,1/0
- Уважение: +6410
- жетоны:
25 890
[html]
<style>
* {
box-sizing: border-box;
}
body {
font-family: 'Arial', sans-serif;
background-color: #f5f7fa;
margin: 0;
padding: 20px;
color: #333;
}
.board-container {
max-width: 1000px;
margin: 0 auto;
}
h1 {
text-align: center;
font-family: 'Arial', sans-serif;
color: #2c3e50;
font-size: 16px;
font-weight: bold;
}
.post-form {
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}
textarea {
width: 100%;
height: 80px;
padding: 12px;
border: 2px solid #ddd;
border-radius: 6px;
font-size: 16px;
resize: vertical;
margin-bottom: 15px;
transition: border-color 0.3s;
}
textarea:focus {
outline: none;
border-color: #3498db;
}
button {
background-color: #9fc6c7;
color: white;
border: none;
padding: 12px 12px;
border-radius: 6px;
cursor: pointer;
font-size: 16px;
transition: background-color 0.3s;
}
button:hover {
background-color: #0b4152;
}
.notes-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
}
.note {
background: white;
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
position: relative;
word-wrap: break-word;
background: linear-gradient(to right, #73b4bf, #dbdbdb);
background-color: #116062;
}
.note-content {
margin-bottom: 10px;
line-height: 1.4;
}
.note-footer {
color: #7f8c8d;
font-size: 12px;
text-align: right;
}
.delete-btn {
position: absolute;
top: 10px;
right: 10px;
background: #e74c3c;
color: white;
border: none;
width: 25px;
height: 25px;
border-radius: 50%;
cursor: pointer;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.delete-btn:hover {
background: #c0392b;
}
.empty-state {
text-align: center;
color: #7f8c8d;
padding: 40px;
grid-column: 1 / -1;
}
</style>
</head>
<body>
<div class="board-container">
<h1></h1>
<div class="post-form">
<textarea id="noteInput" placeholder="Введите вашу запись..."></textarea>
<button id="addNoteBtn">нажми, чтобы сохранить</button>
</div>
<div id="notesContainer" class="notes-container">
<!-- Записи будут добавляться сюда -->
</div>
</div>
<script>
// Элементы DOM
const noteInput = document.getElementById('noteInput');
const addNoteBtn = document.getElementById('addNoteBtn');
const notesContainer = document.getElementById('notesContainer');
// Массив для хранения записей
let notes = JSON.parse(localStorage.getItem('boardNotes')) || [];
// Отображаем существующие записи при загрузке
renderNotes();
// Обработчик добавления новой записи
addNoteBtn.addEventListener('click', addNote);
function addNote() {
const content = noteInput.value.trim();
if (content) {
// Создаём новую запись
const newNote = {
id: Date.now(), // Уникальный ID на основе времени
content: content,
createdAt: new Date().toLocaleString('ru-RU')
};
// Добавляем в массив
notes.push(newNote);
// Сохраняем в localStorage
saveNotes();
// Очищаем поле ввода
noteInput.value = '';
// Обновляем отображение
renderNotes();
}
}
function renderNotes() {
// чистим контейнер
notesContainer.innerHTML = '';
if (notes.length === 0) {
notesContainer.innerHTML = '<div class="empty-state">Давайте вместе создадим историю ) </div>';
return;
}
// Создаём элементы для каждой записи
notes.forEach(note => {
const noteElement = document.createElement('div');
noteElement.className = 'note';
noteElement.innerHTML = `
<div class="note-content">${note.content}</div>
<div class="note-footer">Добавлено: ${note.createdAt}</div>
<button class="delete-btn" onclick="deleteNote(${note.id})">×</button>
`;
notesContainer.appendChild(noteElement);
});
}
function deleteNote(id) {
// Фильтруем массив, удаляя запись с указанным ID
notes = notes.filter(note => note.id !== id);
// Сохраняем обновлённый массив
saveNotes();
// Обновляем отображение
renderNotes();
}
function saveNotes() {
localStorage.setItem('boardNotes', JSON.stringify(notes));
}
// Функция доступна глобально для вызова из HTML
window.deleteNote = deleteNote;
</script>
</body>
</html>
[/html]
Поделиться710-05-2026 17:09:45
- манал я твои думы
- Сообщений: 2797
- посты: 3 536,1/0 04.26,1/0
- Уважение: +6410
- жетоны:
25 890
[html]
<head>
<style>
* {
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', Arial, sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba1 100%);
margin: 0;
padding: 40px 20px;
min-height: 100vh;
}
.container {
max-width: 800px;
margin: 0 auto;
background: white;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
overflow: hidden;
}
.header {
background: #2c3e50;
color: white;
padding: 30px;
text-align: center;
}
h1 {
margin: 0;
font-size: 28px;
font-weight: 300;
}
.content {
padding: 30px;
}
.text-area {
width: 100%;
height: 120px;
padding: 20px;
border: 2px solid #e1e8ed;
border-radius: 10px;
font-size: 16px;
resize: vertical;
transition: border-color 0.3s;
margin-bottom: 20px;
font-family: 'Consolas', 'Monaco', monospace;
}
.text-area:focus {
outline: none;
border-color: #3498db;
}
.button-group {
display: flex;
gap: 15px;
justify-content: center;
}
button {
padding: 12px 30px;
border: none;
border-radius: 8px;
font-size: 16px;
cursor: pointer;
transition: all 0.3s;
font-weight: 500;
}
.copy-btn {
background: #27ae60;
color: white;
}
.copy-btn:hover {
background: #219955;
transform: translateY(-2px);
}
.clear-btn {
background: #e74c3c;
color: white;
}
.clear-btn:hover {
background: #c0392b;
transform: translateY(-2px);
}
.notification {
position: fixed;
top: 20px;
right: 20px;
background: #2ecc71;
color: white;
padding: 15px 25px;
border-radius: 8px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
opacity: 0;
transform: translateX(100%);
transition: all 0.4s;
z-index: 1000;
}
.notification.show {
opacity: 1;
transform: translateX(0);
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>если надо текст если не надо на хуй</h1>
</div>
<div class="content">
<textarea class="text-area" id="copyText" placeholder="Введите текст..."></textarea>
<div class="button-group">
<button class="copy-btn" onclick="copyToClipboard()">�� Копировать в буфер обмена</button>
<button class="clear-btn" onclick="clearText()">��️ Очистить</button>
</div>
</div>
</div>
<div class="notification" id="notification">Текст скопирован!</div>
<script>
function copyToClipboard() {
const textArea = document.getElementById('copyText');
const notification = document.getElementById('notification');
if (textArea.value.trim() === '') {
alert(' введите текст для копирования!');
return;
}
// через Clipboard API
if (navigator.clipboard && window.isSecureContext) {
navigator.clipboard.writeText(textArea.value)
.then(() => {
showNotification();
})
.catch(err => {
console.error('Ошибка при копировании:', err);
fallbackCopy(textArea.value);
});
} else {
// Fallback для старых браузеров
fallbackCopy(textArea.value);
}
}
function fallbackCopy(text) {
const tempTextarea = document.createElement('textarea');
tempTextarea.value = text;
tempTextarea.style.position = 'fixed';
tempTextarea.style.left = '-999999px';
tempTextarea.style.top = '-999999px';
document.body.appendChild(tempTextarea);
tempTextarea.focus();
tempTextarea.select();
try {
const successful = document.execCommand('copy');
if (successful) {
showNotification();
} else {
alert('Не удалось скопировать текст. Попробуйте выделить и скопировать вручную (Ctrl+C)');
}
} catch (err) {
console.error('Ошибка при копировании:', err);
alert('Не удалось скопировать текст.');
}
document.body.removeChild(tempTextarea);
}
function showNotification() {
const notification = document.getElementById('notification');
notification.classList.add('show');
setTimeout(() => {
notification.classList.remove('show');
}, 2000);
}
function clearText() {
document.getElementById('copyText').value = '';
}
</script>
</body>
</html>
[/html]
Поделиться810-05-2026 17:25:57
- манал я твои думы
- Сообщений: 2797
- посты: 3 536,1/0 04.26,1/0
- Уважение: +6410
- жетоны:
25 890
[html]
<style>
* {
box-sizing: border-box;
}
body {
font-family: 'Arial', sans-serif;
background-color: #f5f7fa;
margin: 0;
padding: 20px;
color: #333;
}
.board-container {
max-width: 1000px;
margin: 0 auto;
}
h1 {
text-align: center;
font-family: 'Arial', sans-serif;
color: #2c3e50;
font-size: 16px;
font-weight: bold;
}
.post-form {
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}
textarea {
width: 100%;
height: 80px;
padding: 12px;
border: 2px solid #ddd;
border-radius: 6px;
font-size: 16px;
resize: vertical;
margin-bottom: 15px;
transition: border-color 0.3s;
}
textarea:focus {
outline: none;
border-color: #3498db;
}
button {
background-color: #9fc6c7;
color: white;
border: none;
padding: 12px 12px;
border-radius: 6px;
cursor: pointer;
font-size: 16px;
transition: background-color 0.3s;
}
button:hover {
background-color: #0b4152;
}
.notes-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
}
.note {
background: white;
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
position: relative;
word-wrap: break-word;
background: linear-gradient(to right, #73b4bf, #dbdbdb);
background-color: #116062;
}
.note-content {
margin-bottom: 10px;
line-height: 1.4;
}
.note-footer {
color: #7f8c8d;
font-size: 12px;
text-align: right;
}
.delete-btn {
position: absolute;
top: 10px;
right: 10px;
background: #e74c3c;
color: white;
border: none;
width: 25px;
height: 25px;
border-radius: 50%;
cursor: pointer;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.delete-btn:hover {
background: #c0392b;
}
.empty-state {
text-align: center;
color: #7f8c8d;
padding: 40px;
grid-column: 1 / -1;
}
</style>
</head>
<body>
<div class="board-container">
<h1></h1>
<div class="post-form">
<textarea id="noteInput" placeholder="Введите вашу запись..."></textarea>
<button id="addNoteBtn">нажми, чтобы сохранить</button>
</div>
<div id="notesContainer" class="notes-container">
<!-- Записи будут добавляться сюда -->
</div>
</div>
<script src="https://www.gstatic.com/firebasejs/9.6.10/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.6.10/firebase-database.js"></script>
<script>
// стучу в базу к себе мои данные
const firebaseConfig = {
apiKey: "AIzaSyDg9Mxpxvp4T3Z_tpiqyiftr93CCQ8G80A",
authDomain: "player-a680e.firebaseapp.com",
databaseURL: "https://player-a680e-default-rtdb.firebaseio.com",
projectId: "player-a680e",
storageBucket: "player-a680e.firebasestorage.app",
messagingSenderId: "875270656650",
appId: "1:875270656650:web:f7bb87e8b45bc8e6621373",
measurementId: "G-WSEFQ5ZRQ5"
};
// Инициализация Firebase
firebase.initializeApp(firebaseConfig);
const database = firebase.database();
// Элементы DOM
const noteInput = document.getElementById('noteInput');
const addNoteBtn = document.getElementById('addNoteBtn');
const notesContainer = document.getElementById('notesContainer');
// Массив для хранения записей
let notes = [];
// Получаем заметки из Firebase при загрузке
database.ref('notes').on('value', (snapshot) => {
const data = snapshot.val();
notes = data ? Object.keys(data).map(key => ({ id: key, ...data[key] })) : [];
renderNotes();
});
// Обработчик добавления новой записи
addNoteBtn.addEventListener('click', addNote);
function addNote() {
const content = noteInput.value.trim();
if (content) {
const newNote = {
content,
createdAt: new Date().toLocaleString('ru-RU')
};
// Сохраняем новую запись в Firebase
const newNoteRef = database.ref('notes').push();
newNoteRef.set(newNote);
// Очищаем поле ввода
noteInput.value = '';
}
}
function renderNotes() {
// очищаем контейнер
notesContainer.innerHTML = '';
if (notes.length === 0) {
notesContainer.innerHTML = '<div class="empty-state">Давайте вместе создадим историю ) </div>';
return;
}
// Создаем элементы для каждой записи
notes.forEach(note => {
const noteElement = document.createElement('div');
noteElement.className = 'note';
noteElement.innerHTML = `
<div class="note-content">${note.content}</div>
<div class="note-footer">Добавлено: ${note.createdAt}</div>
<button class="delete-btn" onclick="deleteNote('${note.id}')">х</button>
`;
notesContainer.appendChild(noteElement);
});
}
// Удаление заметки
function deleteNote(id) {
database.ref(`notes/${id}`).remove();
}
</script>
</body>
</html>
[/html]
Поделиться910-05-2026 17:37:00
- манал я твои думы
- Сообщений: 2797
- посты: 3 536,1/0 04.26,1/0
- Уважение: +6410
- жетоны:
25 890
[html]
<style>
* {
box-sizing: border-box;
}
body {
font-family: 'Arial', sans-serif;
background-color: #f5f7fa;
margin: 0;
padding: 20px;
color: #333;
}
.board-container {
max-width: 1000px;
margin: 0 auto;
}
h1 {
text-align: center;
color: #2c3e50;
font-size: 16px;
font-weight: bold;
}
.post-form {
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}
textarea {
width: 100%;
height: 80px;
padding: 12px;
border: 2px solid #ddd;
border-radius: 6px;
font-size: 16px;
resize: vertical;
margin-bottom: 15px;
transition: border-color 0.3s;
}
textarea:focus {
border-color: #3498db;
}
button {
background-color: #9fc6c7;
color: white;
border: none;
padding: 12px 12px;
border-radius: 6px;
cursor: pointer;
font-size: 16px;
transition: background-color 0.3s;
}
button:hover {
background-color: #0b4152;
}
.notes-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
}
.note {
background: white;
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
position: relative;
word-wrap: break-word;
background-color: #116062;
}
.note-content {
margin-bottom: 10px;
line-height: 1.4;
}
.note-footer {
color: #7f8c8d;
font-size: 12px;
text-align: right;
}
.delete-btn {
position: absolute;
top: 10px;
right: 10px;
background: #e74c3c;
color: white;
border: none;
width: 25px;
height: 25px;
border-radius: 50%;
cursor: pointer;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.delete-btn:hover {
background: #c0392b;
}
.empty-state {
text-align: center;
color: #7f8c8d;
padding: 40px;
grid-column: 1 / -1;
}
</style>
</head>
<body>
<div class="board-container">
<h1>Мои Заметки</h1>
<div class="post-form">
<textarea id="noteInput" placeholder="Введите вашу запись..."></textarea>
<button id="addNoteBtn">нажми, чтобы сохранить</button>
</div>
<div id="notesContainer" class="notes-container">
<!-- Записи будут добавляться сюда -->
</div>
</div>
</body>
</html>
[/html]
Поделиться1010-05-2026 18:38:19
- манал я твои думы
- Сообщений: 2797
- посты: 3 536,1/0 04.26,1/0
- Уважение: +6410
- жетоны:
25 890
[html]
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Доска сообщений</title>
<style>
* {
box-sizing: border-box;
}
body {
font-family: 'Arial', sans-serif;
background-color: #f5f7fa;
margin: 0;
padding: 20px;
color: #333;
}
.board-container {
max-width: 1000px;
margin: 0 auto;
}
h1 {
text-align: center;
font-family: 'Arial', sans-serif;
color: #2c3e50;
font-size: 16px;
font-weight: bold;
}
.post-form {
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}
textarea {
width: 100%;
height: 80px;
padding: 12px;
border: 2px solid #ddd;
border-radius: 6px;
font-size: 16px;
resize: vertical;
margin-bottom: 15px;
transition: border-color 0.3s;
}
textarea:focus {
outline: none;
border-color: #3498db;
}
button {
background-color: #9fc6c7;
color: white;
border: none;
padding: 12px 12px;
border-radius: 6px;
cursor: pointer;
font-size: 16px;
transition: background-color 0.3s;
}
button:hover {
background-color: #0b4152;
}
.notes-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
}
.note {
background: white;
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
position: relative;
word-wrap: break-word;
background: linear-gradient(to right, #73b4bf, #dbdbdb);
background-color: #116062;
}
.note-content {
margin-bottom: 10px;
line-height: 1.4;
}
.note-footer {
color: #7f8c8d;
font-size: 12px;
text-align: right;
}
.delete-btn {
position: absolute;
top: 10px;
right: 10px;
background: #e74c3c;
color: white;
border: none;
width: 25px;
height: 25px;
border-radius: 50%;
cursor: pointer;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.delete-btn:hover {
background: #c0392b;
}
.empty-state {
text-align: center;
color: #7f8c8d;
padding: 40px;
grid-column: 1 / -1;
}
</style>
</head>
<body>
<div class="board-container">
<h1>Доска сообщений</h1>
<div class="post-form">
<textarea id="noteInput" placeholder="Введите вашу запись..."></textarea>
<button id="addNoteBtn">нажми, чтобы сохранить</button>
<button id="copyHTMLBtn" style="margin-left: 10px;">Копировать HTML</button>
</div>
<div id="notesContainer" class="notes-container">
<!-- Записи будут добавляться сюда -->
</div>
</div>
<script>
// Элементы DOM
const noteInput = document.getElementById('noteInput');
const addNoteBtn = document.getElementById('addNoteBtn');
const notesContainer = document.getElementById('notesContainer');
// Массив для хранения записей
let notes = JSON.parse(localStorage.getItem('boardNotes')) || [];
// Отображаем существующие записи при загрузке
renderNotes();
// Обработчики событий
addNoteBtn.addEventListener('click', addNote);
document.getElementById('copyHTMLBtn').addEventListener('click', copyHTML);
function addNote() {
const content = noteInput.value.trim();
if (content) {
const newNote = {
id: Date.now(),
content: content,
createdAt: new Date().toLocaleString('ru-RU')
};
notes.push(newNote);
saveNotes();
noteInput.value = '';
renderNotes();
}
}
function renderNotes() {
notesContainer.innerHTML = '';
if (notes.length === 0) {
notesContainer.innerHTML = '<div class="empty-state">Давайте вместе создадим историю )</div>';
return;
}
notes.forEach(note => {
const noteElement = document.createElement('div');
noteElement.className = 'note';
noteElement.innerHTML = `
<div class="note-content">${note.content}</div>
<div class="note-footer">Добавлено: ${note.createdAt}</div>
<button class="delete-btn" onclick="deleteNote(${note.id})">Ч</button>
`;
notesContainer.appendChild(noteElement);
});
}
function deleteNote(id) {
// Фильтруем массив, удаляя запись с указанным ID
notes = notes.filter(note => note.id !== id);
// Сохраняем обновлённый массив
saveNotes();
// Обновляем отображение
renderNotes();
}
function saveNotes() {
localStorage.setItem('boardNotes', JSON.stringify(notes));
}
function copyHTML() {
// Получаем контейнер с заметками
const notesContainer = document.getElementById('notesContainer');
// Создаём временный элемент textarea для копирования
const tempTextarea = document.createElement('textarea');
tempTextarea.value = htmlToCopy;
tempTextarea.style.position = 'fixed';
tempTextarea.style.left = '-999999px';
tempTextarea.style.top = '-999999px';
document.body.appendChild(tempTextarea);
// Выделяем и копируем текст
tempTextarea.focus();
tempTextarea.select();
try {
const successful = document.execCommand('copy');
if (successful) {
// Визуальная обратная связь
alert('HTML-код скопирован в буфер обмена!\nТеперь вы можете вставить его в любой редактор.');
} else {
alert('Не удалось скопировать HTML-код.');
}
} catch (err) {
console.error('Ошибка при копировании HTML:', err);
alert('Ошибка при копировании HTML-кода.');
}
// Удаляем временный элемент
document.body.removeChild(tempTextarea);
}
// Функции доступны глобально для вызова из HTML
window.deleteNote = deleteNote;
window.copyHTML = copyHTML;
</script>
</body>
</html>
[/html]
Поделиться1110-05-2026 19:16:27
- манал я твои думы
- Сообщений: 2797
- посты: 3 536,1/0 04.26,1/0
- Уважение: +6410
- жетоны:
25 890
[hideprofile][html]<div id= "org">
<div class= "novname ">что-то сломалось</div>
<div class= "text">
<center>Загадки-загадочки, интересно? Нам так порой не хватает чего-то милого ) Мультиков, например! <br>
Готовы ли вы разгадать 6 мультфильмов, что загаданы ниже и получить по <b>50 жетонов</b> за каждый?<br>
А в случае всех правильных вам залетит на страничку еще и фон!
</center>
<br>
<br>
[/html]
[html]<center><table>
<thead>
<tr>
<tr>
<tr>
<td><center>1<br>С Луны свалился, в пруд упал...<br> а теперь всех учит дружить.</td>
<td><center>2<br>Он мечтает о тишине и спа,<br> а получает квест с парочкой из "контактного" зоопарка. </td>
<td><center>3<br>В лодке — трое: мечта, лень и паника. <br>Цель — тайна. </td>
</tr>
<tr>
<td><center>4<br>Секрет раскрыт: среди гостей тот, кто не должен знать.<br></td>
<td><center>5<br>Родители в восторге, старший брат в панике: <br>босс прибыл.<br> </td>
<td><center>6<br>Принц без бритвы ждёт поцелуя, <br>пока девушка изучает инструкцию.<br>
</td>
</tr>
</thead>
</table></center>[/html]
код для ответовКод:[hide=99999999]1. 2. 3. 4. 5. 6.[/hide]
Поделиться1210-05-2026 19:52:41
- манал я твои думы
- Сообщений: 2797
- посты: 3 536,1/0 04.26,1/0
- Уважение: +6410
- жетоны:
25 890
[hideprofile][html]<div id= "org">
<div class= "novname ">собиратели</div>
<div class= "text">
<center>и снова здравствуйте пазлы! можно теперь потратить время на что-то важное, складывая кусочек к кусочку, подбирая грани и не думая ни о чем )
<br>а приятные мультяшки вас порадуют, отвлекая )<br>ждем ваши скрины, как всегда, под спойлером ♥
<br>
- 50 за первый<br>
- 70 за второй<br>
- 100 за третий<br>
а за все три собранных + иконка 
<br>
</center>
<br>
<br>
[/html]
1
[html]<iframe src="https://www.jigsawplanet.com/?rc=play&pid=0c2a3402cd61&view=iframe" style="width:100%;height:600px" frameborder="0" allowfullscreen></iframe>[/html]
2
[html]<iframe src="https://www.jigsawplanet.com/?rc=play&pid=189d0a4b29d8&view=iframe" style="width:100%;height:600px" frameborder="0" allowfullscreen></iframe>[/html]
3
[html]<iframe src="https://www.jigsawplanet.com/?rc=play&pid=079122bc319a&view=iframe" style="width:100%;height:600px" frameborder="0" allowfullscreen></iframe>[/html]
Поделиться1413-05-2026 10:21:17
- манал я твои думы
- Сообщений: 2797
- посты: 3 536,1/0 04.26,1/0
- Уважение: +6410
- жетоны:
25 890
[html]<section id="achievements-tab" class="tab-content">
<div class="achievements-container"><div class="achievement-branch glass-effect" data-branch="forum"><div class="branch-header">
<div class="branch-title">Активность</div></div>
<div class="branch-nodes">
<!-- ЧТОБЫ ОТМЕТИТЬ АЧИВКУ ПОЛУЧЕННОЙ НУЖНО ЗАМЕНИТЬ locked НА unlocked -->
<div class="achievement-node locked" data-level="1">
<div class="node-circle" title="2 000 сообщений. Ты завершил свой первый полный оборот вокруг солнца">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/134/t44488.png"></div></div><div class="node-name">Первый виток орбиты</div></div>
<div class="achievement-node locked" data-level="2">
<div class="node-circle" title="5 000 сообщений. Ты научился находить путь даже в самые безлунные ночи">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/134/t738110.png"></div></div><div class="node-name">Сквозь туман и свет</div></div>
<div class="achievement-node locked" data-level="3">
<div class="node-circle" title="10 000 сообщений. Твои слова сложились в узор, что озаряет небосклон">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/134/t933740.png"></div></div><div class="node-name">Сияющее созвездие</div></div>
<div class="achievement-node locked" data-level="4">
<div class="node-circle" title="15 000 сообщений. Ты прошёл столько, что твои путевые заметки могли бы составить целую летопись">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/134/t56177.png"></div></div><div class="node-name">След путешественника</div></div>
<div class="achievement-node locked" data-level="5">
<div class="node-circle" title="20 000 сообщений. Ты достиг одной из самых высших точек! ">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/134/t270669.png"></div></div><div class="node-name">Звездный олимп.</div></div>
</div></div>
<div class="achievement-branch glass-effect" data-branch="tokens"><div class="branch-header">
<div class="branch-title">Жетоны</div></div>
<div class="branch-nodes">
<!-- ЧТОБЫ ОТМЕТИТЬ АЧИВКУ ПОЛУЧЕННОЙ НУЖНО ЗАМЕНИТЬ locked НА unlocked -->
<div class="achievement-node locked" data-level="1">
<div class="node-circle" title="Накопить 10 000 жетонов. Твои сбережения легли в основу грядущих свершений">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/134/t119190.png"></div></div><div class="node-name">Золотой доллар</div></div>
<div class="achievement-node locked" data-level="2">
<div class="node-circle" title="Накопить 20 000 жетонов. Твой кошелек становится все тяжелей, а ты все счастливей">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/134/t424337.png"></div></div><div class="node-name">Выгодные вложения</div></div>
<div class="achievement-node locked" data-level="3">
<div class="node-circle" title="Накопить 50 000 жетонов. Твои богатства растут, как денежное дерево! ">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/134/t506669.png"></div></div><div class="node-name">Денежный сад</div></div>
<div class="achievement-node locked" data-level="4">
<div class="node-circle" title="Накопить 100 000 жетонов. С каждым днем твои активы все выше и выше! ">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/134/t696965.png"></div></div><div class="node-name">Владетель биржи</div></div>
<div class="achievement-node locked" data-level="5">
<div class="node-circle" title="Накопить 200 000 жетонов. Твой внутренний банкир выиграл этот мир!">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/134/t40276.png"></div></div><div class="node-name">Швейцарский банк</div></div>
</div></div>
<div class="achievement-branch glass-effect" data-branch="game"><div class="branch-header">
<div class="branch-title">Игровое</div></div>
<div class="branch-nodes">
<!-- ЧТОБЫ ОТМЕТИТЬ АЧИВКУ ПОЛУЧЕННОЙ НУЖНО ЗАМЕНИТЬ locked НА unlocked -->
<div class="achievement-node locked" data-level="1">
<div class="node-circle" title="10 постов. Твоя воля впервые проявилась в море возможностей, обретая форму">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/5/976177.png"></div></div><div class="node-name">Квантовый след</div></div>
<div class="achievement-node locked" data-level="2">
<div class="node-circle" title="20 постов. Твой голос достиг священных мест, и мир начал тебе внимать">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/5/112917.png"></div></div><div class="node-name">Шёпот древних</div></div>
<div class="achievement-node locked" data-level="3">
<div class="node-circle" title="35 постов. Ты стал воплощением концепции, чьё влияние ощущается в каждом аспекте бытия">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/5/947624.png"></div></div><div class="node-name">Воля Эона</div></div>
<div class="achievement-node locked" data-level="4">
<div class="node-circle" title="50 постов. Ты обрёл своё место в Залах Памяти, где истории обретают бессмертие">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/5/38872.png"></div></div><div class="node-name">Зал Вечности</div></div>
</div></div>
<div class="achievement-branch glass-effect" data-branch="social"><div class="branch-header">
<div class="branch-title">Соц сеть</div></div>
<div class="branch-nodes">
<!-- ЧТОБЫ ОТМЕТИТЬ АЧИВКУ ПОЛУЧЕННОЙ НУЖНО ЗАМЕНИТЬ locked НА unlocked -->
<div class="achievement-node locked" data-level="1">
<div class="node-circle" title="Оставить 10 сторис в соц. сети. Твои истории мелькают, как сообщения по праздникам в чатах">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/134/t60031.png"></div></div><div class="node-name">Познать WatsApp</div></div>
<div class="achievement-node locked" data-level="2">
<div class="node-circle" title="Оставить 30 постов в соц. сети. Ты завязал тесные связи и добавил много воспоминаний в копилку">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/134/t26254.png"></div></div><div class="node-name">Свой след в Facebook</div></div>
<div class="achievement-node locked" data-level="3">
<div class="node-circle" title="Оставить 50 сторис в соц. сети. Премиум доступ активирован! ">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/134/t546684.png"></div></div><div class="node-name">Властелин Telegramm</div></div>
<div class="achievement-node locked" data-level="4">
<div class="node-circle" title="Оставить 100 сторис в соц. сети. Твоя лента оставила след в сердцах многих.">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/134/t26254.png"></div></div><div class="node-name">Демиург Instagram </div></div>
</div></div>
<div class="achievement-branch glass-effect" data-branch="special"><div class="branch-header">
<div class="branch-title">Особенное</div></div>
<div class="branch-nodes">
<!-- ЧТОБЫ ОТМЕТИТЬ АЧИВКУ ПОЛУЧЕННОЙ НУЖНО ЗАМЕНИТЬ locked НА unlocked -->
<div class="achievement-node locked" data-level="1">
<div class="node-circle" title="Секретная ачивка">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/5/359148.png"></div></div><div class="node-name">Тайна</div></div>
<div class="achievement-node locked" data-level="2">
<div class="node-circle" title="Секретная ачивка">
<div class="node-icon"><img src="https://upforme.ru/uploads/001c/6a/04/5/125496.png"></div></div><div class="node-name">Загадка</div></div>
</div></div></div>
</section>[/html]
Поделиться17Вчера 14:11:34
- манал я твои думы
- Сообщений: 2797
- посты: 3 536,1/0 04.26,1/0
- Уважение: +6410
- жетоны:
25 890
[html]<video class="jI_JN7" data-test-id="duplo-hls-video" elementtiming="gestalt-video" playsinline="" poster="https://i.pinimg.com/736x/ec/98/65/ec98651fe278e94503d51eb76b5e006d.jpg" preload="auto" src="blob:https://ru.pinterest.com/e959ef3a-a424-4e9d-9291-705c6af80b17" style="object-fit: contain;"><track kind="captions"></video>[/html]
Тема закрыта
Страница: 1
