тело 
шапка и футер 
шапка ШИРОК для тела 
моя нереальная тема
Страница: 1
Сообщений 1 страница 8 из 8
Поделиться12025-04-30 13:54:45
- Администратор
- Зарегистрирован: 2020-03-04
- Приглашений: 0
- Сообщений: 549
- Уважение: [+1/-0]
- Позитив: [+18/-0]
- Провел на форуме:
13 дней 22 часа - Последний визит:
Вчера 21:12:53
Поделиться22025-05-03 01:10:35
- Администратор
- Зарегистрирован: 2020-03-04
- Приглашений: 0
- Сообщений: 549
- Уважение: [+1/-0]
- Позитив: [+18/-0]
- Провел на форуме:
13 дней 22 часа - Последний визит:
Вчера 21:12:53
картинка в таблицу с ссылками в боевую систему светлее
цвета текста
цвета
Поделиться32025-05-03 17:10:47
- Администратор
- Зарегистрирован: 2020-03-04
- Приглашений: 0
- Сообщений: 549
- Уважение: [+1/-0]
- Позитив: [+18/-0]
- Провел на форуме:
13 дней 22 часа - Последний визит:
Вчера 21:12:53
Поделиться42025-05-04 12:15:07
- Администратор
- Зарегистрирован: 2020-03-04
- Приглашений: 0
- Сообщений: 549
- Уважение: [+1/-0]
- Позитив: [+18/-0]
- Провел на форуме:
13 дней 22 часа - Последний визит:
Вчера 21:12:53
Поделиться52025-08-04 10:00:18
- Модератор
- Зарегистрирован: 2025-08-03
- Приглашений: 0
- Сообщений: 3
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
24 минуты - Последний визит:
2025-08-07 14:49:04
Поделиться62025-08-04 21:05:46
- Модератор
- Зарегистрирован: 2025-08-03
- Приглашений: 0
- Сообщений: 3
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
24 минуты - Последний визит:
2025-08-07 14:49:04
Поделиться72025-08-12 00:29:46
- Администратор
- Зарегистрирован: 2020-03-04
- Приглашений: 0
- Сообщений: 549
- Уважение: [+1/-0]
- Позитив: [+18/-0]
- Провел на форуме:
13 дней 22 часа - Последний визит:
Вчера 21:12:53
[html]<table width="100%" cellspacing="0" cellpadding="0" style="border-collapse: collapse; margin-bottom: 10px;">
<tr>
<td colspan="3" style="background-color: #000000; color: #FFFFFF; text-align: center; padding: 8px; font-family: Arial Black; font-size: 14px; text-transform: uppercase;">
Сведения
</td>
</tr>
<tr>
<td colspan="3" style="background: #FFFFFF; text-align: center; padding: 8px;">
<span style="font-family: Arial Black; font-size: 14px;">уцацуауца</span>
<span style="margin: 0 10px;">|</span>
<span style="font-family: Arial Black; font-size: 14px;">уцауцауцацу</span>
</td>
</tr>
</table>
<table width="100%" cellspacing="0" cellpadding="0" style="border-collapse: collapse; margin-bottom: 10px;">
<tr>
<td rowspan="11" style="background-color: #C0C0C0; text-align: center; vertical-align: middle; width: 40%; padding: 10px;">
<div style="width: 180px; height: 180px; border: 2px solid #000000; margin: 0 auto; overflow: hidden; background: #FFFFFF; display: flex; align-items: center; justify-content: center; border-radius: 5px; position: relative;">
<img src="https://static-images.lpnt.fr/cd-cw809/images/2024/08/29/26810148lpw-26810590-mega-une-jpg_10500183.jpg" alt="уцацуауца" style="width:100%;height:100%;object-fit:cover; transition: transform 0.5s ease;">
</div>
</td>
<td style="font-family: Arial Black; font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px; width: 30%;">Дата рождения:</td>
<td style="font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px; width: 70%;">21</td>
</tr>
<tr>
<td style="font-family: Arial Black; font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">Возраст:</td>
<td style="font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">12</td>
</tr>
<tr>
<td style="font-family: Arial Black; font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">Пол:</td>
<td style="font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">Женский</td>
</tr>
<tr>
<td style="font-family: Arial Black; font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">Рост:</td>
<td style="font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">12 см</td>
</tr>
<tr>
<td style="font-family: Arial Black; font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">Вес:</td>
<td style="font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">21 кг</td>
</tr>
<tr>
<td style="font-family: Arial Black; font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">Принадлежность:</td>
<td style="font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">21</td>
</tr>
<tr>
<td style="font-family: Arial Black; font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">Клан:</td>
<td style="font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">21</td>
</tr>
<tr>
<td style="font-family: Arial Black; font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">Ранг:</td>
<td style="font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">B</td>
</tr>
<tr>
<td style="font-family: Arial Black; font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">Звание:</td>
<td style="font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">212</td>
</tr>
<tr>
<td style="font-family: Arial Black; font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">Классификация:</td>
<td style="font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">12</td>
</tr>
<tr>
<td style="font-family: Arial Black; font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">Прозвище:</td>
<td style="font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">12</td>
</tr>
</table>
<table width="100%" cellspacing="0" cellpadding="0" style="border-collapse: collapse; margin-bottom: 15px;">
<tr>
<td style="font-family: Arial Black; font-size: 12px; background-color: #C0C0C0; color: #000000; padding: 5px; width: 20%;">Характерные черты:</td>
<td style="font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px; width: 80%;">
<div style="display: flex; flex-wrap: wrap; gap: 5px;">
<span style="background: #C0C0C0; color: #000000; padding: 3px 8px; border-radius: 3px; font-size: 11px;">21</span>
</div>
</td>
</tr>
<tr>
<td style="font-family: Arial Black; font-size: 12px; background-color: #C0C0C0; color: #000000; padding: 5px;">Хобби:</td>
<td style="font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">
<div style="display: flex; flex-wrap: wrap; gap: 5px;">
<span style="background: #C0C0C0; color: #000000; padding: 3px 8px; border-radius: 3px; font-size: 11px;">12</span><span style="background: #C0C0C0; color: #000000; padding: 3px 8px; border-radius: 3px; font-size: 11px;">уцацуауца</span><span style="background: #C0C0C0; color: #000000; padding: 3px 8px; border-radius: 3px; font-size: 11px;">уцацуауца</span><span style="background: #C0C0C0; color: #000000; padding: 3px 8px; border-radius: 3px; font-size: 11px;">уцацуауца</span>
</div>
</td>
</tr>
<tr>
<td style="font-family: Arial Black; font-size: 12px; background-color: #C0C0C0; color: #000000; padding: 5px;">Любимая еда:</td>
<td style="font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">уцацуауца</td>
</tr>
<tr>
<td style="font-family: Arial Black; font-size: 12px; background-color: #C0C0C0; color: #000000; padding: 5px;">Хочет сразиться:</td>
<td style="font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">уцацуауца</td>
</tr>
<tr>
<td style="font-family: Arial Black; font-size: 12px; background-color: #C0C0C0; color: #000000; padding: 5px;">Любимая фраза:</td>
<td style="font-size: 12px; background-color: #FFFFFF; color: #000000; padding: 5px;">"уцацуауца"</td>
</tr>
</table>
<div style="margin-top: 20px; border: 1px solid #C0C0C0; border-radius: 5px; overflow: hidden;">
<div style="background-color: #000000; color: #FFFFFF; padding: 10px; text-align: center; font-family: Arial Black; cursor: pointer;" onclick="this.nextElementSibling.style.display = this.nextElementSibling.style.display === 'none' ? 'block' : 'none'; this.querySelector('i').classList.toggle('fa-chevron-down'); this.querySelector('i').classList.toggle('fa-chevron-up');">
<i class="fas fa-chevron-down"></i> Подробная информация
</div>
<div style="padding: 15px; background-color: #FFFFFF; display: none;">
<div style="background: #FFFFFF; padding: 15px; border-radius: 5px; border: 1px solid #C0C0C0; margin-top: 10px; color: #000000; position: relative; word-wrap: break-word; white-space: pre-wrap;">
<div style="font-family: Arial Black; text-align: center; margin-bottom: 10px; font-size: 14px;">Внешний вид</div>
<div>уцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауца</div>
</div>
<div style="background: #FFFFFF; padding: 15px; border-radius: 5px; border: 1px solid #C0C0C0; margin-top: 10px; color: #000000; position: relative; word-wrap: break-word; white-space: pre-wrap;">
<div style="font-family: Arial Black; text-align: center; margin-bottom: 10px; font-size: 14px;">Характер</div>
<div>уцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауца</div>
</div>
<div style="background: #FFFFFF; padding: 15px; border-radius: 5px; border: 1px solid #C0C0C0; margin-top: 10px; color: #000000; position: relative; word-wrap: break-word; white-space: pre-wrap;">
<div style="font-family: Arial Black; text-align: center; margin-bottom: 10px; font-size: 14px;">Биография</div>
<div>уцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауцауцацуауца</div>
</div>
</div>
</div>
<style>
/* Стили для плавного увеличения изображения */
div[style*="position: relative"]:hover img {
transform: scale(1.5) !important;
z-index: 100 !important;
transition: transform 0.5s ease !important;
}
</style>[/html]
Поделиться82025-08-12 01:40:53
- Администратор
- Зарегистрирован: 2020-03-04
- Приглашений: 0
- Сообщений: 549
- Уважение: [+1/-0]
- Позитив: [+18/-0]
- Провел на форуме:
13 дней 22 часа - Последний визит:
Вчера 21:12:53
[html]<div class="rpg-card">
<style>.rpg-card{font-family:Arial,Helvetica,sans-serif;overflow:hidden;border:1px solid #ddd;max-width:800px}
.rpg-card .top{background:#000;color:#fff;padding:12px;font-weight:700;text-align:center}
.rpg-card .attrs-header{background:#c0c0c0;padding:10px;text-align:center;font-weight:700}
.rpg-card table{width:100%;border-collapse:collapse;text-align:center}
.rpg-card td{background:#fff}
.rpg-card .specialization{background:#e0e0e0;padding:10px;margin:12px}
.rpg-card .spec-row{display:flex;padding:5px 0}
.rpg-card .spec-label{width:100px;font-weight:bold}
.rpg-card .spec-value{flex:1; word-wrap: break-word; overflow-wrap: break-word; white-space: normal;}
.rpg-card .chakra{background:#e0e0e0;color:#000;padding:10px;text-align:center;margin:12px}</style>
<div class="top">Боевой опыт</div>
<div class="attrs-header">Атрибуты</div>
<table>
<tr><td style="padding:8px;border:1px solid #e9e9e9"><b>Ниндзюцу</b></td><td style="padding:8px;border:1px solid #e9e9e9"><b>Тайдзюцу</b></td><td style="padding:8px;border:1px solid #e9e9e9"><b>Гендзюцу</b></td><td style="padding:8px;border:1px solid #e9e9e9"><b>Интеллект</b></td><td style="padding:8px;border:1px solid #e9e9e9"><b>Сила</b></td><td style="padding:8px;border:1px solid #e9e9e9"><b>Скорость</b></td><td style="padding:8px;border:1px solid #e9e9e9"><b>Выносливость</b></td><td style="padding:8px;border:1px solid #e9e9e9"><b>Печати</b></td><td style="padding:8px;border:1px solid #e9e9e9"><b>Сумма</b></td></tr>
<tr><td style="padding:8px;border:1px solid #e9e9e9">3.0</td><td style="padding:8px;border:1px solid #e9e9e9">3.0</td><td style="padding:8px;border:1px solid #e9e9e9">3.5</td><td style="padding:8px;border:1px solid #e9e9e9">4.0</td><td style="padding:8px;border:1px solid #e9e9e9">5.0</td><td style="padding:8px;border:1px solid #e9e9e9">4.5</td><td style="padding:8px;border:1px solid #e9e9e9">4.0</td><td style="padding:8px;border:1px solid #e9e9e9">5.0</td><td style="padding:8px;border:1px solid #e9e9e9">32.0</td></tr>
</table>
<div class="specialization">
<div class="spec-row">
<div class="spec-label">Ниндзюцу:</div>
<div class="spec-value">Высвобождение Воды, Фуиндзюцу</div>
</div>
<div class="spec-row">
<div class="spec-label">Тайдзюцу:</div>
<div class="spec-value">Кендзюцу, ТайкендзюцуКендзюцу, ТайкендзюцуКендзюцу, ТайкендзюцуКендзюцу, ТайкендзюцуКендзюцу, ТайкендзюцуКендзюцу, ТайкендзюцуКендзюцу, ТайкендзюцуКендзюцу, Тайкендзюцу</div>
</div>
<div class="spec-row">
<div class="spec-label">Гендзюцу:</div>
<div class="spec-value">Визуальный тип наложения</div>
</div>
</div>
<div class="chakra">Количество чакры: 500</div>
</div>[/html]
Страница: 1