Скриншот материала «Новый вид мини-профиля»
|
Красивый мини-профиль, выполнен в тёмных тонах, подойдёт к любому сайту. Очень удобен, при нажатии на пункты происходит плавное выезжание информации которая вам нужна. Лёгок в установке и не требует дополнительных скриптов.
Можно поменять под свои потребности, код лёгкий и разбираться в нём долго не надо.
В блок:
Код
<style>
.block_profile_link {margin:5px 0 0 0; padding:0; list-style:none; border-top:1px solid #0d0d0d; border-bottom:1px solid #3e3e3e;}
.block_profile_link li {width:100%; display:block; border-bottom:1px solid #0d0d0d; border-top:1px solid #3e3e3e;}
.block_profile_link li a:link,
.block_profile_link li a:active,
.block_profile_link li a:visited {padding:2px 0 2px 0;width:100%;display:block; color:#d2d2d2; background:url(http://o-cheats.ru/images/39.png) repeat-x -999px -999px;}
.block_profile_link li a:hover {color:#ff9900; text-decoration:none; background-position:0px 0px;}
.userAvatar {padding: 0 0 2px 0;}
</style>
<div class="block_profile">
<div class="block_razdelitel"/>
<div align="center">
<img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$http://mega-rip.ru/new_images/other/profile/no_avatar.jpg" border="0">
</div>
<ul class="block_profile_link">
<center><li><a onclick="$('#dobavit').toggle('fast');" href="javascript://">Общие данные</a></li></center>
<div id="dobavit" class="profile" style="display: none">
<img src="http://o-cheats.ru/images/43.png"> Группа: $USER_GROUP$<br>
<img src="http://o-cheats.ru/images/43.png"> Вы на сайте: $USER_REG_DAYS$-й день<br>
<img src="http://o-cheats.ru/images/43.png"> Ваш IP: $IP_ADDRESS$<br>
<img src="http://o-cheats.ru/images/43.png"> <a href="/index/8">Страница профиля</a><br>
<img src="http://o-cheats.ru/images/43.png"> <a href="/index/11">Изменение данных</a><br>
<img src="http://o-cheats.ru/images/43.png"> <a href="/load/0-0-0-0-1">Добавить материал</a></div>
<center><li><a href="/index/14">Личные сообщения(0)</a></li></center>
<center><li><a href="/index/10">Выход</a></li></center>
</ul>
</div>