Javascript

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Javascript » Новый форум » }{obbi


}{obbi

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

1

tak tak

0

2

собственно хотелось добиться универсальности,
чтоб при установке этого меню вид вашего обычного не менялся и не смещался, ни влево, ни в право и избежать необходимости в скрипте прописывать вручную адрес форума, как это было в предыдущих версиях,
скрипт меню существенно сократился и сделан уже с правильным подходом, т.е. я уже в нём ничего не скрываю от гостей или пользователей,
а пристраиваю своё меню к стандартному,
поэтому гости и так не видят тех пунктов, которые им не положено и пользователи не видят пункт Администрирование со всеми вытекающими (от гостей я скрыл только пункт Участники),
а админ видит всё что и должен видеть,
вся задача этого меню заключается в ускорении доступа к тем пунктам, которые нужны: Админу, модеру, пользователю
и исключить лишние переходы по страницам,
в меню так же добавлен выпадающий список участников (сделан на ajax запросе)
собственно грамотно было бы сделать всё меню на ajax запросах, скрипт бы получился в разы меньше, и не пришлось бы в ручную дописывать дополнительные пункты в адиминке, которые появляются на сервисе с периодичностью раз в полгода, НО...поскольку сервис до сих пор не перешёл ещё на кодировку UTF-8, то вместо пунктов меню кириллицей, мы сейчас при ajax запросах видим билеберду  и кракозяблы,
так что в выпадающем списке Участников все ники кириллицей выглядят именно так, но тем не менее, я включил его в меню,
короче хватит бла бла бла
вот собственно сам продукт

Выпадающее главное меню. v4

в html-верх:

Код:
<style type="text/css">
#pun-navlinks.section{display: block;position: relative;z-index: 1000;opacity: 0.9;filter: alpha(opacity=90);}
#pun-navlinks.section ul.container li {height: 24px;display: inline;position: relative;float: left;}

#pun-navlinks.section ul.container ul {width: 175px;list-style: none;display: none;position: absolute;top: 16px;left: -5px;background:#828282;}
#pun-navlinks.section ul.container ul  {-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;}

#pun-navlinks.section ul.container ul:after /*From IE 7 lack of compliance*/{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}

#pun-navlinks.section ul.container ul li {width: 175px;float: left;display: block !important;display: inline; text-align:center;font-weight:bold;}

/* 2nd Menu */
#pun-navlinks.section ul.container li:hover li a, #pun-navlinks.section ul.container li.iehover li a {float: none;color: #ffffff;}
/* 2nd Menu Hover Persistence */
#pun-navlinks.section ul.container li:hover li a:hover, #pun-navlinks.section ul.container li:hover li:hover a, #pun-navlinks.section ul.container li.iehover li a:hover, #pun-navlinks.section ul.container li.iehover li.iehover a {background: #555555;color: #ffcc33;text-decoration:none;font-weight:bold;}
/* Do Not Move - Must Come Before display:block for Gecko */
#pun-navlinks.section ul.container li:hover ul ul, #pun-navlinks.section ul.container li:hover ul ul ul, #pun-navlinks.section ul.container li.iehover ul ul, #pun-navlinks.section ul.container li.iehover ul ul ul {display: none;}
#pun-navlinks.section ul.container li:hover ul, #pun-navlinks.section ul.container ul li:hover ul, #pun-navlinks.section ul.container ul ul li:hover ul, #pun-navlinks.section ul.container li.iehover ul, #pun-navlinks.section ul.container ul li.iehover ul, #pun-navlinks.section ul.container ul ul li.iehover ul {display: block;}
</style>

в html-низ:

Код:
<!--Меню-->
<script type="text/javascript">
$(function() {if (GroupID==3) { 
$('.nog').parent().hide();} 
else {$('.markid').map(function(){
$(this).attr('href', $(this).attr('href')+UserID ); });
} });
var url = location.protocol+'//'+location.hostname;
if(typeof (UserID)!="undefined") {
$('#navprofile').append('<ul><li><a href="'+url+'/profile.php?section=personal&id='+UserID+'">Персональный</a></li><li><a href="'+url+'/profile.php?section=messaging&id='+UserID+'">Общения</a></li><li><a href="'+url+'/profile.php?section=avatar&id='+UserID+'">Аватар</a></li><li><a href="'+url+'/profile.php?section=signature&id='+UserID+'">Подпись</a></li><li><a href="'+url+'/profile.php?section=display&id='+UserID+'">Отображения</a></li><li><a href="'+url+'/profile.php?section=privacy&id='+UserID+'">Приватность</a></li><li><a href="'+url+'/profile.php?section=fields&id='+UserID+'">Остальное</a></li><li><a href="'+url+'/profile.php?section=admin&id='+UserID+'">Управление</a></li></ul>'); 
}
$('#navpm').append('<ul><li><a href="'+url+'/messages.php?box=0">Входящие</a></li><li><a href="'+url+'/messages.php?box=1">Отправленные</a></li><li><a href="'+url+'//messages.php?action=new">Новое сообщение</a></li></ul>'); 
$('#navadmin').append('<ul><li><a href="'+url+'/admin_categories.php" title="Добавление/удаление/редактирование категорий">Категории</a></li><li><a href="'+url+'/admin_forums.php" title="Добавление/редактирование форумов">Форумы</a></li><li><a href="'+url+'/admin_users.php" title="Поиск пользователя">Пользователи</a></li><li><a href="'+url+'/admin_groups.php" title="Добавление/настройка групп">Группы</a></li><li><a href="'+url+'/admin_options.php">Настройки</a></li><li><a href="'+url+'/admin_permissions.php">Права</a></li><li><a href="'+url+'/admin_censoring.php">Цензура</a></li><li><a href="'+url+'/admin_ranks.php">Ранги</a></li><li><a href="'+url+'/admin_bans.php">Блокировка</a></li><li><a href="'+url+'/admin_logs.php" title="Система ведения логов форума">Логи</a></li><li><a href="'+url+'/admin_prune.php">Чистка</a></li><li><a href="'+url+'/admin_massmail.php" title="Массовая E-mail рассылка">Рассылка</a></li><li><a href="'+url+'/admin_fields.php" title="Дополнительные поля профиля">Поля</a></li><li><a href="'+url+'/admin_style.php" title="Свой стиль">Стиль</a></li><li><a href="'+url+'/admin_pages.php" title="Добавление страницы">Страницы</a></li><li><a href="'+url+'/admin_promotion.php" title="Метатеги/Поисковые системы">Раскрутка</a></li><li><a href="'+url+'/admin_paid_services.php" title="Платные услуги">Платные услуги</a></li></ul>');
$('#navuserlist').append('<ul id="userpol" class="nog"></ul>'); 
$.get('userlist.php','',processContacts);
function processContacts(data){
$(data).find('td.tcl').each(function(){  
var JUser=$(this).find('span.usersname').text();var ULink=$(this).find('span.usersname a').attr('href');
$('#userpol').append('<li><a href="'+ULink+'">'+JUser+'</a></li>'); });}
</script>

в общем-то всё, единственное что мне пока не удалось, это того что меню всё же смещается, css не мой конёк, надеюсь кто-нибудь доведёт стиль меню до совершенства и универсальности

+1

3

go

0

4

Ucoz

Mybb

возможность создавать страницы

http://www.iconsearch.ru/uploads/icons/fugue/16x16/tick_circle.png

http://www.iconsearch.ru/uploads/icons/fugue/16x16/tick_circle.png (не индексируются поисковыми ботами)

наличие форума

http://www.iconsearch.ru/uploads/icons/fugue/16x16/tick_circle.png

http://www.iconsearch.ru/uploads/icons/fugue/16x16/tick_circle.png

срок жизни проекта при длительном отсутствии

30 дней

неограничено

настраиваемый дизайн

http://www.iconsearch.ru/uploads/icons/fugue/16x16/tick_circle.png

http://www.iconsearch.ru/uploads/icons/fugue/16x16/tick_circle.png

дополнительные моды, расширения

http://www.iconsearch.ru/uploads/icons/fugue/16x16/tick_circle.png

только средствами javascript

лёгкость освоения

средняя

http://www.iconsearch.ru/uploads/icons/fugue/16x16/tick_circle.png

дисковое пространство проекта

от 400mb

100mb

свой домен

http://www.iconsearch.ru/uploads/icons/fugue/16x16/tick_circle.png

http://www.iconsearch.ru/uploads/icons/fugue/16x16/tick_circle.png

ячейка 28

ячейка 29

ячейка 30

ячейка 31

ячейка 32

ячейка 33

+1

5

сарарапр

Добавлено: и ещё вот

+1

6

http://www.youtube.com/watch?v=2KUxXPl5 … ure=relmfu

+2

7

http://www.youtube.com/watch?v=QK8mJJJvaes&sns=em

http://www.youtube.com/watch?v=aQhLHUYA … 5i70ly0EBg

0

8

55

+1


Вы здесь » Javascript » Новый форум » }{obbi