пиу пиу
пиу
Страница: 1
Сообщений 1 страница 4 из 4
Поделиться22023-10-21 16:15:37
[html]
<div class="news">
<div class="news2">
<div class="adminews" style="background:url(https://i.pinimg.com/564x/b5/c3/a5/b5c3 … 4c97a4.jpg);"></div>
<div class="addons">
<div class="song"><i class="fa-solid fa-music"></i> Taylor Swift - Blank Space </div>
<div class="song"></div>
<div class="date"><i class="fa-solid fa-clock"></i> 21/10/2023</div></div>
<div class="news_t"> Добро <a href="">пожаловать</a> в волнующий мир городских приключений, где каждый шаг наполнен атмосферой Нью-Йорка - мегаполиса, что никогда не засыпает. Здесь каждый момент словно путешествие сквозь улицы и перекрестки, где каждый поворот может принести невероятные открытия. Попробуй раскрасить город по своему настроению. За каждую раскрашенную картинку вы получите по 100$.
<div class="aktivnews"><div class="taktiv">прекрасные пирожочки</div> <div class="iaktiv">
<a href="" title=""><img src="https://i.pinimg.com/564x/6c/51/20/6c5120a6f34417bb280f9105113d6a53.jpg"></a>
<a href="" title=""><img src="https://i.pinimg.com/564x/6c/51/20/6c5120a6f34417bb280f9105113d6a53.jpg"></a>
<a href="" title=""><img src="https://i.pinimg.com/564x/6c/51/20/6c5120a6f34417bb280f9105113d6a53.jpg"></a>
</div></div></div>
</div></div>
[/html]
Код:
<div class="news"> <div class="news2"> <div class="adminews" style="background:url(сюда картинку);"></div> <div class="addons"> <div class="song"><i class="fa-solid fa-music"></i> сюда песню </div> <div class="song"></div> <div class="date"><i class="fa-solid fa-clock"></i> сюда дату</div></div> <div class="news_t"> сюда текст <div class="aktivnews"><div class="taktiv">прекрасные пирожочки</div> <div class="iaktiv"> <a href="" title=""><img src="https://i.pinimg.com/564x/6c/51/20/6c5120a6f34417bb280f9105113d6a53.jpg"></a> <a href="" title=""><img src="https://i.pinimg.com/564x/6c/51/20/6c5120a6f34417bb280f9105113d6a53.jpg"></a> <a href="" title=""><img src="https://i.pinimg.com/564x/6c/51/20/6c5120a6f34417bb280f9105113d6a53.jpg"></a> </div></div></div> </div></div>
без актива
[html]<div class="news">
<div class="news2">
<div class="adminews" style="background:url(сюда картинку);"></div>
<div class="addons">
<div class="song"><i class="fa-solid fa-music"></i> сюда песню </div>
<div class="song"></div>
<div class="date"><i class="fa-solid fa-clock"></i> сюда дату</div></div>
<div class="news_t"> сюда текст </div>
</div></div>[/html]
Поделиться32023-10-21 18:20:45
[html]<style>
.ep {background-color: rgb(var(--pun_c)); height: auto; width: 579px; border-radius: 22px; margin: 34px auto!important; min-height: 70px; padding-top: 29px; padding-bottom: 13px; font: var(--t1);}
.ep1 {position: absolute; width: 579px; text-align: center; margin-top: -60px;}
.epusers {width: 79px;height: 79px;border-radius: 100px;border: 6px #F5F5F5 solid;background-size: cover!important;display: inline-block;}
.epusers2 {width: 79px;height: 79px;border-radius: 100px;border: 6px #F5F5F5 solid;background-size: cover!important;display: inline-block;}
.userdate {width: 579px; display: flex; align-items: center; justify-content: center; margin-top: -20px; height: 50px;}
.user {flex-grow: 1; text-align: center;}
.data {flex-grow: 1; text-align: center;}
.blankspace {flex-grow: 2;}
.epquote {background-color: rgb(var(--lightpun)); height: auto; width: 544px; border-radius: 22px; margin: 7px auto -1px auto!important; min-height: 32px; display: flex; align-items: center; justify-content: center;}
.epname {position: absolute; margin: 20px 0px; color: rgb(var(--link1)); font-family: 'jost'; font-weight: 600; font-size: 15px; width: 579px; text-align: right; letter-spacing: 0.5px;}
</style>
<div class="ep">
<div class="ep1">
<div class="epusers" style="background:url(https://placehold.co/100x100/png);"></div>
<div class="epusers2" style="background:url(https://placehold.co/100x100/png);"></div>
</div>
<div class="userdate">
<div class="data">дата</div>
<div class="blankspace"></div>
<div class="user">участники</div>
</div>
<div class="epquote">цитата или описание</div>
<div class="epname">НАЗВАНИЕ</div>
</div>[/html]
Поделиться42023-10-21 19:31:35
[html]
<style>
.plash {display: flex; width: 171px; height: 40px; background: rgb(var(--pun_c)); align-items: center; justify-content: center; border-radius: 12px; border: 1px solid rgb(var(--link2)/20%);}
.pdate {background: rgb(var(--link2)/20%); width: 50px; text-align: center; margin-right: 10px; border-radius: 10px;}
.pl {display: flex; flex-direction: column;}
.pl up {font: var(--h2);}
.pl down {font: var(--t1);}
</style>
<a href="">
<div class="plash">
<div class="pdate">21/10</div>
<div class="pl">
<up>ЛОТЕРЕЯ</up>
<down>ставки на спорт</down>
</div>
</div>
</a>
[/html]
Страница: 1