123
шаблон ачивки
Страница: 1
Сообщений 1 страница 2 из 2
Поделиться12025-11-25 20:25:26
- Администратор
Имя Фамилия You can't take this from me
Forbidden in Heaven
and useless in Hell- Сообщений: 44
- Уважение: +2
- Валюта: 123
- Посты: 123
Some text content
...and more text
Поделиться22025-11-25 21:18:54
- Администратор
Имя Фамилия You can't take this from me
Forbidden in Heaven
and useless in Hell- Сообщений: 44
- Уважение: +2
- Валюта: 123
- Посты: 123
Some text content
...and more text
[html]
<style>
section.achievemens {
position: relative;
display: flex;
gap: 15px;
width: 977px;
height: 700px;
background: rgb(var(--canvas-secondary), .7);
border-radius: 10px;
box-sizing: border-box;
padding: 30px;
margin: 0 auto !important;
flex-direction: column;
align-items: flex-end;
}
section.achievemens::before {
content: '';
width: 397px;
height: 331px;
background: url(https://forumstatic.ru/files/001c/97/86/48744.png) no-repeat center / 100%;
position: absolute;
top: -1px;
left: 321px;
z-index: 0;
}
section.achievemens * {
box-sizing: border-box;
scrollbar-gutter: stable;
}
section.achievemens .achiev-header {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-end;
margin-bottom: 15px;
z-index: 1px;
position: relative;
}
section.achievemens .achiev-header > span {
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;
}
section.achievemens .achiev-header > div {
width: 50%;
padding: 20px;
border-radius: 10px;
background: rgb(var(--canvas-secondary-rgb));
border: 1px solid rgba(174, 174, 174, 0.5);
}
section.achievemens .achiev-wrapper {
background: rgb(var(--canvas-secondary-rgb));
padding: 20px;
border-radius: 10px;
height: 420px;
overflow: auto;
z-index: 1;
position: relative;
border: 1px solid rgba(174, 174, 174, 0.5);
}
section.achievemens .achiev-wrapper > div {
padding-left: 5px;
display: flex;
flex-wrap: wrap;
gap: 16px;
border-radius: 10px;
overflow: auto;
height: 370px;
position: relative;
}
.achiev-wrapper achiev {
display: flex;
width: 159px;
height: 72px;
background: rgba(202, 202, 202, 1);
border-radius: 5px;
gap: 8px;
}
.achiev-wrapper span {
width: 78px;
height: 100%;
display: flex;
overflow: auto;
font-family: Pragmatica;
font-weight: 400;
font-size: 9px;
text-align: left;
line-height: 100%;
padding: 8px 3px 8px 0;
}
.achiev-wrapper achiev img {
width: 72px;
height: 72px;
object-fit: cover;
border-radius: 5px;
}
section.achievemens .copy-to-reply-toform {
margin: 0!important;
}
</style>
<section class='achievemens'>
<div class='achiev-header'>
<span> список достижений </span>
<div>
тут длинный текст с описанием ачивок, заполняющий несколько строк, мощугий быть подспорьем и описывающий все нюансы получения. <br>
код для подтверждения получения достижения можно получить нажатием на кнопку "получить достижение".
</div></div>
<div class='achiev-wrapper'><div>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
<achiev>
<img src="https://i.pinimg.com/736x/21/20/a6/2120a6f1a36f8614304f99bb838b4d17.jpg">
<span>С возрастом я понял, что на самом деле слова «прийти в себя» означают </span>
</achiev>
</div></div>
<button class="copy-to-reply-toform">
получить достижение
<div class="hidden-copy-code" style="display: none;">
<code>
1) за какое забираете
ответ
2) доказательства
ответ
</code>
</div></button>
</section> [/html][hideprofile]
Страница: 1
