[hideprofile]
[html]
<style>
.forum-post {
width: 880px;
height: 448px;
position: relative;
background-image: url('https://forumstatic.ru/files/0018/37/c7/84332.png');
background-size: cover;
background-position: center;
border-radius: 8px;
overflow: hidden;
border-radius: 6px;
}
.text-container { font-family:verdana; font-size:10px; color:#6d6d6d;
position: absolute;
left: 385px;
top: 215px;
width: 400px;
height: 110px;
line-height: 100%!important;
overflow-y: auto;
padding: 0px;
}
.text-container::-webkit-scrollbar {
width: 6px;
}
.text-container::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 3px;
}
.text-container::-webkit-scrollbar-thumb {
background: #888;
border-radius: 3px;
}
.text-container::-webkit-scrollbar-thumb:hover {
background: #555;
}
.music-player {
position: absolute;
left: 385px;
top: 343px;
width: 430px;
height: 78px;
background-color: white;
border: 1px solid #ccc;
border-radius: 16px;
display: flex;
align-items: center;
padding: 0 15px;
}
.album-cover {
width: 50px;
height: 50px;
background-color: #f0f0f0;
border-radius: 4px;
margin-right: 15px;
background-image: url('https://forumstatic.ru/files/001c/98/18/43768.webp');
background-size: cover;
background-position: center;
}
.music-info {
color: #333;
flex-grow: 1;
}
.music-title {
font-weight: bold;
font-size: 12px;
margin-bottom: 4px;
}
.music-artist {
font-size: 10px;
color: #666;
}
.play-button {
width: 40px;
height: 40px;
background-color: #ddd;
border: none;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.play-button:hover {
background-color: #999;
}
.play-button::after {
color: white;
}
.play-button.playing::after {
content: "❚❚";
font-size: 12px;
margin-left: 0px;
}
.play-button:not(.playing)::after {
content: "▶";
font-size: 18px;
margin-left: 4px;
}
#music-audio {
display: none;
}
</style>
<div class="forum-post">
<div class="text-container">
<b>привет всем</b> и каждому, кто заглянул к нам! много букв писать не будем, постараемся по-простому.<br><br>
наша небольшая компания решила попробовать <b>создать свой форум</b>, который мог бы стать стабильной опорой и комфортным местом для тех, кто захочет присоединиться к нам. местом, которое станет неким островком стабильности в нашем нестабильном ролевом мире. и где захочется не только выкладывать посты от чистки до чистки, но и лампово тусоваться без негатива и напряга.<br><br>
нас сейчас трое. мы умеем в графику, коды, пиар и прочие форумные штуки, но <b>ищем тех, кто захочет влиться и стать частью нашей команды</b>. кто так же, как и мы чувствует, что готов вложить в проект идеи, время и душу. если вы умеете что-то делать - прекрасно, если умеете не много, но готовы быть активным и помогать с организаторскими вопросами - тоже здорово! мы ищем всех, ведь <b>главное - это ваш энтузиазм</b>, а мы со своей стороны будем готовы поддержать друг друга. главное это люди, а с техническими моментами разберемся вместе.<br><br>
ну что, ребят, может попробуем? ничего ведь не теряем 🖤
</div>
<div class="music-player">
<div class="album-cover"></div>
<div class="music-info">
<div class="music-title">Do It</div>
<div class="music-artist">Stray Kids</div>
</div>
<button class="play-button"></button>
</div>
</div>
<!-- Аудио элемент -->
<audio id="music-audio">
<source src="https://forumstatic.ru/files/001c/98/18/84401.mp3" type="audio/mpeg">
Ваш браузер не поддерживает аудио элемент.
</audio>
</div>
[/html]
- внешности на данном этапе не придерживаем |