Благодарим за выбор нашего сервиса!
Тестовое сообщение
Страница: 1
Сообщений 1 страница 5 из 5
Поделиться12022-01-04 02:50:31
- Администратор
- Зарегистрирован: 2022-01-04
- Приглашений: 0
- Сообщений: 19
- Уважение: +0
- Позитив: +1
- Провел на форуме:
5 часов 43 минуты - Последний визит:
2026-08-10 01:24:49 - фон: DON'T GO AROUND
Поделиться22025-07-22 16:08:57
- Администратор
- Зарегистрирован: 2022-01-04
- Приглашений: 0
- Сообщений: 19
- Уважение: +0
- Позитив: +1
- Провел на форуме:
5 часов 43 минуты - Последний визит:
2026-08-10 01:24:49 - фон: DON'T GO AROUND
<!-- Cozy-core Forum Layout Mockup (HTML Structure) -->
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CozyCore Roleplay Forum</title>
<style>
body {
margin: 0;
font-family: 'Segoe UI', sans-serif;
background-color: #f5efe6;
color: #4b3b2f;
}.header {
background: url('header-placeholder.jpg') center/cover no-repeat;
height: 400px;
position: relative;
}.header-maskot {
position: absolute;
bottom: 20px;
left: 40px;
width: 120px;
height: 120px;
background: url('cartoon-black-cat.png') center/contain no-repeat;
}.nav-bar {
background-color: #decbb7;
padding: 15px;
display: flex;
justify-content: center;
gap: 30px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}.nav-link {
font-weight: bold;
color: #4b3b2f;
text-decoration: none;
}.content {
max-width: 1000px;
margin: 40px auto;
background-color: #fff9f0;
border-radius: 12px;
padding: 30px;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}.forum-section {
margin-bottom: 40px;
}.forum-title {
font-size: 1.5rem;
margin-bottom: 15px;
border-left: 6px solid #c2a189;
padding-left: 12px;
}.post-box {
background-color: #fef4ea;
border: 1px solid #e3d3c3;
border-radius: 8px;
padding: 20px;
margin-bottom: 15px;
}.footer {
text-align: center;
padding: 20px;
font-size: 0.85rem;
color: #8c7e6c;
}
</style>
</head>
<body>
<div class="header">
<div class="header-maskot"></div>
<!-- Add site title and description here with CSS overlays if needed -->
</div><div class="nav-bar">
<a href="#" class="nav-link">Главная</a>
<a href="#" class="nav-link">Сюжет</a>
<a href="#" class="nav-link">Галерея</a>
<a href="#" class="nav-link">Участники</a>
<a href="#" class="nav-link">Контакты</a>
</div><div class="content">
<div class="forum-section">
<div class="forum-title">Объявления</div>
<div class="post-box">Тут будет последнее обновление форума или важная новость.</div>
</div><div class="forum-section">
<div class="forum-title">Игровые зоны</div>
<div class="post-box">Описание игровой локации, разделённой на подтемы.</div>
<div class="post-box">Другая игровая зона с возможностью писать посты.</div>
</div>
</div><div class="footer">
© CozyCore RP Forum | Дизайн в стиле уютной пустыни и лоу-фай эстетики.
</div>
</body>
</html>
Поделиться32025-07-24 15:16:03
- Новичок
- Зарегистрирован: 2022-01-04
- Приглашений: 0
- Сообщений: 6
- Уважение: +1
- Позитив: +0
- Провел на форуме:
2 часа 6 минут - Последний визит:
2025-12-18 12:48:53 - фон:
а
Поделиться42025-07-24 15:47:20
- Администратор
- Зарегистрирован: 2022-01-04
- Приглашений: 0
- Сообщений: 19
- Уважение: +0
- Позитив: +1
- Провел на форуме:
5 часов 43 минуты - Последний визит:
2026-08-10 01:24:49 - фон: DON'T GO AROUND
пока что протестировано на отдельном элементе, потом подгоню под значения, пока что никуда ничего не засовывать, потом объясню, как работает
свой стиль структура в самый конецКод:.fon { width: 212px; height: 10px; margin: -426px 0px 0px -8px; }это в доп поле
Код:<img src="https://i.pinimg.com/736x/bc/a3/bb/bca3bb74d6a08977fe086e46aeb1116d.jpg" class="fon">
выглядит следующим образом:
Поделиться52025-07-24 21:23:33
- Администратор
- Зарегистрирован: 2022-01-04
- Приглашений: 0
- Сообщений: 19
- Уважение: +0
- Позитив: +1
- Провел на форуме:
5 часов 43 минуты - Последний визит:
2026-08-10 01:24:49 - фон: DON'T GO AROUND
[html]<!--HTML-->
<center>
<div class="temk"><div class="name">слово</div>
<br><br>
<br><br>Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле.<br>
Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле.<br>
Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле.<br>
Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле.<br>
Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле. <br>
Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле. <br>
Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле. <br>Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле. <br>Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле. <br>Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле. <br>
Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле. <br>
Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле. <br>
Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле. <br>
Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле. <br>
Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле. <br>
Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле.<br></td>
</tr>
</table></div>
</center>[/html]
Страница: 1