Наградки

[html]<style>
#nagradki_fon {
width: 800px;
height: 480px;
margin: 0px auto;
background: #0f0707;
overflow: hidden;
}

.nagradki_fonfon {
width: 790px;
height: 470px;
position: relative;
top: 5px;
left: 5px;
background-color: #231c1c;
background-image: url('http://forumupload.ru/uploads/001b/e9/9b/3/936753.png')
}

.fon_nagradok {
width: 770px;
height: 410px;
background: #baada4;
border-radius: 10px;
}

.knoposhki {
background: url('http://forumupload.ru/uploads/001b/e9/9b/3/131785.png');
width: 121px;
height: 33px;
position: relative;
left: 60px;
display: inline-block;
vertical-align: center;
margin: 8px 100px;
}

#nagradki-main {
width: 760px;
height: 395px;
overflow: hidden;
position: relative;
margin : 0 auto;
top: 10px;
}

.nagradki_tabs {
width: 760px;
height: 395px;
overflow: hidden;
position: relative;
margin : 0 auto;
}

.nagradki_tab {
float : left;
}

.nagradki_tab label {
width: 277px;
height: 18px;
background: #3c2828;
display: block;
position: relative;
left: 0px;
color: #aa9789;
font-family: Optimus;
line-height: 18px;
margin-left: 70px;
border-radius: 9px;
font-size: 13px;
text-align: center;
text-transform: uppercase;
transition-duration: 0.8s;
z-index: 1;
}

.nagradki_tab input[type="radio"]:checked ~ label {
background: #251f1f;
color: #aa9789;
transition-duration: 0.8s;
z-index: 2;
}

.nagradki_tab input[type="radio"] {
display: none;
}

.nagradki_content {
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
top: 0;
right: 0;
margin-top: 30px;
transition-duration : 0.8s;
font-family: Optimus;
overflow: auto;
}

.nagradki_tab input[type="radio"]:checked ~ label ~ .nagradki_content {
opacity: 1;
transition-duration: 0.8s;
z-index: 1;
}

.nagradki_content::-webkit-scrollbar {
width: 4px;
background: none!important;
border: none !important;
}

.nagradki_content::-webkit-scrollbar-track {
display: none;
}

.nagradki_content::-webkit-scrollbar-thumb {
background: #28363c!important;
}

.contein_nagr {
width: 740px;
height: 200px;
overflow: auto;
margin: 5px;
}

.contein_nagr::-webkit-scrollbar {
width: 4px;
background: none!important;
border: none !important;
}

.contein_nagr::-webkit-scrollbar-track {
display: none;
}

.contein_nagr::-webkit-scrollbar-thumb {
background: #28363c!important;
}

.contein_nagru {
width: 740px;
height: 115px;
overflow: auto;
margin: 5px;
}

.contein_nagru::-webkit-scrollbar {
width: 4px;
background: none!important;
border: none !important;
}

.contein_nagru::-webkit-scrollbar-track {
display: none;
}

.contein_nagru::-webkit-scrollbar-thumb {
background: #28363c!important;
}

.contein_podarki {
width: 695px;
height: 85px;
padding: 10px;
margin-left: 20px;
background: #5d4d47;
border-radius: 10px;
margin-bottom: 20px;
}

.ot_kogo {
width: 300px;
padding: 2px;
background: #baada4;
border-radius: 10px;
text-transform: uppercase;
color: #1e130b;
text-align: center;
font-size: 13px;
}

.text_podarka {
width: 580px;
height: 45px;
margin-top: 10px;
padding: 5px;
background: #baada4;
margin-left: 100px;
text-transform: uppercase;
color: #311f1f;
text-align: center;
font-size: 14px;
font-weight: bold;
}
</style>
<div id="nagradki_fon">
<div class="nagradki_fonfon">
<div style="linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgb(62 45 45 / 80%) 100%); width: 770px; height: 410px; border-radius: 11px; position: relative; top: 10px; left: 10px; padding: 1.5px;">
<div class="fon_nagradok">

<div id="nagradki-main">
<div class="nagradki_tabs">
<div class="nagradki_tab">
<input id="nagradki" name="apptab-group-1" type="radio" checked="">
<label for="nagradki">награды</label>
<div class="nagradki_content">
<div style="width: 100%; height: 5px; background: #5d4d47; border-radius: 2px;">
</div>
<div class="contein_nagr">
<center>

</center>
</div>
<div style="width: 755px; padding:2px; background: #5d4d47; border-radius: 10px; text-transform: uppercase; color: #ac9f92; text-align: center;">
<b>уникальные награды</b>
</div>
<div class="contein_nagru">
<center>
<img src="http://forumupload.ru/uploads/001b/d4/28/3/414577.png" title="название награды" style="margin: 4px 8px;">

</center>
</div>
</div>
</div>

<div class="nagradki_tab">
<input id="podarki" name="apptab-group-1" type="radio">
<label for="podarki">подарки</label>
<div class="nagradki_content">

<div class="contein_podarki">
<div style="width: 85px; height: 85px; float: left;">
<img src="https://place-hold.it/85x85.jpg">
</div>
<div class="ot_kogo">
от: <a href="" style="text-decoration: none; text-transform: uppercase; color: #1f2b31;">имя фамилия</a>
</div>
<div class="text_podarka">
текст
</div>
</div>

</div>
</div>
</div>

</div>
</div>

<div class="knoposhki"><center><a href="" style=" text-decoration: none; color: #aa9789; text-shadow: 1px 1px 1px #000; text-align: center; line-height: 33px; font-size: 14px; text-transform: uppercase; font-family: Optimus;">Анкета</a></center></div>
<div class="knoposhki"><center><a href="" style=" text-decoration: none; color: #aa9789; text-shadow: 1px 1px 1px #000; text-align: center; line-height: 33px; font-size: 14px; text-transform: uppercase; font-family: Optimus;">Дневник</a></center></div>
</div>
</div>
</div>[/html]

ну а че

Меню навигации

Пользовательские ссылки

Информация о пользователе

Наградки

Сообщений 1 страница 2 из 2

Поделиться12023-12-30 20:56:15

Поделиться22023-12-30 21:51:08