[hideprofile]
комплимент от тонтона
Добро пожаловать в Тонтон! Мы очень рады приветствовать вас в нашем городе полным аномалий и феноменов. В качестве комплимента Тонтон дарит новым жителям одно из оформлений профиля.
★ Оформление можно получить отметившись в этой теме, после регистрации и принятия анкеты: достаточно написать в этой теме какой из трех вариантов вы берете.
★ Жители Тонтона, могут получить один из вариантов бесплатно, так же отметившись в этой теме.
[html]<div class="trivryad">
<!---первый--->
<div class="newpol">
<ul>
<li class="pa-fld6"><img src="https://upforme.ru/uploads/001c/84/93/2/241270.png"></li>
<li class="pa-author"><span class="acchide">Автор: </span><a href="javascript:to('fog bound')" class="online">name surname</a><img src="/i/blank.gif" class="indOnline" original-title="fog bond"></li>
<li class="pa1"></li>
<li class="pa-title">i ♥ fog bound</li>
<li class="pa-avatar"><img src="https://upforme.ru/uploads/0019/47/79/1115/339503.png" alt="fog bound"style="cursor: pointer;"></li>
<li class="pa-fld1"><name><a href="https://wounds.rusff.me/">твое красивое имя, y.o.</a></name><text>я похищен <a href="https://wounds.rusff.me/">нло</a>. </text><prof>профессионал своего дела</prof></li>
<li class="pa-posts"><span class="fld-name"><a href="" target="_blank">Сообщений</a>:</span> 100<span class="GamePst">/100</span></li>
<li class="pa-fld2"><span class="fld-name">Валюта:</span> 100</li>
<li class="pa-respect"><span class="fld-name"><a href="" rel="nofollow">Репутация</a>:</span>
<span>+100</span></li>
<li class="pa-fld3" style="display: none;"><span class="fld-name">Посты:</span> 100</li>
<li class="papara"><a id="fog_bound" class="modal-link" href="#" data-reveal-id="character"><img src="https://upforme.ru/uploads/001b/2e/b0/2/235881.jpg"><text><m>and then there</m>were none</text></a></li>
</ul>
</div>
<!---второй--->
<div class="newpol">
<ul>
<li class="pa-fld6"><img src="https://upforme.ru/uploads/001c/84/93/2/241270.png"></li>
<li class="pa-author"><span class="acchide">Автор: </span><a href="javascript:to('fog bound')" rel="nofollow" class="online">name surname</a><img src="/i/blank.gif" class="indOnline" original-title="fog bond"></li>
<li class="pa2"></li>
<li class="pa-title">i ♥ fog bound</li>
<li class="pa-avatar item2"><img src="https://upforme.ru/uploads/0019/47/79/1115/339503.png" alt="fog bound" class="allow_change" style="cursor: pointer;"></li>
<li class="pa-fld1"><name><a href="https://wounds.rusff.me/">твое красивое имя, y.o.</a></name><text>я похищен <a href="https://wounds.rusff.me/">нло</a>. </text><prof>профессионал своего дела</prof></li>
<li class="pa-posts"><span class="fld-name"><a href="" target="_blank">Сообщений</a>:</span> 100<span class="GamePst">/100</span></li>
<li class="pa-fld2"><span class="fld-name">Валюта:</span> 100</li>
<li class="pa-respect"><span class="fld-name"><a href="" rel="nofollow">Репутация</a>:</span>
<span>+100</span></li>
<li class="pa-fld3" style="display: none;"><span class="fld-name">Посты:</span> 100</li>
<li class="papara"><a id="fog_bound" class="modal-link" href="#" data-reveal-id="character"><img src="https://upforme.ru/uploads/001b/2e/b0/2/775443.jpg"><text><m>and then there</m>were none</text></a></li>
</ul>
</div>
<!---третий--->
<div class="newpol">
<ul>
<li class="pa-fld6"><img src="https://upforme.ru/uploads/001c/84/93/2/241270.png"></li>
<li class="pa-author"><span class="acchide">Автор: </span><a href="javascript:to('fog bound')" rel="nofollow" class="online">name surname</a><img src="/i/blank.gif" class="indOnline" original-title="fog bond"></li>
<li class="pa3"></li>
<li class="pa-title">i ♥ fog bound</li>
<li class="pa-avatar item2"><img src="https://upforme.ru/uploads/0019/47/79/1115/339503.png" alt="fog bound" class="allow_change" style="cursor: pointer;"></li>
<li class="pa-fld1"><name><a href="https://wounds.rusff.me/">твое красивое имя, y.o.</a></name><text>я похищен <a href="https://wounds.rusff.me/">нло</a>. </text><prof>профессионал своего дела</prof></li>
<li class="pa-posts"><span class="fld-name"><a href="" target="_blank">Сообщений</a>:</span> 100<span class="GamePst">/100</span></li>
<li class="pa-fld2"><span class="fld-name">Валюта:</span> 100</li>
<li class="pa-respect"><span class="fld-name"><a href="" rel="nofollow">Репутация</a>:</span>
<span>+100</span></li>
<li class="pa-fld3" style="display: none;"><span class="fld-name">Посты:</span> 100</li>
<li class="papara"><a id="fog_bound" class="modal-link" href="#" data-reveal-id="character"><img src="https://i.pinimg.com/736x/8a/df/43/8adf438e73f7c376b5c41e2e4fa2b04b.jpg"><text><m>and then there</m>were none</text></a></li>
</ul>
</div>
</div>
<style>
.trivryad {
display: flex;
justify-content: space-evenly;
}
.newpol {
position: sticky;
width: 250px;
box-sizing: border-box;
padding: 35px 15px 15px;
background: linear-gradient(180deg, rgba(180, 177, 175, 0) 32%, var(--back-color) 73%);
border-radius: 10px;
}
.newpol ul {
padding: 0px;
box-sizing: border-box;
text-align: center;
text-transform: lowercase;
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
width: 100%;
margin: 0px;
background: var(--back-color);
border-radius: 10px;
}
.papara, #papara strong {
display: flex;
flex-direction: column;
box-sizing: border-box;
width: 100%;
height: 50px;
margin-top: 5px;
}
.papara > a, #papara strong > a
{
color: #DFD8CC !important;
font: 700 11px 'Mulish' !important;
text-transform: uppercase;
position: relative;
display: flex;
flex-direction: column;
padding: 0 10px;
box-sizing: border-box;
justify-content: center;
}
.papara img, #papara strong img {
position: absolute;
left: 0;
width: 220px;
height: 50px;
border-radius: 0 0px 10px 10px;
z-index: 0;
object-fit: cover;
}
.textpl, #papara strong .textpl {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 50px;
}
.papara text, #papara strong text {
position: relative;
text-transform: lowercase;
display: flex;
flex-direction: column;
background: #33333366;
padding: 7px;
border-radius: 10px;
max-height: 36px;
justify-content: center;
}
.papara m, #papara strong .text {
text-transform: uppercase;
}
.papara a:hover { color: var(--hovlink)!important; }
.newpol .pa-avatar{
pointer-events: none}
/***здесь задаются фоны***/
.pa1 {
width: 250px;
z-index: -1;
position: absolute;
height: 300px;
top: -35px;
border-radius: 10px 10px 0 0;
background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, var(--back-color) 100%), url(https://upforme.ru/uploads/001b/2e/b0/2/235881.jpg) !important;}
.pa2 {
width: 250px;
z-index: -1;
position: absolute;
height: 300px;
top: -35px;
border-radius: 10px 10px 0 0;
background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, var(--back-color) 100%), url(https://upforme.ru/uploads/001b/2e/b0/2/775443.jpg) !important;}
.pa3 {
width: 250px;
z-index: -1;
position: absolute;
height: 300px;
top: -35px;
border-radius: 10px 10px 0 0;
background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, var(--back-color) 100%), url(https://i.pinimg.com/736x/8a/df/43/8adf … a2b04b.jpg) !important;} </style>[/html]
