новости
Сообщений 1 страница 3 из 3
Поделиться22025-05-03 12:08:58
/* новости */
.fb-nswa {
display: block;
align: justify;
padding: 24px;
box-sizing: border-box;
background-color: var(--wordcolor1);
width: 600px;
height: 630px;
margin: 0 auto 20px !important;
border: 10px solid var(--whitenah) !important;
position: relative;
border-radius: 10px;
outline: 0px solid var(--bordercolornah) !important;
}
.nswa-ava {
position: absolute;
top: 50px;
left: 35px;
z-index: 50;
text-align: center;
width: 70px;
height: 70px;
border-radius: 70px;
border: 10px solid var(--whitenah) !important;
margin: 0 auto !important;
background: var(--bordercolornah);
}
.nswa-ava img {
border-radius: 70px;
width: 70px;
height: 70px;
filter: grayscale(1);
mix-blend-mode: soft-light;
}
.nswa-nn {
top: 35px;
right: 30px;
display: block;
position: absolute;
width: 90%;
height: 30px;
overflow: hidden;
text-transform: lowercase;
letter-spacing: 0.5px;
color: var(--accentcolor1idinah);
font-family: var(--eng1nah);
font-size: 14px;
text-align: center;
}
.nswa-who {
display: block;
top: 0px;
right: 30px;
display: block;
width: 90%;
position: absolute;
line-height: 25px;
text-transform: lowercase;
text-align: center;
color: var(--accentcolor1idinah);
font-family: var(--eng1nah);
font-size: 20px;
letter-spacing: 1px;
box-sizing: border-box;
padding-bottom: 5px;
background-color: var(--whitenah);
border-radius: 0 0 10px 10px;
}
.nswa-text {
box-sizing: border-box;
top: 160px;
left: 20px;
width: 540px;
height: 320px;
font-size: 12px;
font-family: Arial;
line-height: 13px;
color: var(--textcolornah);
letter-spacing: 0.3px;
position: absolute;
display: block;
text-align: justify;
margin: auto !important;
background: var(--whitenah);
border-radius: 10px;
padding: 10px;
overflow-y: auto;
}
.nswa-text::-webkit-scrollbar {width: 4px !important; height: 0;}
.nswa-music {
position: absolute;
font-style: normal !important;
display: block;
top: 55px;
left: 0px;
width: 98%;
text-align: center;
color: var(--textcolornah);
font-family: arial;
font-size: 10px;
letter-spacing: 0.5px;
border-radius: 10px;
padding: 3px;
}
.fb-nswa a {
font-weight: 400 !important;
font-family: Arial;
}
.block-aktivwa a,
.b-para a {
color: var(--accentcolor1idinah) !important;
}
.fb-nswa a:hover {
opacity: 0.5;
}
.block-aktivwa {
width: 100%;
display: flex;
position: absolute;
justify-content: center;
align-items: center;
bottom: 0px;
z-index: 1;
left: 0;
margin: 0px auto !important;
}
.left-aktivwa,
.right-aktiv {
display: flex;
position: absolute;
justify-content: space-between;
align-items: center;
width: 120px;
text-align: center;
gap: 10px;
}
.left-aktivwa {
left: 180px;
top: -530px;
}
.right-aktivwa {
left: 380px;
top: -530px;
}
.left-aktivwa img,
.right-aktiv img {
border-radius: 50%;
max-width: 40px;
max-height: 40px;
filter: grayscale(1);
mix-blend-mode: soft-light;
}
.left-aktivwa span,
.right-aktiv span {
background: var(--wordcolor2);
border-radius: 50%;
}
.ep-aktivwa {
text-transform: lowercase;
font-size: 10px;
letter-spacing: 0.4px;
display: flex;
width: 150px;
height: 60px;
padding: 0 10px;
box-sizing: border-box;
color: var(--accentcolor2idinah);
font-family: var(--rusnah);
text-align: center;
justify-content: center;
align-items: center;
flex-direction: column;
flex-wrap: nowrap;
line-height: 1;
position: absolute;
left: 420px;
top: -120px;
}
.post-parawa {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
box-sizing: border-box;
left: 120px;
top: 500px;
}
.b-postwa {
text-align: justify;
text-transform: lowercase;
font-size: 9px;
width: 300px;
height: 70px;
line-height: 10px;
letter-spacing: 0.3px;
color: var(--textcolornah);
font-family: Arial;
overflow-y: auto;
box-sizing: border-box;
padding: 0 5px;
}
.b-postwa::-webkit-scrollbar {
width: 3px !important;
height: 0;
}
.b-postwa::-webkit-scrollbar-thumb {
background: var(--accentcolor2idinah) !important;
}
.b-postwa a {
color: var(--textcolornah) !important;
font-family: Arial !important;
font-style: bold;
}
.b-parawa {
display: flex;
position: absolute;
justify-content: space-between;
align-items: center;
width: 80px;
text-align: center;
}
.b-parawa {
top: 10px;
left: -90px;
}
.b-parawa img {
border-radius: 10px;
max-width: 80px;
max-height: 40px;
filter: grayscale(1);
mix-blend-mode: soft-light;
}
.b-parawa span {
background: var(--wordcolor2);
border-radius: 10px;
}
.ns-snswa {
text-transform: lowercase;
font-size: 16px;
letter-spacing: 0.4px;
display: flex;
width: 600px;
height: 60px;
padding: 0 10px;
box-sizing: border-box;
color: var(--accentcolor2idinah);
font-family: var(--rusnah);
text-align: center;
justify-content: center;
align-items: center;
flex-direction: column;
flex-wrap: nowrap;
line-height: 1;
position: absolute;
left: -140px;
top: 55px;
}
.ns-linkswa {
box-sizing: border-box;
width: 100%;
text-align: center;
top: 145px;
position: absolute;
left: 50px;
font-family: var(--eng1nah);
text-transform: lowercase;
font-size: 9px;
letter-spacing: 0.5px;
color: var(--wordcolor);
box-sizing: border-box;
}
.ns-linkswa a {
letter-spacing: 0.8px;
color: var(--accentcolor2idinah) !important;
padding: 3px 6px 3px;
box-sizing: border-box;
line-height: 1;
border: 0px solid var(--bordercolornah) !important;
border-radius: 10px;
font-family: var(--eng1nah);
font-size: 12px;
margin: 10px 0;
width: 100%;
min-width: 150px;
text-align: center;
font-weight: 400;
cursor: pointer;
background: var(--wordcolor);
align-items: center;
}
Поделиться32025-05-03 12:09:05
[html]<div class="fb-nswa">
<div class="nswa-ava"><img src="ССЫЛКА НА АВУ"></div>
<div class="nswa-nn">название новостей</div>
<div class="nswa-who">имя админа в свободной форме</div>
<div class="nswa-music">♫ исполнитель — название</div>
<div class="block-aktivwa">
<div class="left-aktivwa">
<span><img src="ССЫЛКА КАРТИНКА" title="постописец ИМЯ"></span>
<span><img src="ССЫЛКА КАРТИНКА" title="постописец ИМЯ"></span>
<span><img src="ССЫЛКА КАРТИНКА" title="постописец ИМЯ"></span></div>
<div class="ep-aktivwa"><b>
<a href="ССЫЛКА НА ПРОФ">ИМЯ</a> & <a href="ССЫЛКА НА ПРОФ">ИМЯ</a></b><br>
<a href="ССЫЛКА НА ЭПИЗОД">НАЗВАНИЕ ЭПИЗОДА</a></div>
<div class="right-aktivwa">
<span><img src="ССЫЛКА КАРТИНКА" title="активист ИМЯ"></span>
<span><img src="ССЫЛКА КАРТИНКА" title="активист ИМЯ"></span>
<span><img src="ССЫЛКА КАРТИНКА" title="активист ИМЯ"></span></div>
</div>
<div class="post-parawa">
<div class="b-postwa"><b><a href="ССЫЛКА НА ПОСТ">ИМЯ</a> пишет:</b>ТЕКСТ ПОСТА </div>
<div class="b-parawa"><span><img src="КАРТИНКА ПАРЫ" title="пара ИМЯ & ИМЯ"></span></div>
<div class="nswa-sns"><a href="ССЫЛКА НА СНС">название снс</a></div>
</div>
</div>
<div class="nswa-links"><a href="https://billboard.rusff.me/viewtopic.php?id=6" target="_blank">ссылка</a> <a href="https://billboard.rusff.me/viewtopic.php?id=8" target="_blank">ссылка</a> <a href="https://billboard.rusff.me/viewtopic.php?id=3" target="_blank">ссылка</a> <a href="https://billboard.rusff.me/viewtopic.php?id=5" target="_blank">ссылка</a> <a href="https://billboard.rusff.me/viewtopic.php?id=3" target="_blank">ссылка</a> <a href="https://billboard.rusff.me/viewtopic.php?id=5" target="_blank">ссылка</a></div>
</div>
</div>[/html]