Код:
<!--HTML--> <style type="text/css"> .anntitle7 { font-family: 'Open Sans Condensed', sans-serif; display; font-size: 30px; font-weight:bold; color:#fcfcfc; line-height:60px; text-shadow: #a1a1a1 1px 1px 0px;} .tott000 { width: 520px; height: 620px; padding: 10px; background-color: #c1ab8e; border: 5px dashed#311d0c; border-radius: 0 50px; text-align: justify;} .becky003 { width: 520px; font-family: Open Sans Condensed, sans-serif; text-align: justify; align: center; color: #392e00; margin-left: 20px } .becky003::-webkit-scrollbar { width: 5px; height: 5px; } .becky003::-webkit-scrollbar-track { background-color: #A7C5C5; } .becky003::-webkit-scrollbar-thumb { background-color: #fafafa; } .dlyricaltabs { position: relative; width: 510px; height: 520px; background-color: #c1ab8e; } .dlyricaltab label { display: block; width: 70px; height: 50px; font-family: 'Open Sans Condensed', sans-serif; display; font-weight:bold; color:#c1ab8e; text-shadow: #a1a1a1 1px 1px 0px; background-color: #c1ab8e; padding: 3px; font-family: times new roman; font-size: 10px; line-height: 10px; text-transform: uppercase; text-align: center; position: absolute; left: 0px; top: -10px; } .dlyricaltabs [type=radio] { display: none; } .dlyricalcontent { line-height: 12px; position: absolute; top: 60px; bottom: 0px; left: 0px; right: 0px; background-color: #c1ab8e; padding: 0px; color: #000000; height: 100% !important; width: 100% !important; border: 0px solid green; overflow-x: hidden !important; overflow-y: auto; } .dlyricalcontent ::-webkit-scrollbar { width: 5px; height: 5px; } .dlyricalcontent ::-webkit-scrollbar-track { background-color: #A7C5C5; } .dlyricalcontent ::-webkit-scrollbar-thumb { background-color: #fafafa; } .cont { width: 100% !important; height: 99% !important; border: 0px solid blue; overflow: auto !important; padding-right: 15px !important; } .dlyricaltab [type=radio]:checked ~ label { background-color: #c1ab8e; / * активная ячейка */ color: #20b11c; width: 70px; height: 50px; border-bottom: 7px solid #01040e; z-index: 8; } [type=radio]:checked ~ label ~ .dlyricalcontent { z-index: 9; }</style> <link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=cyrillic" rel="stylesheet" type="text/css"> <link href="http://fonts.googleapis.com/css?family=Philosopher:700&subset=latin,cyrillic" rel="stylesheet" type="text/css"> <link href="http://fonts.googleapis.com/css?family=Marck+Script&subset=latin,cyrillic" rel="stylesheet" type="text/css"> <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200" rel="stylesheet" type="text/css"> <link href="http://fonts.googleapis.com/css?family=Poiret+One&subset=latin,cyrillic" rel="stylesheet" type="text/css"> <center> <div class="tott000"> <div class="dlyricaltabs"><div class="dlyricaltab"><input type="radio" id="dlyricaltab-1" name="dlyricaltab-group-1" checked=""><label for="dlyricaltab-1" style="margin-left: 70px;"><img src="http://funkyimg.com/i/MWPa.png" title="Государственная служба"></label> <div class="dlyricalcontent"><div class="cont"> <br><center><font style="font-family: Tommaso; font-size: 24px; color: #1e2850; margin-top: 5px;"><i>Государственная служба</i></font></center> <br><table><tr><td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Мерия</i></b></font></center> <br>мэр: <br>чиновники: <br>секретари: <br>обслуживающий персонал:</td> <td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Городской суд</i></b></font></center> <br>городской судья: <br>прокурор: <br>помощник прокурора: <br>адвокаты:</td></tr> <tr><td style="width: 50%;" valign="top"> <center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Городской госпиталь</i></b></font></center> <br>глав. врач: <br>зав. отделениями: <br>врачи: <br>интерны: <br>персонал:</td> <td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Полиция</i></b></font></center> <br>• начальник полиции: <br>• помощники: <br>• офицеры: <br>• детективы: <a href="https://stairway.rusff.me/profile.php?id=3"><i>Lee Chae Rin</i></a> <br>• прокуроры:</td></tr> <tr><td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Cредняя школа:</i></b></font></center> <br>директор: <br>заместитель директора: <br>завуч: <br>библиотекарь: <br>мед. сестра: <br>учителя: <br>ученики:</td> <td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Университет Чосон</i></b></font></center> <br>ректор: <br>проректор: <br>деканы: <br>преподаватели: <br>студенты:</td></tr></table> </div></div></div> <div class="dlyricaltab"><input type="radio" id="dlyricaltab-2" name="dlyricaltab-group-1"> <label for="dlyricaltab-2" style="margin-left: 140px;"><img src="http://funkyimg.com/i/MWP8.png" title="Развлекательная индустрия"></label> <div class="dlyricalcontent"><div class="cont"> <br><center><font style="font-family: Tommaso; font-size: 24px; color: #1e2850; margin-top: 5px;"><i>Развлекательная индустрия</i></font></center> <br><table><tr><td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Бар "24 hours"</i></b></font></center> <br>владелец: <br>администратор: <br>бармены: <br>официанты:</td> <td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Ресторан "Moon Shine"</i></b></font></center> <br>владелец: <br>управляющий: <br>администратор: <br>шеф-повар: <br>повара: <a href="https://stairway.rusff.me/profile.php?id=13"><i>Jo Geun Hyeong</i></a> <br>официанты:</td></tr> <tr><td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Ночной клуб "Tonight"</i></b></font></center> <br>владелец: <br>администратор: <br>бармен: <br>диджей: <br>официанты: <br>продавец таблеток: <a href="https://stairway.rusff.me/profile.php?id=25"><i>Woo Ji Ho</i></a> <br>репер: <a href="https://stairway.rusff.me/profile.php?id=25"><i>Woo Ji Ho</i></a></td> <td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Стриптиз клуб "7 sins"</i></b></font></center> <br>владелец: <br>управляющий: <br>танцовщицы: <br>ведущий шоу: <br>хосты: <br>бармены: <br>официанты: <br>охрана:</td></tr> <tr><td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Казино "Seven Luck"</i></b></font></center> <br>владелец: <br>управляющий: <br>крупье: <br>кассиры: <br>охрана:</td> <td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Кафе "Molly's Cupcakes"</i></b></font></center> <br>владелец: <br>администратор: <br>кондитеры: <br>официанты: <br>бариста: </td></tr> <tr><td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i></i></b></font></center> <br> <br> <br> <br> <br></td> <td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i></i></b></font></center> <br> <br> <br> <br> <br></td></tr></table> </div></div></div> <div class="dlyricaltab"><input type="radio" id="dlyricaltab-3" name="dlyricaltab-group-1"> <label for="dlyricaltab-3" style="margin-left: 210px;"><img src="http://funkyimg.com/i/MWPg.png" title="СМИ"> </label> <div class="dlyricalcontent"><div class="cont"> <br><center><font style="font-family: Tommaso; font-size: 24px; color: #1e2850; margin-top: 5px;"><i>СМИ</i></font></center> <br><table><tr><td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Газета "KBS World" </i></b></font></center> <br>директор: <br>главный редактор: <br>журналисты: <br>фотографы:</td> <td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Местная газета</i></b></font></center> <br>владелец: <br>главный редактор: <br>журналисты: <br>фотографы:</td></tr> <tr><td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Журнал "VOGUE Korea"</i></b></font></center> <br>директор: <br>управляющий: <br>главный редактор: <br>журналисты: <br>фотографы <br>модели:</td> <td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Телеканал "KBS" </i></b></font></center> <br>генеральный директор: <br>заместитель директора: <br>звукорежиссёр: <br>журналисты: <br>ведущие: <br>персонал:</td></tr> <tr><td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Местное телевидение </i></b></font></center> <br>генеральный директор: <br>заместитель директора: <br>звукорежиссёр: <br>журналисты: <br>ведущие: <br>персонал:</td> <td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>радиостанция "BBN Korean"</i></b></font></center> <br>директор: <br>радиоведущие: <br>Dj: <a href="https://stairway.rusff.me/profile.php?id=24"><i>Kim Yoo Kwon</i></a> <br>персонал: </td></tr> </table> </div></div></div> <div class="dlyricaltab"><input type="radio" id="dlyricaltab-4" name="dlyricaltab-group-1"> <label for="dlyricaltab-4" style="margin-left: 280px;"><img src="http://funkyimg.com/i/MWP9.png" title="Сфера услуг и культурных развлечений"></label> <div class="dlyricalcontent"><div class="cont"> <br><center><font style="font-family: Tommaso; font-size: 24px; color: #1e2850; margin-top: 5px;"><i>Сфера услуг и культурных развлечений</i></font></center> <br><table><tr><td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Отель "Gwangju Prado Hotel"</i></b></font></center> <br>владелец: <br>управляющий: <br>администратор: <br>консьерж: <br>горничные: <br>шеф-повар: <br>повара: <br>официанты: <br>охрана:</td> <td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Цветочный магазин</i></b></font></center> <br>владелец: <br>флорист: <br>продавец:</td></tr> <tr><td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Супермаркет "E-Mart"</i></b></font></center> <br>директор: <br>администратор: <br>продавцы: <br>работники зала:</td> <td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Сеть бензоколонок </i></b></font></center> <br>кассир: <br>управляющий: <br>обслуживающий персонал:</td></tr> <tr><td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Кинотеатр "Miracle"</i></b></font></center> <br>владелец: <br>администратор: <br>билетёры: <br>кассиры: <br>бармен: <br>охрана:</td> <td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Театр</i></b></font></center> <br>директор: <br>режиссёр-постановщик: <br>сценаристы: <br>хореографы: <br>актёры: <br>танцоры: <br>музыканты: <br>гримёры: <br>декораторы: </td></tr> <tr><td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Частная ветеринарная клиника + зооаптека</i></b></font></center> <br>владелец: <br>ветеринары: <br>медсёстры: <br>персонал: <br>аптекарь:</td><td style="width: 50%;" valign="top"><center><font style="font-family: Tommaso; font-size: 14px; color: #1e2850; margin-top: 5px;"><b><i>Цирк</i></b></font></center> <br>владелец: <br>акробаты: <br>клоуны: <br>дрессировщики: <br>прочие работники:</td></tr></table> </div></div></div> <div class="dlyricaltab"><input type="radio" id="dlyricaltab-6" name="dlyricaltab-group-1"> <label for="dlyricaltab-6" style="margin-left: 350px;"><img src="http://funkyimg.com/i/MWPj.png" title="Прочее"></label> <div class="dlyricalcontent"><div class="cont"> <br><center><font style="font-family: Tommaso; font-size: 24px; color: #1e2850; margin-top: 5px;"><i>Прочие профессии</i></font> <br>Профессии, которые не входят ни в один представленный список <br><a href="https://stairway.rusff.me/profile.php?id=10"><i>Park Sun Young</i></a> - продавец в книжном магазине.</center> </div></div></div> </div> </div> </center>
Шаблон заполнения:
Код:
<a href="ссылка на профиль"><i>Имя Фамилия на англ.</i></a> - Государственная служба/Развлекательная индустрия/СМИ/Сфера услуг и культурных развлечений/Криминал/Прочее - профессия + должность