Благодарим за выбор нашего сервиса!
Тестовое сообщение
Страница: 1
Сообщений 1 страница 5 из 5
Поделиться12022-01-04 02:50:31
- Администратор
- Зарегистрирован: 2022-01-04
- Приглашений: 0
- Сообщений: 18
- Уважение: +0
- Позитив: +1
- Провел на форуме:
4 часа 30 минут - Последний визит:
Вчера 04:30:32
Поделиться22025-07-22 16:08:57
- Администратор
- Зарегистрирован: 2022-01-04
- Приглашений: 0
- Сообщений: 18
- Уважение: +0
- Позитив: +1
- Провел на форуме:
4 часа 30 минут - Последний визит:
Вчера 04:30:32
<!-- 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-11-07 20:08:51 - фон:
а
Поделиться42025-07-24 15:47:20
- Администратор
- Зарегистрирован: 2022-01-04
- Приглашений: 0
- Сообщений: 18
- Уважение: +0
- Позитив: +1
- Провел на форуме:
4 часа 30 минут - Последний визит:
Вчера 04:30:32
пока что протестировано на отдельном элементе, потом подгоню под значения, пока что никуда ничего не засовывать, потом объясню, как работает
свой стиль структура в самый конец
Код:
.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
- Сообщений: 18
- Уважение: +0
- Позитив: +1
- Провел на форуме:
4 часа 30 минут - Последний визит:
Вчера 04:30:32
[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