123
Шаблон фотки
Сообщений 1 страница 2 из 2
Поделиться22026-04-25 16:43:47
[html]<style>
section.polaroids {
width: 880px;
height: 561px;
position: relative;
background: url(https://forumstatic.ru/files/001c/af/2d/30804.png) no-repeat center / contain;
margin: auto;
}
section.polaroids coupon {
display: flex;
height: 28px;
margin-top: 5px;
width: 204px;
box-sizing: border-box;
color: rgba(51, 51, 51, 1);
font-size: 10px;
background: rgba(206, 206, 206, 0.5);
border: 1px solid rgba(175, 175, 175, 1);
border-radius: 5px;
position: relative;
justify-content: flex-start;
align-items: center;
padding: 3px 10px 5px 59px;
}
section.polaroids .pp-photo {
background: url(https://forumstatic.ru/files/001c/af/2d/78491.png) no-repeat top / contain !important;
position: absolute;
width: 531px;
height: 101px;
padding: 0;
top: -15px;
left: 1px;
border: none;
}
section.personalpage .vtab-content .pp-photo::before,
section.personalpage .vtab-content .pp-photo::after {
content: none;
}
section.polaroids > div {
display: flex;
justify-content: safe center;
overflow-x: auto;
height: 91px;
align-items: flex-end;
margin-top: 11px;
width: 424px;
margin-left: 52px;
padding-bottom: 5px;
}
section.polaroids pphoto {
width: 71px;
height: 71px;
display: block;
position: relative;
background: url(https://forumstatic.ru/files/001c/af/2d/14437.png) no-repeat center / contain;
flex-shrink: 0;
}
section.polaroids pphoto img {
width: 48px;
height: 48px;
position: absolute;
top: 3px;
left: 13px;
object-fit: cover;
}
section.polaroids .plrd-desc {
display: block;
width: 209px;
height: 215px;
position: absolute;
top: 80px;
left: 558px;
overflow: auto;
padding-right: 8px;
scrollbar-gutter: stable;
line-height: 140%;
}
section.polaroids .plrd-list {
width: 436px;
height: 250px;
display: flex;
flex-wrap: wrap;
position: absolute;
gap: 20px 50px;
top: 165px;
left: 85px;
align-items: flex-start;
align-content: flex-start;
justify-content: flex-start;
}
section.polaroids .plrd-list > div {
display: flex;
}
section.polaroids .plrd-list > div ttl {
font-family: Playfair Display;
font-weight: 700;
font-size: 10px;
line-height: 120%;
letter-spacing: 2%;
color: rgba(51, 51, 51, 1);
width: 90px;
height: 64px;
box-sizing: border-box;
display: flex;
align-items: center;
text-align: left;
padding-left: 8px;
}
</style>
<section class='polaroids'>
<div class='plrd-list'>
<div>
<pphoto><img src='https://i.pinimg.com/736x/ac/08/5d/ac085d37653700486dba61c14b2fb89c.jpg'></pphoto>
<ttl>подрался в эпизоде</ttl></div>
<div>
<pphoto><img src='https://i.pinimg.com/736x/70/f5/d1/70f5d1ffe0fcfa705e9e573de1d8911b.jpg'></pphoto>
<ttl>написал нцу</ttl></div>
<div>
<pphoto><img src='https://i.pinimg.com/1200x/c1/cb/97/c1cb977d69e2a2bcf1bcec565eaf79bf.jpg'></pphoto>
<ttl>приготовил ужин в эпизоде</ttl></div>
<div>
<pphoto><img src='https://i.pinimg.com/736x/12/97/d2/1297d233efea1d71658878f6aea6c266.jpg'></pphoto>
<ttl>сыграл первый рабочий день</ttl></div>
<div>
<pphoto><img src='https://i.pinimg.com/736x/44/8f/df/448fdf645df8571f5180d5a56d2880d8.jpg'></pphoto>
<ttl>выпил амортенцию</ttl></div>
<div>
<pphoto><img src='https://i.pinimg.com/1200x/f2/a6/4f/f2a64fbebcff3e2da1b16297ebeba10d.jpg'></pphoto>
<ttl>получил 3000 репутации</ttl></div>
<div>
<pphoto><img src='https://i.pinimg.com/736x/f1/07/e4/f107e412d1d6fe3c860c335d98d587f6.jpg'></pphoto>
<ttl>написал 3 поста за сутки</ttl></div>
<div>
<pphoto><img src='https://i.pinimg.com/1200x/47/49/9a/47499a5cd90f926e9506b4a47435a0eb.jpg'></pphoto>
<ttl>нафлудил 3000 сообщений</ttl></div>
<div>
<pphoto><img src='https://i.pinimg.com/736x/3a/52/32/3a5232471ed9ce05eb5f545da18624bb.jpg'></pphoto>
<ttl>поделился 5 песнями</ttl></div>
<div>
<pphoto><img src='https://i.pinimg.com/1200x/e3/3e/0d/e33e0d0d8bfd08edd02456451be3bda7.jpg'></pphoto>
<ttl>провел день рождения на форуме</ttl></div>
<div>
<pphoto><img src='https://i.pinimg.com/736x/27/ce/46/27ce4688747d261603b95c8be003e6fa.jpg'></pphoto>
<ttl>участник 5 ивентов</ttl></div>
<div>
<pphoto><img src='https://i.pinimg.com/736x/65/7f/7f/657f7fddc37bc6db83db7139ed76698b.jpg'></pphoto>
<ttl>провел на форуме 10 дней</ttl></div>
</div>
<div class='plrd-desc'>
"полароиды" или по-другому карточки достижений выдаются за конкретные действия, совершенные на форуме. они могут относиться к вам, как к игроку или как к персонажу. некоторые задания игровые, другие организационные. <br><br>
каждый полароид останется радовать вас на личной странице персонажа.
</div>
</coupons>[/html]
[b]какой полароид?[/b] [b]ссылка подтверждение:[/b]
[hideprofile]




