[html]
<center><div class="onefon"> <div class="onefon1">
СУПЕРГЕРОЙСКИЙ МАГАЗИН
в комплект оформления входит анимированный фон, иконка и плашка
*комплект приобретается и ставится полностью (фон, иконка, плашка)<br><br>
СТОИМОСТЬ КОМПЛЕКТА ОФОРМЛЕНИЯ: - 600 дримсов
<br>
[/html]
[html]<div class="fever"><div class="fools">
<!———————————————————— НАЧАЛО ПЕРВОЙ ВКЛАДКИ —————————————————>
<div class="fool"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1">комплекты оформления №1</label><div class="content">
<center>
<style>
.fonac{ margin-left: -34px;
font-family: verdana;
width: 790px;
height: 968px;
font-size: 11px;
padding-top: 20px;
}
.fonac1{ margin-left: 41px;
font-family: verdana;
width: 280px;
height: 318px;
background-color: #e4e4e4;
font-size: 11px;
}
.fonac2 {object-fit: cover;
opacity: 0.8;
background-image: url(https://upforme.ru/uploads/001c/3d/e8/3/864416.gif);
width: 280px;
height: 150px;}
.fonac3 {min-height: 180px;
position: absolute;
margin-top: -85px;
margin-left: 10px;
font-family: verdana;
width: 199px;
height: 227px;
background-color: #f4f4f4;
font-size: 11px;
box-sizing: border-box;
border-radius: 27px;}
.avafon{border-radius: 5px;
width: 100px;
height: 100px;
outline: 2px solid #70abac;
}
.avafon1{ margin-top: 11px;
margin-left: 50px;
padding-bottom: 20px !important;
padding-top: 0px !important;
}
.avafon2{border-radius: 100px;
width: 30px;
height: 30px;
padding: 6px;
margin-top: 14px;
margin-left: 80px;
background-color: #f4f4f4;
}
.fonacname{ text-align: center;
margin-top: -53px;
font-family: arial black;
font-size: 11px;
text-transform: lowercase;
background-color: #f4f4f4;
border-radius: 10px;
padding: 2px 5px 2px 5px;
color: #b9978b;
}
.fonacname2{ text-align: center;
margin-top: 13px;
font-family: verdana;
font-size: 8px;
text-transform: lowercase;
color: #b9978b;
letter-spacing: 2px;
}
.plaha93 {
width: 200px;
height: 33px;
margin: 6px 1px -1px -1px !important;
display: block;
opacity: 0.8;
border-radius: 10px 10px 10px 10px;
}
.fonac1hh{ margin-left: 41px;
font-family: verdana;
width: 280px;
height: 318px;
background-color: #e4e4e4;
font-size: 11px;
}
.fonac2hh{object-fit: cover;
opacity: 0.8;
background-image: url(https://upforme.ru/uploads/001c/3d/e8/3/502313.gif);
width: 280px;
height: 150px;}
.fonac3hh {min-height: 180px;
position: absolute;
margin-top: -85px;
margin-left: 10px;
font-family: verdana;
width: 199px;
height: 227px;
background-color: #f4f4f4;
font-size: 11px;
box-sizing: border-box;
border-radius: 27px;}
.avafonhh{border-radius: 5px;
width: 100px;
height: 100px;
outline: 2px solid #70abac;
}
.avafon1hh{ margin-top: 11px;
margin-left: 50px;
padding-bottom: 20px !important;
padding-top: 0px !important;
}
.avafon2hh{border-radius: 100px;
width: 30px;
height: 30px;
padding: 6px;
margin-top: 14px;
margin-left: 80px;
background-color: #f4f4f4;
}
.fonacnamehh{ text-align: center;
margin-top: -53px;
font-family: arial black;
font-size: 11px;
text-transform: lowercase;
background-color: #f4f4f4;
border-radius: 10px;
padding: 2px 5px 2px 5px;
color: #b9978b;
}
.fonacname2hh{ text-align: center;
margin-top: 13px;
font-family: verdana;
font-size: 8px;
text-transform: lowercase;
color: #b9978b;
letter-spacing: 2px;
}
.bfonac1{ margin-left: 41px;
font-family: verdana;
width: 280px;
height: 318px;
background-color: #e4e4e4;
font-size: 11px;
}
.bfonac2 {object-fit: cover;
opacity: 0.8;
background-image: url(https://upforme.ru/uploads/001c/35/8d/56/517758.gif);
width: 280px;
height: 150px;}
.bfonac3 {min-height: 180px;
position: absolute;
margin-top: -85px;
margin-left: 10px;
font-family: verdana;
width: 199px;
height: 227px;
background-color: #f4f4f4;
font-size: 11px;
box-sizing: border-box;
border-radius: 27px;}
.bavafon{border-radius: 5px;
width: 100px;
height: 100px;
outline: 2px solid #70abac;
}
.bavafon1{ margin-top: 11px;
margin-left: 50px;
padding-bottom: 20px !important;
padding-top: 0px !important;
}
.bavafon2{border-radius: 100px;
width: 30px;
height: 30px;
padding: 6px;
margin-top: 14px;
margin-left: 80px;
background-color: #f4f4f4;
}
.bfonacname{ text-align: center;
margin-top: -53px;
font-family: arial black;
font-size: 11px;
text-transform: lowercase;
background-color: #f4f4f4;
border-radius: 10px;
padding: 2px 5px 2px 5px;
color: #b9978b;
}
.bfonacname2{ text-align: center;
margin-top: 13px;
font-family: verdana;
font-size: 8px;
text-transform: lowercase;
color: #b9978b;
letter-spacing: 2px;
}
.cfonac1{ margin-left: 41px;
font-family: verdana;
width: 280px;
height: 318px;
background-color: #e4e4e4;
font-size: 11px;
}
.cfonac2 {object-fit: cover;
opacity: 0.8;
background-image: url(https://upforme.ru/uploads/001c/3d/e8/3/152775.gif);
width: 280px;
height: 150px;}
.cfonac3 {min-height: 180px;
position: absolute;
margin-top: -85px;
margin-left: 10px;
font-family: verdana;
width: 199px;
height: 227px;
background-color: #f4f4f4;
font-size: 11px;
box-sizing: border-box;
border-radius: 27px;}
.cavafon{border-radius: 5px;
width: 100px;
height: 100px;
outline: 2px solid #70abac;
}
.cavafon1{ margin-top: 11px;
margin-left: 50px;
padding-bottom: 20px !important;
padding-top: 0px !important;
}
.cavafon2{border-radius: 100px;
width: 30px;
height: 30px;
padding: 6px;
margin-top: 14px;
margin-left: 80px;
background-color: #f4f4f4;
}
.cfonacname{ text-align: center;
margin-top: -53px;
font-family: arial black;
font-size: 11px;
text-transform: lowercase;
background-color: #f4f4f4;
border-radius: 10px;
padding: 2px 5px 2px 5px;
color: #b9978b;
}
.cfonacname2{ text-align: center;
margin-top: 13px;
font-family: verdana;
font-size: 8px;
text-transform: lowercase;
color: #b9978b;
letter-spacing: 2px;
}
.gfonac1{ margin-left: 41px;
font-family: verdana;
width: 280px;
height: 318px;
background-color: #e4e4e4;
font-size: 11px;
}
.gfonac2 {object-fit: cover;
opacity: 0.8;
background-image: url(https://upforme.ru/uploads/001c/35/8d/56/984923.gif);
width: 280px;
height: 150px;}
.gfonac3 {min-height: 180px;
position: absolute;
margin-top: -85px;
margin-left: 10px;
font-family: verdana;
width: 199px;
height: 227px;
background-color: #f4f4f4;
font-size: 11px;
box-sizing: border-box;
border-radius: 27px;}
.gavafon{border-radius: 5px;
width: 100px;
height: 100px;
outline: 2px solid #70abac;
}
.gavafon1{ margin-top: 11px;
margin-left: 50px;
padding-bottom: 20px !important;
padding-top: 0px !important;
}
.gavafon2{border-radius: 100px;
width: 30px;
height: 30px;
padding: 6px;
margin-top: 14px;
margin-left: 80px;
background-color: #f4f4f4;
}
.gfonacname{ text-align: center;
margin-top: -53px;
font-family: arial black;
font-size: 11px;
text-transform: lowercase;
background-color: #f4f4f4;
border-radius: 10px;
padding: 2px 5px 2px 5px;
color: #b9978b;
}
.gfonacname2{ text-align: center;
margin-top: 13px;
font-family: verdana;
font-size: 8px;
text-transform: lowercase;
color: #b9978b;
letter-spacing: 2px;
}
.rfonac1{ margin-left: 41px;
font-family: verdana;
width: 280px;
height: 318px;
background-color: #e4e4e4;
font-size: 11px;
}
.rfonac2 {object-fit: cover;
opacity: 0.8;
background-image: url(https://upforme.ru/uploads/001c/35/8d/56/897004.jpg);
width: 280px;
height: 150px;}
.rfonac3 {min-height: 180px;
position: absolute;
margin-top: -85px;
margin-left: 10px;
font-family: verdana;
width: 199px;
height: 227px;
background-color: #f4f4f4;
font-size: 11px;
box-sizing: border-box;
border-radius: 27px;}
.ravafon{border-radius: 5px;
width: 100px;
height: 100px;
outline: 2px solid #70abac;
}
.ravafon1{ margin-top: 11px;
margin-left: 50px;
padding-bottom: 20px !important;
padding-top: 0px !important;
}
.ravafon2{border-radius: 100px;
width: 30px;
height: 30px;
padding: 6px;
margin-top: 14px;
margin-left: 80px;
background-color: #f4f4f4;
}
.rfonacname{ text-align: center;
margin-top: -53px;
font-family: arial black;
font-size: 11px;
text-transform: lowercase;
background-color: #f4f4f4;
border-radius: 10px;
padding: 2px 5px 2px 5px;
color: #b9978b;
}
.rfonacname2{ text-align: center;
margin-top: 13px;
font-family: verdana;
font-size: 8px;
text-transform: lowercase;
color: #b9978b;
letter-spacing: 2px;
}
.redmi1{ margin-left: 41px;
font-family: verdana;
width: 280px;
height: 318px;
background-color: #e4e4e4;
font-size: 11px;
}
.redmi2 {object-fit: cover;
opacity: 0.8;
background-image: url(https://upforme.ru/uploads/001c/35/8d/56/833853.gif);
width: 280px;
height: 150px;}
.redmi3 {min-height: 180px;
position: absolute;
margin-top: -85px;
margin-left: 10px;
font-family: verdana;
width: 199px;
height: 227px;
background-color: #f4f4f4;
font-size: 11px;
box-sizing: border-box;
border-radius: 27px;}
.redmi{border-radius: 5px;
width: 100px;
height: 100px;
outline: 2px solid #70abac;
}
.redmi1{ margin-top: 11px;
margin-left: 50px;
padding-bottom: 20px !important;
padding-top: 0px !important;
}
.redmi2{border-radius: 100px;
width: 30px;
height: 30px;
padding: 6px;
margin-top: 14px;
margin-left: 80px;
background-color: #f4f4f4;
}
.redmi{ text-align: center;
margin-top: -53px;
font-family: arial black;
font-size: 11px;
text-transform: lowercase;
background-color: #f4f4f4;
border-radius: 10px;
padding: 2px 5px 2px 5px;
color: #b9978b;
}
.redmi2{ text-align: center;
margin-top: 13px;
font-family: verdana;
font-size: 8px;
text-transform: lowercase;
color: #b9978b;
letter-spacing: 2px;
}
.lfonac1{ margin-left: 41px;
font-family: verdana;
width: 280px;
height: 318px;
background-color: #e4e4e4;
font-size: 11px;
}
.lfonac2 {object-fit: cover;
opacity: 0.8;
background-image: url(https://upforme.ru/uploads/001c/35/8d/56/897004.jpg);
width: 280px;
height: 150px;}
.lfonac3 {min-height: 180px;
position: absolute;
margin-top: -85px;
margin-left: 10px;
font-family: verdana;
width: 199px;
height: 227px;
background-color: #f4f4f4;
font-size: 11px;
box-sizing: border-box;
border-radius: 27px;}
.lavafon{border-radius: 5px;
width: 100px;
height: 100px;
outline: 2px solid #70abac;
}
.lavafon1{ margin-top: 11px;
margin-left: 50px;
padding-bottom: 20px !important;
padding-top: 0px !important;
}
.lavafon2{border-radius: 100px;
width: 30px;
height: 30px;
padding: 6px;
margin-top: 14px;
margin-left: 80px;
background-color: #f4f4f4;
}
.lfonacname{ text-align: center;
margin-top: -53px;
font-family: arial black;
font-size: 11px;
text-transform: lowercase;
background-color: #f4f4f4;
border-radius: 10px;
padding: 2px 5px 2px 5px;
color: #b9978b;
}
.lfonacname2{ text-align: center;
margin-top: 13px;
font-family: verdana;
font-size: 8px;
text-transform: lowercase;
color: #b9978b;
letter-spacing: 2px;
}
.plaha93 plahat144{text-transform: lowercase;
font-family: Oswald Regular !important;
color: white;
text-shadow: 1px 1px #3a3a3aad;
letter-spacing: 1.5px;
font-size: 12px;
position: relative;
display: block;
text-align: center;
}
.plaha93 plahat244{font-family: Oswald Regular;
color: #ffffff;
text-shadow: 1px 1px #3a3a3aad;
letter-spacing: 2px;
font-size: 9px;
height: 11px;
width: 199px;
position: relative;
display: block;
text-transform: lowercase;
text-align: center;
}
.lfonac12121{ margin-left: 41px;
font-family: verdana;
width: 280px;
height: 318px;
background-color: #e4e4e4;
font-size: 11px;
}
.lfonac22121 {object-fit: cover;
opacity: 0.8;
background-image: url(https://upforme.ru/uploads/001c/35/8d/56/833853.gif);
width: 280px;
height: 150px;}
.lfonac32121 {min-height: 180px;
position: absolute;
margin-top: -85px;
margin-left: 10px;
font-family: verdana;
width: 199px;
height: 227px;
background-color: #f4f4f4;
font-size: 11px;
box-sizing: border-box;
border-radius: 27px;}
.lavafon2121{border-radius: 5px;
width: 100px;
height: 100px;
outline: 2px solid #70abac;
}
.lavafon12121{ margin-top: 11px;
margin-left: 50px;
padding-bottom: 20px !important;
padding-top: 0px !important;
}
.lavafon22121{border-radius: 100px;
width: 30px;
height: 30px;
padding: 6px;
margin-top: 14px;
margin-left: 80px;
background-color: #f4f4f4;
}
.lfonacname2121{ text-align: center;
margin-top: -53px;
font-family: arial black;
font-size: 11px;
text-transform: lowercase;
background-color: #f4f4f4;
border-radius: 10px;
padding: 2px 5px 2px 5px;
color: #b9978b;
}
.lfonacname22121{ text-align: center;
margin-top: 13px;
font-family: verdana;
font-size: 8px;
text-transform: lowercase;
color: #b9978b;
letter-spacing: 2px;
}
</style>
<div class="fonac">
<table >
<tbody>
<tr>
<td><div class="fonac1"><div class="fonac2"></div>
<div class="fonac3">
<div class="fonacname"> харли квинн </div>
<div class="avafon2"><img src= "https://upforme.ru/uploads/001c/3d/e8/3/872590.png"></div>
<div class="avafon1"><img src= "https://upforme.ru/uploads/001c/3d/e8/3/674571.png" class="avafon"></div>
<div class="plaha93" style="background-image: url(https://upforme.ru/uploads/001c/3d/e8/3/815961.png);"> <plahat144><font face="Century Gothic"><b>я надоедливая особа</b></font></plahat144> <plahat244><font face="Sweet-Mavka"><big>Просто предупреждаю</big></center> </font></plahat244></div>
</div></div></td>
<td><div class="fonac1hh"><div class="fonac2hh"></div>
<div class="fonac3hh">
<div class="fonacname"> джокер</div>
<div class="avafon2hh"><img src= "https://upforme.ru/uploads/001c/3d/e8/3/251220.png"></div>
<div class="avafon1hh"><img src= "https://upforme.ru/uploads/001c/3d/e8/3/322269.png" class="avafon"></div>
<div class="plaha93" style="background-image: url(https://upforme.ru/uploads/001c/3d/e8/3/187729.png);"> <plahat144><font face="Century Gothic"><b>Что бы ни случилось</b></font></plahat144> <plahat244><font face="Sweet-Mavka"><big> улыбайся</big></center> </font></plahat244></div>
</div></div></td>
<td>
<div class="cfonac1"><div class="cfonac2"></div>
<div class="cfonac3">
<div class="cfonacname"> ядовитый плющ</div>
<div class="cavafon2"><img src= "https://upforme.ru/uploads/001c/3d/e8/3/15284.png"></div>
<div class="cavafon1"><img src= "https://upforme.ru/uploads/001c/3d/e8/3/201821.png" class="cavafon"></div>
<div class="plaha93" style="background-image: url(https://upforme.ru/uploads/001c/3d/e8/3/510325.png);"> <plahat144><font face="Century Gothic"><b>Любовь </b></font></plahat144> <plahat244><font face="Sweet-Mavka"><big>самый мощный яд</big></center> </font></plahat244></div>
</div></div></td></tr>
</div></div>
<style>
.fools {position: relative; width: 900px;height: 355px;}
.fever { margin:0 auto; background-image:url('https://forumstatic.ru/files/001c/3d/e8/49112.png'); background-repeat: no-repeat; background-position: top center; padding:9px; width:auto; border:1px solid #f2f2f2; -webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);}
.fool {float: left;}
[type=radio]:checked ~ label {color: #c3c3c3; background-color:red rgb(159, 2, 2);z-index: 2;}
label:hover { background: black; color:white; }
[type=radio]:checked ~ label ~ .content {z-index: 1;}
.fool [type=radio] {display: none; }
.content {position: absolute;
background: #f2f2f2;
color: #a19b95;
border: 1px solid #f2f2f2;
top: 30px;
left: -5px;
width: 876px;
height: 1000px;
overflow: auto;
line-height: 100%;
text-align: justify;
text-shadow: 1px 1px #97938c;}
.content a:hover, .content a:link, .content a, .content a:focus, .content a:active {color: #200f0d; text-shadow: 1px 1px #a19b93; font-weight: bold; line-height: 14px;}
.con2 {background: #9f9b92;color: #a7a297; width: 500px;height: 200px; overflow:auto; line-height:100%; text-align: justify; font-size: 14px; padding: 5px;}
.content h2 {color: #200f0d; text-align: center; font-family: times; position: relative; font-size: 20px; padding: 8px; margin: 0px 0 0 0; font-weight: bold;}
.content h3 {color: #200f0d; text-align: center; font-family: times; position: relative; font-size: 17px; padding: 0px; margin: 0 0 5px 0; }
.content h4 {color: #e7e7e7; text-align: center; font-family: times; position: relative; font-size: 14px; padding: 3px; background: #200f0d;}
.fool3 { color:#000; padding: 7px; line-height: 1.5em; font-size: 11px; font-family: georgia; letter-spacing: 1px; }
.foolproof { padding-top:10px; }
::-webkit-scrollbar {width: 2px; height: 3px; }
::-webkit-scrollbar-track { background: #141414 top center; }
::-webkit-scrollbar-thumb { background: #000 top center; border: 1px solid #200f0d; }
.fool label { display: block; width: 220px;text-align: center; font-family: times; color: #a19b93; margin-right: 5px; font-size: 10px; letter-spacing: 1px;text-transform: uppercase; background: #f2f2f2; padding: 5px; border: 1px solid #f2f2f2; position: relative; top: -2px; left: 328px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.reicka {
height: 670px;
overflow-y: auto;
padding-right: 10px;
} .reicka44 {
height: 610px;
overflow-y: auto;
padding-right: 10px;
}
.mrrr{
width: 200px ;height: 75px;;
}
</style>[/html] [hideprofile]
забрать оформление:
[b]1. название оформления:[/b] [b]2. ссылка на профиль[/b] [b]3. ставим сразу (да/нет):[/b] [b]4. сумма остатка на счете:[/b]
