[html]
<all-theme style="background:url(https://forumstatic.ru/files/0018/77/80/51292.png); width:634px; height:88px; margin:0 auto !important;">
<text style="
left: 120px;
top: 10px;
width: 508px;
line-height: 13px;
color: #ffffff;
text-shadow: #515465a6 1px 1px 0px;
}">» Чтобы оформить статус заполни все слоты, выбери подходящий цвет и нажми кнопку <div style="position:relative;left: 11px;width: 470px;"> «заказать». После установки статуса в профиль, сумма автоматически будет списана со счета. </div>
» Стоимость любого статуса — 500$<br>
» Подарить статус другу можно вставив ссылку на профиль в соответствующий слот.
</text>
</all-theme> <br>
<style>
.pl-generator {
background: url(https://forumstatic.ru/files/0018/77/80/98978.png);
width: 634px;
height: 209px;
position: relative; margin: 0 auto !important;
}
.pl-generator .text1 {
color: white;
position: absolute;
font-family: roboto;
font-size: 13px;
text-transform: uppercase;
font-weight: 400;
top: 33px;
left: 48px;
text-shadow: 1px 1px 0px #667085;
}
.pl-generator .text2 {
position: absolute;
width: 435px;
font-size: 11px;
left: 183px;
top: 23px;
color: white;
line-height: 12px;
font-family: Tahoma, sans-serif;
}
.pl-generator input.pl-text::placeholder {
color: white;
}
.pl-generator input.pl-text {
position: absolute;
left: 396px;
background: none;
font-size: 10px!important;
width: 212px;
text-transform: uppercase;
font-family: "Roboto", sans-serif;
font-weight: normal;
color: white;
border: none;
box-shadow: none;
border: none;
text-shadow: none;
outline: none; margin: 0 !important;
padding: 1px !important;
}
.pl-generator input.pl-text#pl-text1 {
top: 31px;
}
.pl-generator input.pl-text#pl-text2 {
top: 63px;
}
.pl-generator input.pl-text#pl-text3 {
top: 95px;
}
.pl-generator .color-theme {
position: absolute;
width: 355px;
top: 61px;
left: 26px;
height: 108px;
line-height: 51px;
}
.pl-generator .color-theme .pl-color {
display: inline-block;
margin-right: 7px;
cursor: pointer;
}
.pl-generator .send-post {
position: absolute;
font-family: "Roboto", sans-serif;
font-size: 11px;
text-transform: uppercase;
font-weight: 400;
text-shadow: 1px 1px 0px #585d69;
text-transform: uppercase;
cursor: pointer;
margin: 15px auto !important;
color: white;
width: 124px;
text-align: center;
bottom: 6px;
right: 23px;
}
.pl-generator pls {
height: 32px;
width: 224px;
position: absolute;
bottom: 52px;
right: 17px;
color: white;
text-align: center;
font-size: 9px;
line-height: 0px; top: inherit;
left: inherit; font-family: Roboto;
}
.pl-generator pls.blue {
background: url(https://forumstatic.ru/files/0018/77/80/33317.png);
}
.pl-generator pls.purple {
background: url(https://forumstatic.ru/files/0018/77/80/42574.png);
}
.pl-generator pls.pink {
background: url(https://forumstatic.ru/files/0018/77/80/26237.png);
}
.pl-generator pls.red {
background: url(https://forumstatic.ru/files/0018/77/80/78925.png);
}
.pl-generator pls.teal {
background: url(https://forumstatic.ru/files/0018/77/80/64877.png);
}
.pl-generator pls.peagreen {
background: url(https://forumstatic.ru/files/0018/77/80/55562.png);
}
.pl-generator pls.green {
background: url(https://forumstatic.ru/files/0018/77/80/18354.png);
}
.pl-generator pls.yellow {
background: url(https://forumstatic.ru/files/0018/77/80/52282.png);
}
.pl-generator pls.brown {
background: url(https://forumstatic.ru/files/0018/77/80/55789.png);
}
.pl-generator pls.orange {
background: url(https://forumstatic.ru/files/0018/77/80/30876.png);
}
.pl-generator pls.skyblue {
background: url(https://forumstatic.ru/files/0018/77/80/24779.png);
}
.pl-generator pls.melon {
background: url(https://forumstatic.ru/files/0018/77/80/50710.png);
}
.pl-generator pls.grey {
background: url(https://forumstatic.ru/files/0018/77/80/64360.png);
}
.pl-generator pls.black {
background: url(https://forumstatic.ru/files/0018/77/80/14019.png);
}
</style>
<div class="pl-generator">
<div class="text1">выбери цвет</div>
<div class="color-theme">
<div class="pl-color blue"><img src="https://forumstatic.ru/files/0018/77/80/26477.png"></div>
<div class="pl-color purple"><img src="https://forumstatic.ru/files/0018/77/80/73358.png"></div>
<div class="pl-color pink"><img src="https://forumstatic.ru/files/0018/77/80/12722.png"></div>
<div class="pl-color red"><img src="https://forumstatic.ru/files/0018/77/80/13624.png"></div>
<div class="pl-color teal"><img src="https://forumstatic.ru/files/0018/77/80/66333.png"></div>
<div class="pl-color peagreen"><img src="https://forumstatic.ru/files/0018/77/80/44811.png"></div>
<div class="pl-color green"><img src="https://forumstatic.ru/files/0018/77/80/16760.png"></div>
<br>
<div class="pl-color yellow"><img src="https://forumstatic.ru/files/0018/77/80/91726.png"></div>
<div class="pl-color brown"><img src="https://forumstatic.ru/files/0018/77/80/91562.png"></div>
<div class="pl-color orange"><img src="https://forumstatic.ru/files/0018/77/80/11370.png"></div>
<div class="pl-color skyblue"><img src="https://forumstatic.ru/files/0018/77/80/33271.png"></div>
<div class="pl-color melon"><img src="https://forumstatic.ru/files/0018/77/80/99648.png"></div>
<div class="pl-color grey"><img src="https://forumstatic.ru/files/0018/77/80/58099.png"></div>
<div class="pl-color black"><img src="https://forumstatic.ru/files/0018/77/80/60176.png"></div>
</div>
<input type="text" class="pl-text" id="pl-text1" maxlength="24" placeholder="верхний текст">
<input type="text" class="pl-text" id="pl-text2" maxlength="30" placeholder="нижний текст">
<input type="text" class="pl-text" id="pl-text3" maxlength="100" placeholder="доп.поле">
<pls class="grey">IN HYPE WE TRUST <br>all others we virus scan</pls>
<div class="send-post">заказать</div>
<div class="fc_gr_output" style="height:0px; width:700px; visibility:hidden"></div>
</div>[/html]