Код:
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Playfair+Display|Droid+Sans' rel='stylesheet' type='text/css'> <style type="text/css"> ::-webkit-scrollbar { height: 12px; width: 8px; background-color: transparent;} ::-webkit-scrollbar-thumb { background: #89929d; } ::-webkit-scrollbar-corner { background: #89929d; } ::-webkit-scrollbar-track { background: transparent; } #stuscontainer { width: 500px; height: 500px; position: relative; background-color: #b1bac1; } #stumenu li { display: inline; cursor:pointer; position: absolute; top: 200px; width: 75px; text-align: center; left: 100px; background-color: #89929d; color: #EEEDDD; padding-top: 10px; padding-bottom: 10px; font-size: 11px; font-family: calibri, sans serif; } #stumenu li:hover { background-color: #a5acb4; } #stumenu li > div { width: 260px; height: 160px; overflow: auto; position: absolute; z-index: 20; display: inline; left: 0px; padding: 20px; visibility:hidden; opacity: 0; margin-bottom: 10px; background: #EEEDDD; color: #666d75; text-align: justify; font-size:1em; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #stumenu li:hover > div { visibility:visible; opacity: 1; margin-top: 30px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #stuscontainer img { position: absolute; z-index: 10; top: 240px; left: 100px; height: 200px; width: 300px; border-bottom: 10px solid #a5acb4; } #stuscontainer h1 { position: absolute; top: 110px; left: 100px; width: 300px; text-align: center; font-family: playfair display; font-size: 70px; color: #EEEDDD; font-style: italic; font-weight: inherit; } #stuscontainer h2 { font-family: times; font-size: 7px; letter-spacing: 2px; position: absolute; top: 90px; left: 100px; width: 300px; line-height: 9px; text-align: center; text-transform: uppercase; color: rgba(238,237,221,0.8); font-weight: inherit; padding-top: 8px; padding-bottom: 8px; border-top: 1px solid rgba(238,237,221,0.5); border-bottom: 1px solid rgba(238,237,221,0.5); } </style> <center> <div id="stuscontainer"> <img src="http://savepic.net/7241749.png"> <h2>monster's place</h2> <ul id="stumenu"> <li> госслужащие <div> <center> профессия - <a href="ссылка на профиль">ник</a> <i>x</i><br> внешность - <a href="ссылка на профиль">ник</a><br> внешность - <a href="ссылка на профиль">ник</a><br> </center> </div> </li> <li style="margin-left: 75px;"> частные <div style="margin-left: -75px;"> <center> менеджер по набору персонала - <a href="https://monster.rusff.me/profile.php?id=16">cloe bertino</a><br> со-владелец 'delfico' - <a href="https://monster.rusff.me/profile.php?id=22">joseph corleone</a><br> внешность - <a href="ссылка на профиль">ник</a><br> </center> </div> </li> <li style="margin-left: 150px;"> криминал <div style="margin-left: -150px;"> <center> внешность - <a href="ссылка на профиль">ник</a><br> внешность - <a href="ссылка на профиль">ник</a><br> внешность - <a href="ссылка на профиль">ник</a><br> </center> </div> </li> <li style="margin-left: 225px;"> другое <div style="margin-left: -225px;"> <center> боец мма - <a href="https://monster.rusff.me/profile.php?id=28">thomas whitman</a><br> музыкант в баре - <a href="https://monster.rusff.me/profile.php?id=48">freddie mclair</a><br> редактор в журнале - <a href="https://monster.rusff.me/profile.php?id=47">lissa neumann</a><br> студентка, мастер в тату-салоне - <a href="https://monster.rusff.me/profile.php?id=43">alex powell</a><br> студентка, профессиональная танцовщица - <a href="https://monster.rusff.me/profile.php?id=24">phoebe walter</a><br> студентка, ютубер - <a href="https://monster.rusff.me/profile.php?id=8">vitalia corleone</a><br> фотокорреспондент - <a href="https://monster.rusff.me/profile.php?id=12">lewis murdock</a><br> ютубер - <a href="сhttps://monster.rusff.me/profile.php?id=5">samantha underwood</a><br> </center> </div> </li> </ul> </div> </center><br><br>
код для профессии
Код:
сфера -> профессия - <a href="ссылка на профиль">имя фамилия</a><br>