список ролей

[html]<style>
.telo { margin:0 auto; width:550px; position:relative; line-height:100%; }
.nachinka { background:#b8bcc0; position:relative; padding:20px; font-family:Open Sans; font-weight:500; font-size:11px; line-height:15px; color:#242627; text-align:justify;outline: 2px solid #fff; border: 10px solid #4e5863; padding: 10px;}
.nachinka b { color: #13191b; font-family:OpenGost Type A TT; font-weight:600;}
.shapka { background:url(http://funkyimg.com/i/2HP6x.png); height:100px; position:relative;}
.textshapki { position:absolute; left:0; top:50px; width:550px; font-family: OpenGost Type A TT; font-weight:600; font-size:15px; letter-spacing:5px; text-transform:uppercase; text-align:center; line-height:100%; color:#fff; text-shadow: 1px 1px 0px #000, 2px 2px 0px #7B7B7B;}
.polosa { width:200px; height:2px; background:#242627; position:absolute; top:65px; left:173px; line-height:100%;}
.name08 { background-color: #4e5863; border-radius: 0px; margin-top: -2px;font-family: OpenGost Type A TT; font-weight:500; font-size:10px; letter-spacing:5px; text-transform:uppercase; text-align:center; line-height:100%; color:#fff; text-shadow: 1px 1px 0px #000, 2px 2px 0px #7B7B7B; }

</style>

<div class="telo">
<div class="shapka"></div>
<div class="polosa"></div>
<div class="textshapki">ПРЕПОДАВАТЕЛЬСКИЙ СОСТАВ</div>
<div class="nachinka">
<table border="0" style="font: 10px verdana; text-transform: lowercase; ">
<tbody><tr>
<td width="250px"><div class="name08">АДМИНИСТРАЦИЯ</b></div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209; ">
✦ ректор <br>
- <i>name surname</><br>
✦ проректор<br>
✦ секретарь<br>
✦ библиотекарь<br>
✦ члены приемной комиссии<br>
</div>
</td>
<td width="250px"><div class="name08 ">ДЕКАНЫ ФАКУЛЬТЕТОВ</div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;text-align: center; background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209; ">
✦ ф. огня<br>
✦ ф. воды<br>
✦ ф. воздуха<br>
✦ ф. земли <br>
</div>
</td></tr>
<tr>
<td width="250px"><div class="name08 ">ПЕРСОНАЛ АКАДЕМИИ</b></div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209; ">
✦ психологи<br>
✦ библиотекарь<br>
✦ охрана<br>
✦ работники столовой <br>
✦ мед. персонал
</div>
</td>
<td width="250px"><div class="name08 ">ПРЕПОДАВАТЕЛИ БАЗОВЫХ ПРЕДМЕТОВ</div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;text-align: center; background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209;">
✦ история магии<br>
✦ демонология<br>
✦ рунология<br>
✦ артефактология<br>
✦ травология<br>
✦ астрономия<br>
✦ защита от магии хаоса <br>
</div>
</td></tr>

<tr>
<td width="250px"><div class="name08 ">ПРЕПОДАВАТЕЛИ ПРОФИЛЬНЫХ ПРЕДМЕТОВ</b></div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209; ">
✦ боевая магия<br>
✦ наука о магических существах<br>
✦ социология<br>
✦ нумерология<br>
✦ знахарство<br>
✦ прорицание<br>
✦ зельеварение<br>
</div>
</td>
<td width="250px"><div class="name08 ">ПРЕПОДАВАТЕЛИ ПРОГРАММ ВУЗОВ </div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;text-align: center; background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209;">
✦ юриспруденция <br>
✦ экономика и управление<br>
✦ масс-медиа<br>
✦ искусства (театральное искусство, хореография, изобразительное искусство, музыка)<br>
✦ инжинерия + вычислительная техника и информатика<br>
✦ подготовка в совет магов<br>
✦ подготовка в орден<br>
</div>
</td></tr>

</tbody></table>

</div></div></div>

[/html]

.accordion { width: 490px; position:relative; font-size: 14px; padding: 5px; background:#d3dbe4; outline: 2px solid #4e5863; border: 5px solid #6e2209; }.accordion ul {list-style: none; margin: 0; padding: 0; }
.accordion li {margin:0; padding:0; }
.accordion [type=radio], .accordion [type=checkbox] { display:none; }
.accordion label { display:block; background: #607c8d; font-family: OpenGost Type A TT; font-weight:500; font-size:10px; letter-spacing:5px; text-transform:uppercase; text-align:center; line-height:100%; color:#fff; text-shadow: 1px 1px 0px #000, 2px 2px 0px #7B7B7B; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; outline: 2px solid #4e5863; }
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label { background:#38424c; color:#FFF; }
.accordion .content { padding: 0 10px; overflow:hidden; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; background-color: #fff; border: 1px solid #fff; box-shadow: inset 0px 0px 20px #d3c5be; }
.accordion p { color:#333; margin:0 0 10px; }
.accordion h3 { color:#542437; margin:10px 0;}
.vertical ul li {overflow:hidden; margin:0 0 1px; }
.vertical ul li label { padding:10px; }
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label { border-bottom:0; }
.vertical ul li .content { height:0px; border-top:0;}
.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content { height: 450px; border: 0px solid #fff; background-color: #fff; padding: 10px; }
.wohaowhe2 {padding-right: 5px;height: 450px; overflow:auto; text-align: justify; font-size: 12px; text-transform: lowercase; font-family: arial; line-height: 100%; color: #000; }

.name08 { background-color: #4e5863; border-radius: 0px; margin-top: -2px;font-family: OpenGost Type A TT; font-weight:500; font-size:10px; letter-spacing:5px; text-transform:uppercase; text-align:center; line-height:100%; color:#fff; text-shadow: 1px 1px 0px #000, 2px 2px 0px #7B7B7B; }

</style>

<div class="telo">
<div class="shapka"></div>
<div class="polosa"></div>
<div class="textshapki">ФАКУЛЬТЕТЫ</div>
<div class="nachinka">

<div class="accordion vertical">
<ul> <li><input type="radio" id="radio-1" name="radio-accordion"><label for="radio-1">ФАКУЛЬТЕТ ОГНЯ</label><div class="content"><div class="wohaowhe2">
<table border="0" style="font: 10px verdana; text-transform: lowercase; ">
<tbody><tr>
<td width="250px"><div class="name08">I КУРС</b></div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209; ">
- <a href="ссылка">name surname</a><sup>староста</sup><br>

</div>
</td>
<td width="250px"><div class="name08 ">II КУРС</div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;text-align: center; background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209; ">
- name surname<sup>староста</sup><br>

</div>
</td></tr>
<tr>
<td width="250px"><div class="name08 ">III КУРС</b></div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209; ">
- name surname<sup>староста</sup><br>

</div>
</td>
<td width="250px"><div class="name08 ">IV КУРС</div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;text-align: center; background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209;">
- <a href="https://elementsuniver.rusff.me/profile.php?id=3">lalisa manoban</a><br>

</div>
</td></tr>

<tr>
<td width="250px"><div class="name08 ">V КУРС</b></div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209; ">
- name surname<sup>староста</sup><br>
</div>
</td>
<td width="250px"><div class="name08 ">VI КУРС </div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;text-align: center; background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209;">
- name surname<sup>староста</sup><br>

</div>
</td></tr>
<tr>
<td width="250px"><div class="name08 ">VII КУРС </div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;text-align: center; background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum;
font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209;">
- name surname<sup>староста</sup><br>

</div>
</td></tr>

</tbody></table>
</div> </div></li></ul></div>

<div class="accordion vertical">
<ul> <li><input type="radio" id="radio-2" name="radio-accordion"><label for="radio-2">ФАКУЛЬТЕТ ВОЗДУХА</label><div class="content"><div class="wohaowhe2">
<table border="0" style="font: 10px verdana; text-transform: lowercase; ">
<tbody><tr>
<td width="250px"><div class="name08">I КУРС</b></div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209; ">

- name surname<sup>староста</sup><br>

</div>
</td></tr>

<tr>
<td width="250px"><div class="name08 ">V КУРС</b></div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209; ">
- <a href="https://elementsuniver.rusff.me/profile.php?id=27">Byun Baekhyun</a><br>
- name surname<sup>староста</sup><br>
</div>
</td>
<td width="250px"><div class="name08 ">VI КУРС </div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;text-align: center; background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209;">
- name surname<sup>староста</sup><br>

</div>
</td></tr>

</tbody></table>
</div> </div></li></ul></div>

<div class="accordion vertical">
<ul> <li><input type="radio" id="radio-3" name="radio-accordion"><label for="radio-3">ФАКУЛЬТЕТ ВОДЫ</label><div class="content"><div class="wohaowhe2">
<table border="0" style="font: 10px verdana; text-transform: lowercase; ">
<tbody><tr>
<td width="250px"><div class="name08">I КУРС</b></div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209; ">

- name surname<sup>староста</sup><br>

</div>
</td></tr>

</tbody></table>
</div> </div></li></ul></div>

<div class="accordion vertical">
<ul> <li><input type="radio" id="radio-4" name="radio-accordion"><label for="radio-4">ФАКУЛЬТЕТ ЗЕМЛИ</label><div class="content"><div class="wohaowhe2">
<table border="0" style="font: 10px verdana; text-transform: lowercase; ">
<tbody><tr>
<td width="250px"><div class="name08">I КУРС</b></div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209; ">

- name surname<sup>староста</sup><br>

</div>
</td></tr>

<tr>
<td width="250px"><div class="name08 ">V КУРС</b></div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209; ">
- <a href="https://elementsuniver.rusff.me/profile.php?id=8">hong jisoo</a><br>
</div>
</td>
<td width="250px"><div class="name08 ">VI КУРС </div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;text-align: center; background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209;">
- name surname<sup>староста</sup><br>

</div>
</td></tr>

</tbody></table>
</div> </div></li></ul></div>

</div></div></div>

[/html]

Чтобы оставить свой след в списке ролей, достаточно заполнить код, указав факультет и курс, либо предмет, который преподаете;
Если вы староста факультета, добавьте к коду <sup>староста</sup>

Код:

- <a href="ссылка">name surname</a><br>

ELEMENTALS: chaos returns

Меню навигации

Пользовательские ссылки

Объявление

Информация о пользователе

список ролей

Сообщений 1 страница 1 из 1

Поделиться12018-06-28 21:05:15