Всплывающее меню в мини-профиле
Скрипт добавляет небольшую иконку возле ника, по клику на которую всплывает меню "Профиль", "ЛС" и т.п.
Код:
<style>
.punbb .post .pa-links {display: none; position: absolute; top: 25px; right: 0; padding: 5px; z-index: 100;}
.punbb .post .pa-links ul {padding: 15px;}
.pa-links li {display: block; list-style: circle outside; float: none; padding-left: 20px; height: 16px; margin-bottom: 5px}
.pa-links li.pl-email {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/balloon__pencil.png) no-repeat; }
.pa-links li.pl-email:first-child {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/user_business.png) no-repeat; }
.pa-links li.pl-email:nth-child(3) {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/mails_pencil.png) no-repeat; }
.pa-links li.pl-message {background: url(http://www.iconsearch.ru/uploads/icons/blandet/16x16/comments.png) no-repeat; }
.pa-links li.pl-website {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/globe-medium-green.png) no-repeat; }
.btn-links {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/user__plus.png) no-repeat; width: 16px; height: 16px; position: absolute; top: 0; right: 10px; cursor: pointer;}
.post-author {position: relative;}
.post-links li.pl-email, .post-links li.pl-website {visibility: hidden;}
</style>
<script>
$(document).ready(function() {
if(document.URL.indexOf("viewtopic.php")!=-1 && GroupID != 3){
$(".pa-author").after("<div class='btn-links'></div><li class='pa-links'><ul class='container'></ul></li>");
$(".post").each(function(){
$(this).find(".pl-email,.pl-website").clone().prependTo($(this).find(".pa-links ul"));
var user = $(this).find(".pl-email:first a").attr("href").match(/\d+/i);
$(this).find(".pa-links ul .pl-email:eq(0)").after("<li class='pl-message'><a rel='nofollow' href='/search.php?action=show_user&user_id="+user[0]+"'>Сообщения</a></li>");
});
$(".btn-links").click(function() {
$(this).next().toggle('slow');
});
}
})
</script>Если у Вас стоит скрипт замены он-лайн/оффлайн на изображения - ставьте его ДО данного скрипта.
Теги: мини-профиль
