123
шаблон три профиля дары
Сообщений 1 страница 2 из 2
Поделиться22025-11-25 17:06:54
[html]
<style>
.freebies-header {
font-family: Moisette;
font-weight: 700;
font-style: Italic;
font-size: 35px;
line-height: 150%;
text-align: center;
color: rgb(var(--text-primary), .7);
white-space: normal !important;
}
.freebies-header {
width: 780px;
height: fit-content;
border-radius: 10px;
margin: 0 auto !important;
border: 1px solid rgba(174, 174, 174, 0.5);
background: rgb(var(--canvas-secondary));
box-sizing: border-box;
position: relative;
padding: 48px 21px 23px;
white-space: pre-line;
}
.freebies-header * {
box-sizing: border-box;
}
.freebies-header::before {
content: '';
width: 34px;
height: 34px;
border-radius: 50%;
background: url(https://forumstatic.ru/files/001c/96/40/59467.png) no-repeat center, linear-gradient(270deg, #B39E83 0%, #4D4438 100%);
position: absolute;
top: -17px;
left: 50%;
background-position: 4px 3px, 0 0;
transform: translatex(-50%);
}
.freebies-header::first-line {
line-height: 0 !important;
}
.freebies-header > div {
width: 100%;
height: 100%;
border-radius: 10px;
background-color: rgb(var(--canvas-secondary-rgb));
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
padding: 18px 17px 23px;
font-size: 11px;
text-align: center;
text-transform: lowercase;
color: rgb(var(--text-primary), .8);
}
.freebies-header .post-author {
width: 224px !important;
display: block!important;
margin: 25px 0px 0px 0px!important;
}
.freebies-header .post-author ul {
padding: 0px;
}
.starter-kits {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto auto;
grid-auto-flow: column;
}
.starter-kits .plaque p {
margin: 0!important;
}
.freebies-header .bonuses {
text-align: left;
font: 400 10px var(--font-main);
padding: 20px 20px 10px 30px;
}
.freebies-header .bonuses li {
list-style: outside;
padding-bottom: 3px;
}
</style>
<section class='freebies-header'>
<span>подарочные профили</span>
<div><div class='starter-kits'>
<div class="post-author"><ul>
<li class="pa-fld1"><img src="https://i.pinimg.com/736x/16/43/0b/16430bc11615d206644c4ef4c1fb4ab6.jpg"></li>
<li class="pa-author"><span class="acchide"></span><a>Name Surname</a></li>
<li class="pa-title">красивый статус</li>
<!----аватар---------->
<li class="pa-avatar item2"><img src="https://i.pinimg.com/736x/d0/fd/55/d0fd55cd2b6999c3485d4fb0182d76d8.jpg"></li>
<li class="pa-fld2"><lz><a href="#"> Имя Фамилия </a> You <span style="color: #e13737">can't</span> take this from me<br>Forbidden in Heaven <br> and <span style="color: #37c5e1">useless </span>in Hell</lz></li>
<li class="pa-posts"><span class="fld-name">Сообщений:</span> 000</li>
<li class="pa-respect"><span class="fld-name"><a href="/respect.php?id=2" rel="nofollow">Репутация</a>:</span> <span>+000</span></li>
<li class="pa-fld3"><span class="fld-name">Валюта:</span>000</li>
<li class="pa-fld4"><span class="fld-name">Посты:</span> <span class="GamePst">000</span></li>
<li class="pa-fld5">
<!----плашка ---------->
<div class="plaque" style="background: url('https://i.pinimg.com/736x/3b/b5/68/3bb568ce479c4ad22b8874b57a82bb1e.jpg') center center / cover; color: rgb(131, 210, 236);"><p>первая строка текста</p><p>вторая строка текста</p></div><proficon>
<!----иконка---------->
<img src="https://i.imgur.com/eTU0Xtu.png"></proficon></li>
</ul></div>
<div class='bonuses'>
<li>подарок там бесплатный фон например </li>
<li>бонусом баф на бессмертие </li>
<li>дополнительно плазменная пушка </li>
<li>и три маленьких зелья исцеления</li>
</div>
<div class="post-author"><ul>
<li class="pa-fld1"><img src="https://i.pinimg.com/736x/16/43/0b/16430bc11615d206644c4ef4c1fb4ab6.jpg"></li>
<li class="pa-author"><span class="acchide">Автор: </span><a href="javascript:to('Vandra')" rel="nofollow">Vandra</a></li>
<li class="pa-title">красивый статус</li>
<li class="pa-avatar item2"><img src="https://i.pinimg.com/736x/d0/fd/55/d0fd55cd2b6999c3485d4fb0182d76d8.jpg"></li>
<li class="pa-fld2"><lz><a href="#"> Имя Фамилия </a> You <span style="color: #e13737">can't</span> take this from me<br>Forbidden in Heaven <br> and <span style="color: #37c5e1">useless </span>in Hell</lz></li>
<li class="pa-posts"><span class="fld-name">Сообщений:</span> 000</li>
<li class="pa-respect"><span class="fld-name"><a href="/respect.php?id=2" rel="nofollow">Репутация</a>:</span> <span>+000</span></li>
<li class="pa-fld3"><span class="fld-name">Валюта:</span>000</li>
<li class="pa-fld4"><span class="fld-name">Посты:</span> <span class="GamePst">000</span></li>
<li class="pa-fld5"><div class="plaque" style="background: url('https://i.pinimg.com/736x/3b/b5/68/3bb568ce479c4ad22b8874b57a82bb1e.jpg') center center / cover; color: rgb(131, 210, 236);"><p>первая строка текста</p><p>вторая строка текста</p></div><proficon><img src="https://i.imgur.com/eTU0Xtu.png"></proficon></li>
</ul></div>
<div class='bonuses'>
<li>подарок там бесплатный фон например </li>
<li>бонусом баф на бессмертие </li>
<li>дополнительно плазменная пушка </li>
<li>и три маленьких зелья исцеления</li>
</div>
<div class="post-author"><ul>
<li class="pa-fld1"><img src="https://i.pinimg.com/736x/16/43/0b/16430bc11615d206644c4ef4c1fb4ab6.jpg"></li>
<li class="pa-author"><span class="acchide">Автор: </span><a href="javascript:to('Vandra')" rel="nofollow">Vandra</a></li>
<li class="pa-title">красивый статус</li>
<li class="pa-avatar item2"><img src="https://i.pinimg.com/736x/d0/fd/55/d0fd55cd2b6999c3485d4fb0182d76d8.jpg"></li>
<li class="pa-fld2"><lz><a href="#"> Имя Фамилия </a> You <span style="color: #e13737">can't</span> take this from me<br>Forbidden in Heaven <br> and <span style="color: #37c5e1">useless </span>in Hell</lz></li>
<li class="pa-posts"><span class="fld-name">Сообщений:</span> 000</li>
<li class="pa-respect"><span class="fld-name"><a href="/respect.php?id=2" rel="nofollow">Репутация</a>:</span> <span>+000</span></li>
<li class="pa-fld3"><span class="fld-name">Валюта:</span>000</li>
<li class="pa-fld4"><span class="fld-name">Посты:</span> <span class="GamePst">000</span></li>
<li class="pa-fld5"><div class="plaque" style="background: url('https://i.pinimg.com/736x/3b/b5/68/3bb568ce479c4ad22b8874b57a82bb1e.jpg') center center / cover; color: rgb(131, 210, 236);"><p>первая строка текста</p><p>вторая строка текста</p></div><proficon><img src="https://i.imgur.com/eTU0Xtu.png"></proficon></li>
</ul></div>
<div class='bonuses'>
<li>подарок там бесплатный фон например </li>
<li>бонусом баф на бессмертие </li>
<li>дополнительно плазменная пушка </li>
<li>и три маленьких зелья исцеления</li>
</div>
</div></div></section>[/html][hideprofile]





