Код:
<!--HTML-->
<style>
.ultracontainer {
margin: -40px auto; /* centers it */
height: auto;
width: auto;
}
.ultradroptabs {
margin: 0px auto;
position: relative;
right: 0px;
width: 525px;
height: 450px;
}
.ultradroptab {
float: left;
}
.ultradroptab label {
display: block;
width: 25px;
height: 25px;
background: #cf9fd3;
opacity: 0.9;
border: 1px solid #fff;
border-radius: 50%;
margin-left: 10px;
position: relative;
left: 145px;
top: 460px;
z-index: 2;
}
.ultradroptab input[type=radio]:checked ~ label {
background: #8b4ac1;
z-index: 2;
}
.ultradroptab input[type=radio] {
display: none; /* don't edit */
}
.ultradropcontent {
position: absolute;
top: 90px;
width: 500px;
bottom: 0px;
left: 5px;
right: 0px;
background: #dde8ef;
padding: 0px 3px;
overflow: auto;
}
.ultradroptab input[type=radio]:checked ~ label ~ .ultradropcontent {
z-index: 1;
}
.ultradropcontent img { float:left; }
</style>
<div class="telotema"><center><div class="teloname">Биржа труда</div>
<div class="telotext">
<div class="code-box"><strong class="legend"><a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName('pre')[0]); return false;"><center>выделить код</center></a></strong><div class="blockcode"><div class="scrollbox"><pre>
<br> Название: <a href="ссылка на профиль">ник</a>
</pre></div></div></div></div>
<br><br><br><br><br><br>
<center>Не забывайте указывать сферу деятельности!</center></center>
<div class="ultracontainer">
<div style="text-align: justify; font-size: 12px; font-family: 'Verdana'; color: #211313; line-height: 1;">
<div class="ultradroptabs">
<div class="ultradroptab">
<input type="radio" id="ultradroptab-1" name="ultradroptab-group-1" checked>
<label for="ultradroptab-1"> <! tab one !> </label>
<div class="ultradropcontent">
<table><td valign=top>
<div class="sst">Администрация города</div>
<br> Название: <a href="">ник</a>
</td>
<td valign=top>
<div class="sst">Судебная система</div>
<br> Адвокат-стажер: <a href="http://themotherlode.rusff.me/profile.php?id=18">MacKenzie Lane</a>
<br> Адвокат: <a href="http://themotherlode.rusff.me/profile.php?id=114">Matthew Kennedy</a>
<br> Название: <a href="">ник</a>
</td></table>
</div>
</div>
<div class="ultradroptab">
<input type="radio" id="ultradroptab-2" name="ultradroptab-group-1">
<label for="ultradroptab-2"> <! tab two !> </label>
<div class="ultradropcontent">
<table><td valign=top>
<div class="sst">Сфера образования</div>
<br> Воспитатель в детском саду: <a href="http://themotherlode.rusff.me/profile.php?id=10">Rachel Woods</a>
<br> Ученик старшей школы: <a href="http://themotherlode.rusff.me/profile.php?id=43">Sly Kripke</a>, <a href="http://themotherlode.rusff.me/profile.php?section=personal&id=144">Dean Salt</a>
<br> Учитель начальных классов: <a href="http://themotherlode.rusff.me/profile.php?id=67">Alesa Morgan</a>
<br> Студентка: <a href="http://themotherlode.rusff.me/profile.php?id=128">Alina Josten</a>, <a href="http://themotherlode.rusff.me/profile.php?id=133"> Emily Dupont</a>, <a href="http://themotherlode.rusff.me/profile.php?id=11">Whilemina Dunn</a> <a href="http://themotherlode.rusff.me/profile.php?id=146">Eva Foster</a>
<br>Студент:<a href="http://themotherlode.rusff.me/profile.php?id=147"> Max Josten</a>
</td>
<td valign=top>
<div class="sst">Медицина</div>
<br> Интерн в городской больнице, школьная мед. сестра: <a href="http://themotherlode.rusff.me/profile.php?id=56">Ruth McGee</a>
<br> Врач общей практики/скорой: <a href="http://themotherlode.rusff.me/profile.php?id=145">Jaimie Miller</a>
<br> Название: <a href="">ник</a>
<br> Название: <a href="">ник</a>
</td></table>
</div>
</div>
<div class="ultradroptab">
<input type="radio" id="ultradroptab-3" name="ultradroptab-group-1">
<label for="ultradroptab-3"> <! tab three !> </label>
<div class="ultradropcontent">
<table><td valign=top>
<div class="sst">Культура</div>
<br> Актер, певец, музыкант <a href="http://themotherlode.rusff.me/profile.php?id=130">Mikelangelo Montanari </a>
<br> Актриса, певица: <a href="http://themotherlode.rusff.me/profile.php?id=132">MAVERICK PÉROT</a>
<br> Актриса, певица, художник: <a href="http://themotherlode.rusff.me/profile.php?id=134">Maeva Montanari</a>
<br> Артист, музыкант, певец<a href="http://themotherlode.rusff.me/profile.php?id=131">Lysander Ainsworth</a>
<br> Ассистент режиссёра на ТВ: <a href="http://themotherlode.rusff.me/profile.php?id=81">Renata Hoffman-Shaw</a>
<br> воздушная гимнастка в цирке : <a href="http://themotherlode.rusff.me/profile.php?id=22">agness ross</a>
<br> Куратор в галерее: <a href="http://themotherlode.rusff.me/profile.php?id=124">Jean Adams</a>
<br> Музыкант-мультиинструменталист, композитор: <a href="http://themotherlode.rusff.me/profile.php?id=54">Connor Hamilton</a>
<br>Помощник концертного организатора:<a href="http://themotherlode.rusff.me/profile.php?id=147"> Max Josten</a>
<br> Радиоведущая: <a href="http://themotherlode.rusff.me/profile.php?id=49">Hope Montclair</a>
<br> Режиссер: <a href="http://themotherlode.rusff.me/profile.php?id=141">Irwin Shaw</a>
<br> телеведущий: <a href="http://themotherlode.rusff.me/profile.php?id=93">Richard Hasler</a>
</td>
<td valign=top>
<div class="sst">СМИ</div>
<br> журналист: <a href="http://themotherlode.rusff.me/profile.php?id=51">Alexander Walton</a>
<br>Критик: <a href="http://themotherlode.rusff.me/profile.php?id=23">Keila Wax</a>
<br> Оператор: <a href="http://themotherlode.rusff.me/profile.php?id=27">Egerton Ruggles</a>
<br>Руководитель PR-отдела: <a href="http://themotherlode.rusff.me/profile.php?id=20">Sarah Duncan</a>
<br> Название: <a href="">ник</a>
</td></table>
</div>
</div>
<div class="ultradroptab">
<input type="radio" id="ultradroptab-4" name="ultradroptab-group-1">
<label for="ultradroptab-4"> <! tab four !> </label>
<div class="ultradropcontent">
<table><td valign=top>
<div class="sst">Правопорядок</div>
<br> Агент ФБР: <a href="http://themotherlode.rusff.me/profile.php?id=57">Shania Carpenter</a>
<br> Агент ФБР: <a href="http://themotherlode.rusff.me/profile.php?id=143">ник</a>
<br> Детектив полиции: <a href="http://themotherlode.rusff.me/profile.php?id=28">Shanna Blossom</a>
<br> Офицер полиции: <a href="http://themotherlode.rusff.me/profile.php?id=106">Melanie Ward</a>
<br> Специальный агент ФБР: <a href="http://themotherlode.rusff.me/profile.php?id=138">Gabriella Ibanescu</a>
<br> Частный детектив: <a href="http://themotherlode.rusff.me/profile.php?id=142">Oliver Chapman</a>
<br> Название: <a href="">ник</a>
</td>
<td valign=top>
<div class="sst">Криминал</div>
<br>Боец без правил, отряд Squad: <a href="http://themotherlode.rusff.me/profile.php?id=36">West Ray</a>
<br> Коллектор: <a href="http://themotherlode.rusff.me/profile.php?id=15">Luis Montclair</a>
<br> Мафиози: <a href="http://themotherlode.rusff.me/profile.php?id=30">Tony Marchetti</a>, <a href="http://themotherlode.rusff.me/profile.php?id=123">Elizabeth Kane</a>
<br>Наркоторговец: <a href="http://themotherlode.rusff.me/profile.php?id=25">Dragan Pjanic</a>
</td></table>
</div>
</div>
<div class="ultradroptab">
<input type="radio" id="ultradroptab-5" name="ultradroptab-group-1">
<label for="ultradroptab-5"> <! tab five !> </label>
<div class="ultradropcontent">
<table><td valign=top>
<div class="sst">Остальное</div>
<br> IT-специалист: <a href="http://themotherlode.rusff.me/profile.php?id=105">Jason Lewis</a>
<br> standup comedian <a href="http://themotherlode.rusff.me/profile.php?id=52">Nicholas Baker</a>
<br> Архитектор: <a href="http://themotherlode.rusff.me/profile.php?id=148">Marcus Blacknight</a>
<br> Владелица кондитерской "Paris": <a href="http://themotherlode.rusff.me/profile.php?id=98">Charlotte Dupont</a>
<br> Владелица похоронного бюро: <a href="http://themotherlode.rusff.me/profile.php?id=74">Keira Rinaldi</a>
<br> Генеральный директор KaneIndustries: <a href="http://themotherlode.rusff.me/profile.php?id=123">Elizabeth Kane</a>
<br> Дизайнер, владелец магазинов элитной одежды "N'S": <a href="http://themotherlode.rusff.me/profile.php?id=99">Julian Nightshade</a>
<br>Догситтер: <a href="http://themotherlode.rusff.me/profile.php?id=11">Whilemina Dunn</a>
<br> Писатель: <a href="http://themotherlode.rusff.me/profile.php?id=121">Christopher Evans</a>, <a href="http://themotherlode.rusff.me/profile.php?id=122">Christine Mason</a>
<br>Порноактриса: <a href="http://themotherlode.rusff.me/profile.php?id=45">Ida Szczepanski</a>
<br> продавец в кондитерской: <a href="http://themotherlode.rusff.me/profile.php?id=116">Ramona Bailey</a>
<br> Президент в строительной фирме "Dupont LTD": <a href="http://themotherlode.rusff.me/profile.php?id=118">Thomas Dupont</a>
<br> Со-владелец логистической компании "ARTWAY": <a href="http://themotherlode.rusff.me/profile.php?id=65">Arthur Duncan</a>
<br> Со-владелица логистической компании "ARTWAY": <a href="http://themotherlode.rusff.me/profile.php?id=20">Sarah Duncan</a>
<br> танцовщица в клубе : <a href="http://themotherlode.rusff.me/profile.php?id=22">agness ross</a>
<br> Управляющая в публичном доме: <a href="http://themotherlode.rusff.me/profile.php?id=14">Beatrice Lane</a>
<br> фотограф: <a href="http://themotherlode.rusff.me/profile.php?id=51">Alexander Walton</a>
<br> Разработчик видеоигр: <a href="http://themotherlode.rusff.me/viewtopic.php?id=293#p15075">Miruna Ibanescu</a>
</td></table>
</div>
</div>
<div class="ultradroptab">
<input type="radio" id="ultradroptab-6" name="ultradroptab-group-1">
<label for="ultradroptab-6"> <! tab six !> </label>
<div class="ultradropcontent">
<table><td valign=top>
<div class="sst">Спорт</div>
<br> Название: <a href="">ник</a>
<br> Название: <a href="">ник</a>
<br> Название: <a href="">ник</a>
</td>
<td valign=top>
<div class="sst">Сфера обслуживания</div>
<br> Бариста: <a href="http://themotherlode.rusff.me/profile.php?id=108">Alvaro Josten</a>
<br>Бармен <a href="http://themotherlode.rusff.me/profile.php?id=52">Nicholas Baker</a>
<br> Бармен: <a href="http://themotherlode.rusff.me/profile.php?id=9">Skye Morgan</a>
<br> Бармен: <a href="http://themotherlode.rusff.me/profile.php?id=146">Eva Foster</a>
<br>Бухгалтер: <a href="http://themotherlode.rusff.me/profile.php?id=53">Blanca Salazar</a>
<br> Инструктор по йоге: <a href="http://themotherlode.rusff.me/profile.php?id=66">jemima oldridge</a>
<br>Пиццайоло <a href="http://themotherlode.rusff.me/profile.php?id=52">Nicholas Baker</a>
<br> Повар-кондитер <a href="http://themotherlode.rusff.me/profile.php?id=129">Linda Parker</a>
<br> Организатор свадеб: <a href="http://themotherlode.rusff.me/profile.php?id=77">Ashley Reed</a>
<br> Официант: <a href="http://themotherlode.rusff.me/profile.php?section=personal&id=144">Dean Salt</a>
</td></table>
</div>
</div>
</div>
</div>
</div>
