Код:
<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<STYLE>
.APPC { WIDTH: 320PX; HEIGHT: 320PX; PADDING: 40PX; BACKGROUND-COLOR: #89827d; BORDER-LEFT: 50PX; border-image: url(http://funkyimg.com/i/V6nA.jpg) 19% repeat;}
.TABS {
POSITION: RELATIVE;
WIDTH: 350PX;
HEIGHT: 350PX;
TOP: -20PX;
LEFT: 25PX;
}
.TAB {
FLOAT: LEFT;
}
.TAB LABEL { DISPLAY: BLOCK; WIDTH: 60PX; BACKGROUND-COLOR: #500000; COLOR: #000000; PADDING: 5PX; FONT-FAMILY: FJALLA ONE; FONT-SIZE: 7PX; LETTER-SPACING: 1PX; TEXT-ALIGN: CENTER; TEXT-TRANSFORM: UPPERCASE; POSITION: ABSOLUTE; RIGHT: 335PX; TOP: -230PX; Z-INDEX: 6;
}
.TAB [TYPE=RADIO] {
DISPLAY: NONE;
}
.CONTENT {POSITION: ABSOLUTE; TOP: -343PX; BOTTOM: 0PX; LEFT: 15PX; RIGHT: 0PX; BACKGROUND: #b0a7a1; WIDTH: 320PX; HEIGHT: 320PX; PADDING: 10PX; -WEBKIT-TRANSFORM: SCALE(0); -O-TRANSFORM: SCALE(0); -MOZ-TRANSFORM: SCALE(0); -WEBKIT-TRANSITION-DURATION: .8S; -MOZ-TRANSITION-DURATION: .8S; -O-TRANSITION-DURATION: .8S; color: #000;
}
[TYPE=RADIO]:CHECKED ~ LABEL { BACKGROUND-COLOR: #a3928c; COLOR: #fff; Z-INDEX: 4; }
[TYPE=RADIO]:CHECKED ~ LABEL ~ .CONTENT {color: #222; Z-INDEX: 5; -WEBKIT-TRANSFORM: SCALE(1); -O-TRANSFORM: SCALE(1); -MOZ-TRANSFORM: SCALE(1); }
</STYLE>
<CENTER>
<DIV ID="MAINAPPHOV">
<DIV STYLE="BACKGROUND-COLOR: #fff; WIDTH: 450PX; HEIGHT: 400PX;" CLASS="APPHOV">
<DIV STYLE="BACKGROUND-COLOR: #373737; OPACITY: 1; WIDTH: 450PX; HEIGHT: 400PX; OVERFLOW: HIDDEN;" CLASS="AVEYEX APPHOVZERO">
<DIV CLASS="APPC">
<IMG SRC="http://funkyimg.com/i/V6mZ.png" width="340px"></DIV>
<DIV CLASS="TABS"><DIV CLASS="TAB"><INPUT TYPE="RADIO" ID="TAB-1" NAME="TAB-GROUP-1"><LABEL FOR="TAB-1" style="color:#ffffff;">информация</LABEL>
<DIV CLASS="CONTENT">
<DIV CLASS="TABC1">
<div style="position: relative; left: -55px; top: 20px; width: 200px; padding: 5px; background-color: #370206; font: 15px fjalla one; color: #fff; text-align: right; letter-spacing: 1px;"><i><b>добро пожаловать ♥</b></i></div>
<DIV STYLE="PADDING: 0PX 10PX 0PX 10PX; WIDTH: 290PX; FONT: 11PX SYNTONY; TEXT-TRANSFORM: LOWERCASE; MARGIN-TOP: 30PX; TEXT-ALIGN: JUSTIFY; OVERFLOW-Y:AUTO; color: #000;">
В данной теме ты можешь задать интересующие тебя вопросы, высказать свое мнение о форуме, а также придержать понравившуюся внешность. К слову, если тебе не пришел пароль, а ждать вовсе не хочется, ты можешь написать об этом нам. При этом для большей надежности говорите сразу пароли, на которые необходимо менять, помещая их под тег "скрытый текст".
<p><b>система игры:</b> эпизодическая;<br>
<b>рейтинг:</b> nc-17;<br>
<b>жанр:</b> реальная жизнь + чуть-чуть тоталитаризма;<br>
<b>срок брони:</b> 3 дня основа + 2 дня дополнительных.<br>
<i>Внешности для нужных не придерживаем!</i>
<p><b>Шаблон придерживания внешности:</b><br>
[size=10][b][i][font=Georgia]внешность, принадлежность:[/font][/i][/b]
фи + группа, соло, модель, актер;
[b][i][font=Georgia]связь:[/font][/i][/b]
можно как твиттер, так и аську со скайпом. если хотите, то под скрытый;
</DIV>
</DIV></DIV>
<DIV CLASS="TAB"><INPUT TYPE="RADIO" ID="TAB-2" NAME="TAB-GROUP-1">
<LABEL FOR="TAB-2" STYLE="MARGIN-TOP: 30PX; color: #ffffff;">придержаны</LABEL>
<DIV CLASS="CONTENT">
<div style="position: relative; left: -55px; top: 20px; width: 200px; padding: 5px; background-color: #370206; font: 15px fjalla one; color: #fff; text-align: right; letter-spacing: 1px;"><i><b>парни</b></i></div>
<DIV STYLE="PADDING: 0PX 10PX 0PX 10PX; WIDTH: 275PX; FONT: 11PX SYNTONY; TEXT-TRANSFORM: LOWERCASE; MARGIN-TOP: 45PX; TEXT-ALIGN: JUSTIFY; max-height: 65px; OVERFLOW-Y:AUTO; color: #000;">
<b>b</b>ang yong guk из b.a.p за useless;
<br>
<b>b</b>yun baekhyun из exo-k за севером;
<br>
<b>d</b>o kyungsoo из exo-k за блэком;
<br>
<b>j</b>ackson wang из got7 за котопесом;
<br>
<b>j</b>ung dae hyun из b.a.p за useless;
<br>
<b>j</b>ung hun chul за valar morghulis;
<br>
<b>j</b>ung ho seok из bts за хайд;
<br>
<b>k</b>ang joon kyu из myname за гону;
<br>
<b>k</b>im hansol из topp dogg за мятный дождь.;
<br>
<b>k</b>im jiwon из ikon за льдом;
<br>
<b>k</b>im jongdae из exo за мартин;
<br>
<b>k</b>im hanbin из ikon за ххх;
<br>
<b>k</b>im joon myun из exo-k за кит;
<br>
<b>k</b>im tae hyung из bts за хайд;
<br>
<b>k</b>im woo bin за mr.;
<br>
<b>k</b>oo jun hoe из ikon за мятный;
<br>
<b>l</b>ee soo hyuk за мертвой чайкой;
<br>
<b>l</b>ee tae min из shinee за дракон;
<br>
<b>l</b>ee jin ki из shinee за князем;
<br>
<b>l</b>ee jong suk за ocean`;
<br>
<b>l</b>u han из ex-exo за сахарочком;
<br>
<b>o</b>h sehun из exo-k за грустной коалой;
<br>
<b>k</b>im min seok из exo за ламантин;
<br>
<b>p</b>ark chan yeol из exo-k за summertime sadness;
<br>
<b>p</b>ark hyung seok за dominic;
<br>
<b>w</b>oo ji ho из block b за Вэй Сяобао;
<br>
<b>w</b>u yifan, <b>z</b>hang yixing, <b>k</b>im jongin & <b>k</b>im myungsoo тусуются вместе;
<br>
<b>y</b>oo young jae из b.a.p. за handsome;
<br>
<b>y</b>ook sungjae из btob за jey.;
</DIV>
<div style="position: relative; left: 55px; top: 20px; width: 200px; padding: 5px; background-color: #370206; font: 15px fjalla one; color: #fff; text-align: left; letter-spacing: 1px;"><i><b>девушки</b></i></div>
<DIV STYLE="PADDING: 0PX 10PX 0PX 10PX; WIDTH: 275PX; FONT: 11PX SYNTONY; TEXT-TRANSFORM: LOWERCASE; MARGIN-TOP: 45PX; TEXT-ALIGN: JUSTIFY; max-height: 65px; OVERFLOW-Y:AUTO; color: #000;">
<b>b</b>ae joo hyun из red velvet за i.c;
<br>
<b>b</b>ang minah из girls day за фреди;
<br>
<b>i</b>m jinah из after school за воробушком;
<br>
<b>j</b>ung soo jung из f(x) за кукушкой;
<br>
<b>k</b>ang seul gi из red velvet за бэмби;
<br>
<b>k</b>iko mizuharaза тираном;
<br>
<b>k</b>im hyun ah из 4minute и <b>a</b>hn hyo jin (le) из exid за ;сфинкс;
<br>
<b>k</b>won nara из hello venus за с u scream;
<br>
<b>l</b>ee hyeri из girl's day за с bad wolf;
<br>
<b>l</b>ee sung kyung за аляской;
<br>
<b>l</b>im kim и <b>p</b>ark jiyeon из t-ara за внутривенно;
<br>
<b>m</b>in hyo rin за равновесие;
<br>
<b>p</b>ark soo young из red velvet за ламантин;
<br>
<b>s</b>eo yuna из aoa за ведьмой;
<br>
<b>s</b>on gain из beg за apple;
<br>
<b>y</b>oon bora из sistar за saber_toothed_hamster;
<br>
<b>l</b>ee soo hyun из akmu за our last night;
</DIV>
</DIV>
<DIV CLASS="TAB">
<INPUT TYPE="RADIO" ID="TAB-8" NAME="TAB-GROUP-1">
<LABEL FOR="TAB-8" STYLE="MARGIN-TOP: 60PX; color: #ffffff;">нужные</LABEL>
<DIV CLASS="CONTENT">
<div style="position: relative; left: -55px; top: 20px; width: 200px; padding: 5px; background-color: #370206; font: 15px fjalla one; color: #fff; text-align: right; letter-spacing: 1px;"><i><b>нужные девушки</b></i></div>
<DIV STYLE="PADDING: 0PX 10PX 0PX 10PX; WIDTH: 275PX; FONT: 11PX SYNTONY; TEXT-TRANSFORM: LOWERCASE; MARGIN-TOP: 45PX; TEXT-ALIGN: JUSTIFY; max-height: 65px; OVERFLOW-Y:AUTO; color: #000;">
ZOMBIE IPSUM REVERSUS AB VIRAL INFERNO, NAM RICK GRIMES MALUM CEREBRO. DE CARNE LUMBERING ANIMATA CORPORA QUAERITIS. SUMMUS BRAINS SIT, MORBO VEL MALEFICIA? DE APOCALYPSI GORGER OMERO UNDEAD SURVIVOR DICTUM MAURIS. HI MINDLESS MORTUIS SOULLESS CREATURAS, IMO EVIL STALKING MONSTRA ADVENTUS RESI DENTEVIL VULTUS COMEDAT CEREBELLA VIVENTIUM. QUI ANIMATED CORPSE, CRICKET BAT MAX BRUCKS TERRIBILEM INCESSU ZOMBY. THE VOODOO SACERDOS FLESH EATER, SUSCITAT MORTUOS COMEDERE CARNEM VIRUS. ZONBI TATTERED FOR SOLUM OCULI EORUM DEFUNCTIS GO LUM CEREBRO. NESCIO BRAINS AN UNDEAD ZOMBIES. SICUT MALUS PUTRID VOODOO HORROR. NIGH TOFTH ELIV INGDEAD.
</DIV>
<div style="position: relative; left: 55px; top: 20px; width: 200px; padding: 5px; background-color: #370206; font: 15px fjalla one; color: #fff; text-align: left; letter-spacing: 1px;"><i><b>нужные парни</b></i></div>
<DIV STYLE="PADDING: 0PX 10PX 0PX 10PX; WIDTH: 275PX; FONT: 11PX SYNTONY; TEXT-TRANSFORM: LOWERCASE; MARGIN-TOP: 45PX; TEXT-ALIGN: JUSTIFY; max-height: 65px; OVERFLOW-Y:AUTO; color: #000;">
ZOMBIE IPSUM REVERSUS AB VIRAL INFERNO, NAM RICK GRIMES MALUM CEREBRO. DE CARNE LUMBERING ANIMATA CORPORA QUAERITIS. SUMMUS BRAINS SIT, MORBO VEL MALEFICIA? DE APOCALYPSI GORGER OMERO UNDEAD SURVIVOR DICTUM MAURIS. HI MINDLESS MORTUIS SOULLESS CREATURAS, IMO EVIL STALKING MONSTRA ADVENTUS RESI DENTEVIL VULTUS COMEDAT CEREBELLA VIVENTIUM. QUI ANIMATED CORPSE, CRICKET BAT MAX BRUCKS TERRIBILEM INCESSU ZOMBY. THE VOODOO SACERDOS FLESH EATER, SUSCITAT MORTUOS COMEDERE CARNEM VIRUS. ZONBI TATTERED FOR SOLUM OCULI EORUM DEFUNCTIS GO LUM CEREBRO. NESCIO BRAINS AN UNDEAD ZOMBIES. SICUT MALUS PUTRID VOODOO HORROR. NIGH TOFTH ELIV INGDEAD.
</DIV>
</DIV>
<DIV CLASS="TAB">
<INPUT TYPE="RADIO" ID="TAB-3" NAME="TAB-GROUP-1">
<LABEL FOR="TAB-3" STYLE="MARGIN-TOP: 90PX; color: #ffffff;">актуальные</LABEL>
<DIV CLASS="CONTENT">
<div style="position: relative; left: -55px; top: 20px; width: 200px; padding: 5px; background-color: #370206; font: 12px fjalla one; color: #fff; text-align: right; letter-spacing: 1px;"><i><b>актуальные внешностси</b></i></div>
<DIV STYLE="PADDING: 0PX 10PX 0PX 10PX; WIDTH: 275PX; FONT: 11PX SYNTONY; TEXT-TRANSFORM: LOWERCASE; MARGIN-TOP: 45PX; TEXT-ALIGN: JUSTIFY; OVERFLOW-Y:AUTO; color: #000;">
ZOMBIE IPSUM REVERSUS AB VIRAL INFERNO, NAM RICK GRIMES MALUM CEREBRO. DE CARNE LUMBERING ANIMATA CORPORA QUAERITIS. SUMMUS BRAINS SIT, MORBO VEL MALEFICIA? DE APOCALYPSI GORGER OMERO UNDEAD SURVIVOR DICTUM MAURIS. HI MINDLESS MORTUIS SOULLESS CREATURAS, IMO EVIL STALKING MONSTRA ADVENTUS RESI DENTEVIL VULTUS COMEDAT CEREBELLA VIVENTIUM. QUI ANIMATED CORPSE, CRICKET BAT MAX BRUCKS TERRIBILEM INCESSU ZOMBY. THE VOODOO SACERDOS FLESH EATER, SUSCITAT MORTUOS COMEDERE CARNEM VIRUS. ZONBI TATTERED FOR SOLUM OCULI EORUM DEFUNCTIS GO LUM CEREBRO. NESCIO BRAINS AN UNDEAD ZOMBIES. SICUT MALUS PUTRID VOODOO HORROR. NIGH TOFTH ELIV INGDEAD.
</DIV>
</DIV></DIV>
</DIV></CENTER>
