Код:
<!--HTML--> <style type="text/css"> .longbox { width: 380px; height: auto; background-color: #baada5; padding: 10px; font-family: calibri; font-size: 12px; color: #7F6A4D; line-height: 100%; text-align: justify; overflow: auto; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0) inset; } .lefttitle { width: 180px; height: 20px; background-color: #9d8678; text-align: center; font-family: calibri; font-size: 10px; text-transform: uppercase; font-weight: none; font-style: bold; color: #000; letter-spacing: 2px; line-height: 100%; padding-top: 10px;} .righttitle { width: 180px; height: 20px; background-color: #9d8678; text-align: center; font-family: calibri; font-size: 10px; text-transform: uppercase; font-weight: none; font-style: bold; color: #000; letter-spacing: 2px; line-height: 100%; padding-top: 10px; margin-left: 10px; } .jgumdropcontainer1 { width: 500px; height: auto; background-color: #baada5; margin: 10px auto 2px; font: normal normal normal 12px/110% century gothic; border: 10px solid #fff; box-shadow: 0px 3px 2px #999, 0px 0px 2px #999;; overflow: hidden; position: relative; text-align: justify; } .jgumdropcontainer1 ::-webkit-scrollbar { background: #e8e8ea; width: 5px; border: 2px solid #fff; } .jgumdropcontainer1 ::-webkit-scrollbar-thumb { background: #baada5; } .jgumdropcontainer1 ::-webkit-scrollbar-corner { background: #fff; } .jgumdropcontainer1 h1 { margin: 1px auto 0px; color: #baada5; text-align: center; font: normal normal normal 55px/100% 'century gothic'; text-transform: uppercase; letter-spacing: -2px; } .jgumdropcontainer1 h2 { margin: 5px auto 0px; text-align: center; font: normal normal 700 10px/100% 'Open Sans Condensed'; text-transform: uppercase; color: #ded2c4; letter-spacing: 1px; } .jgumdropcontainer1 h3 { margin: 0px auto; text-align: center; font: normal normal 700 8px/100% 'Open Sans Condensed'; text-transform: uppercase; color: #baada5; letter-spacing: 1px; } .jgumdropcontainer2 { background-color: #b8b6c1; width: 500px; height: 450px; position: absolute; top: 0px; left: 0px; opacity: 1; } .jgumdropcontainer { margin: 10px auto; /* centers it */ height: auto; width: auto; } .jgumdroptabs { margin: 0px auto; position: relative; right: 0px; width: 450px; height: 410px; } .jgumdroptab { float: left; } .jgumdroptab label { display: block; width: 25px; height: 25px; background: #ded2c4; border: 1px solid #fff; border-radius: 50%; margin-left: 10px; position: relative; left: 180px; top: 400px; z-index: 2; } .jgumdroptab input[type=radio]:checked ~ label { background: #757c84; z-index: 2; } .jgumdroptab input[type=radio] { display: none; /* DON'T EDIT */ } .jgumdropcontent { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: white; padding: 0px 3px; border: 20px solid #fff; outline: 1px solid #ccc; overflow: auto; } .jgumdroptab input[type=radio]:checked ~ label ~ .jgumdropcontent { z-index: 1; } .jgumdropcontent img { float:right; } </style> <div style="width: 670px; height: 23px; text-align: center; font-family: nyala; font-size: 48px; color: #a29a9d; padding-bottom: 10px; text-shadow: 2px 2px 0px #605c64;"> luminescence </div> <div class="jgumdropcontainer1"> <div class="jgumdropcontainer"> <div class="jgumdroptabs"> <div class="jgumdroptab"> <input type="radio" id="jgumdroptab-1" name="jgumdroptab-group-1" checked> <label for="jgumdroptab-1"> <! Tab One !> </label> <div class="jgumdropcontent"> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <div class="longbox"> <br><center><table cellspacing="0" cellpadding="0" style="position: relative;"><tr><td style="vertical-align: top;"><div class="lefttitle">boys:</div><div class="lboxes"> <br> <center> <b>kim jintae</b> [solo] → амс<br> <b>kim taehyung</b> [bts] → амс<br> <b>min yoongi</b> [bts] → амс<br> <b>song joong ki</b> [actor] → амс<br> <b>park bo gum</b> [actor] → амс<br> <b>choi seunghyun</b> [big bang] → вербал<br> <b>kim joonmyun</b> [exo] → господин бен бекон<br> <b>byun baekhyun</b> [exo] → господин бен бекон<br> </center> </div></td><td style="vertical-align: top;"><div class="righttitle">girls:</div><div class="rboxes"> <br> <center> <b>lee hyori</b> [solo] → амс<br> <b>park hyemin</b> [model] → амс<br> <b>park soo young</b> [red velvet] → амс<br> <b>bae joo hyun</b> [red velvet] → амс<br> <b>im jin ah</b> [after school] → амс<br> </center> </div></td></tr></table></center></div> <div class="title"></div><div class="longbox"> <br> <br> </div> </div> </div> <div class="jgumdroptab"> <input type="radio" id="jgumdroptab-2" name="jgumdroptab-group-1"> <label for="jgumdroptab-2"> <! Tab Two !> </label> <div class="jgumdropcontent"> <img src="http://s8.uploads.ru/t/UVCdA.jpg"> ►<b>kim jintae</b>: текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <br> <img src="http://s2.uploads.ru/t/QqLkY.jpg"> ►<b>min yoongi</b>: текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <br> <img src="http://sh.uploads.ru/t/VQ8pL.jpg"> ►<b>park bo gum</b>: текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <br> <img src="http://s8.uploads.ru/t/NbJs0.jpg"> ►<b>kim taehyung</b>: текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <br> <img src="http://s6.uploads.ru/t/2YmrV.jpg"> ►<b>song joong ki</b>: текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <br> <img src="http://s8.uploads.ru/t/u4tJe.jpg"> ►<b>lee hyori</b>: текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <br> <img src="http://s3.uploads.ru/t/xryAM.jpg"> ►<b>park hyemin</b>: текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <br> </div> </div> </div> </div> <img src="http://placehold.it/500x140"> </div>
Код:
<b>внешность</b> [группа] → ник<br>