Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Архив » Создаем выплывающее меню


Создаем выплывающее меню

Сообщений 21 страница 40 из 144

21

opirk032 написал(а):

А как убрать стандартное меню?Типа 2 меню?

оно перекроется новым как только поставишь скрипт приведённый здесь

0

22

Romych
Я забыл сказать: я с ИЕ сижу, если что... В нём проверял?

0

23

rps написал(а):

В нём проверял?

проверил, (правда в 7 версии)
в нём не всё корректно отображается,
будем думать, что можно сделать

0

24

Помоги те пожалуйста как его поставить вместо обычного меню ?

0

25

Доброй ночи...возник такой интересный вопрос, а возможно ли сделать меню выплывающим  вверх??
для примера - как вот здесь -- http://fargate.ru/

0

26

hoks
Здравствуйте.

hoks написал(а):

Доброй ночи...возник такой интересный вопрос, а возможно ли сделать меню выплывающим  вверх??

Можно. Завтра вечером, если никто раньше не напишет, дам Вам код.

0

27

rps
ооооо, огромное спасибо уже заранее))))
если б я ещё могла ставить плюсы xD

0

28

hoks
Попробуйте так:
ХТМЛ-верх:

Код:
<style>
#meny {
width: 100%;
height: 50px;
}
#meny li {
display: block;
width: 120px;
height: 50px;
float: left;
border: 1px solid;
background: #FAFAD2;
}
#meny li ul {
display: none; 
}
#meny li:hover ul {
display: block;
position: relative;
top: -66px;
border: solid solid none solid;
}
</style>

Туда, где должно быть объявление:

Код:
<ul id="meny">
<li>01
<ul><li>1</li></ul>
</li>
<li>02
<ul><li>2</li></ul>
</li>
<li>03
<ul><li>3</li></ul>
</li>
<li>04
<ul><li>4</li></ul>
</li>
<li>05
<ul><li>5</li></ul>
</li>
<li>06
<ul><li>6</li></ul>
</li>
<li>07
<ul><li>7</li></ul>
</li>
<li>08
<ul><li>8</li></ul>
</li>
</ul>

Пример: http://tps.bbmy.ru.

0

29

rps
ага, всё работает, спасибо)))
а сам механизм их "выезжания" повторить не получится?))

0

30

hoks написал(а):

а сам механизм их "выезжания" повторить не получится?))

Какой? Вы наверное не в той теме спросили? Вам выпадающее меню может надо?

0

31

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

меню доработано:
исправлено одно серьёзное упущение (на главной странице не отображалось появление новых личных писем),
добавлен пункт - Платные услуги (для администратора)
пункты меню переписаны более грамотно,
как и прежде меню работает с jQuery

в html-верх:

Код:
<style type="text/css">
	#pun-navlinks.section{
display: block;
position: relative;
                z-index: 1000;
left: 8em;
                opacity: 0.9;  
                filter: alpha(opacity=90); 
                    	}
	#pun-navlinks.section ul.container {
margin: 0px;
border: 0px;
padding: 0px;
                      width: 980px; /*For KHTML*/
list-style: none;
height: 24px;
	}
	#pun-navlinks.section ul.container, #pun-navlinks.section ul.container * {z-index: 1000;}
	#pun-navlinks.section ul.container li {
margin: 0px 20px 0px 0px;
padding: 0px;
border: 0px;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 24px;
	}

	#pun-navlinks.section ul.container ul {
margin: 0px;
border: 0px;
padding: 0px 0px 12px 0px;
width: 175px;
list-style: none;
display: none;
position: absolute;
top: 24px;
left: -5px;
background-image: url(http://www.acrobatusers.com/sites/all/themes/auc_v3/images/menu_bottom.gif);
background-repeat: no-repeat;
background-position: 0 bottom;
	}

	#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; /*For IE 7 lack of compliance*/
display: block !important;
display: inline; /*For IE*/
	}

	/* Root Menu */
	#pun-navlinks.section ul.container a {
	-x-system-font:none;
	background-attachment:scroll;
	background-image:none;
	background-position:0 0;
	background-repeat:repeat;
	color: #000000;
	display:block;
	float:none !important;
	font-family:arial,Verdana,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:auto !important;
	line-height:16px;
	padding:0 0 0 17px;
	text-decoration:none;
	text-transform:uppercase;
}

	/* Root Menu Hover Persistence */
	#pun-navlinks.section ul.container a:hover, #pun-navlinks.section ul.container li:hover a, #pun-navlinks.section ul.container li.iehover a {
color: #ffcc33;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0 0;
	}

	/* 2nd Menu */
	#pun-navlinks.section ul.container li:hover li a, #pun-navlinks.section ul.container li.iehover li a {
float: none;
bbackground: #bf2c2b;
color: #fff;
	}

	/* 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;
	}

	/* 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;
	}
	#pun-break1, #pun-break2{display: none;}
	#pun-announcement,#pun-announcement *{z-index: 1;}
</style>

в html-низ:

Код:
<!--Выпадающее меню-->
<script type="text/javascript">
     jQuery(function() {
             if (GroupID==3) { 
                jQuery('.markid').parent().hide();
                jQuery('.nog').parent().hide();
             } else {
             jQuery('.markid').map(function(){
               jQuery(this).attr('href', jQuery(this).attr('href')+UserID );
             });
    
             }
     });

var arrowimages={down:['downarrowclass', 'http://forumupload.ru/uploads/000b/89/6b/16-1.gif', 23], right:['rightarrowclass', 'http://forumupload.ru/uploads/000b/89/6b/16-2.gif']}

var jqueryslidemenu={

animateduration: {over: 500, out: 200}, 

buildmenu:function(menuid, arrowsvar){
	jQuery(document).ready(function($){
var $mainmenu=$("#"+menuid+">ul")
var $headers=$mainmenu.find("ul").parent()
$headers.each(function(i){
	var $curobj=$(this)
	var $subul=$(this).find('ul:eq(0)')
	this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()}
	this.istopheader=$curobj.parents("ul").length==1? true : false
	$subul.css({top:this.istopheader? this._dimensions.h+"px" : 0})
	$curobj.children("a:eq(0)").css(this.istopheader? {paddingRight: arrowsvar.down[2]} : {}).append(
'<img src="'+ (this.istopheader? arrowsvar.down[1] : arrowsvar.right[1])
+'" class="' + (this.istopheader? arrowsvar.down[0] : arrowsvar.right[0])
+ '" style="border:0;" />'
	)
	$curobj.hover(
function(e){
	var $targetul=$(this).children("ul:eq(0)")
	this._offsets={left:$(this).offset().left, top:$(this).offset().top}
	var menuleft=this.istopheader? 0 : this._dimensions.w
	menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) : menuleft
	$targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).slideDown(jqueryslidemenu.animateduration.over)
},
function(e){
	var $targetul=$(this).children("ul:eq(0)")
	$targetul.slideUp(jqueryslidemenu.animateduration.out)
}
	) 
}) 
$mainmenu.find("ul").css({display:'none', visibility:'visible'})
	}) 
}
}

jqueryslidemenu.buildmenu("pun-navlinks", arrowimages)

var msgStr = $("a[href='http://testing.1bb.ru/messages.php'] span").html();

var url = location.protocol+'//'+location.hostname;
if(typeof (UserID)!="undefined") {
document.getElementById('navprofile').innerHTML='<a href="'+url+'/profile.php?id='+UserID+'"><span>Профиль</span></a><ul><li><a class="markid" href="'+url+'/profile.php?section=personal&id=">Персональный</a></li><li><a class="markid" href="'+url+'/profile.php?section=messaging&id=">Общения</a></li><li><a class="markid" href="'+url+'/profile.php?section=avatar&id=">Аватар</a></li><li><a class="markid" href="'+url+'/profile.php?section=signature&id=">Подпись</a></li><li><a class="markid" href="'+url+'/profile.php?section=display&id=">Отображения</a></li><li><a class="markid" href="'+url+'/profile.php?section=privacy&id=">Приватность</a></li><li><a class="markid" href="'+url+'/profile.php?section=fields&id=">Остальное</a></li><li><a class="markid" href="'+url+'/profile.php?section=admin&id=">Управление</a></li></ul>' 
}
if ( document.getElementById('navpm') ) {
document.getElementById('navpm').innerHTML='<a href="'+url+'/messages.php">'+msgStr+'</a><ul><li><a class="nog" href="'+url+'/messages.php?box=0">Входящие</a></li><li><a class="nog" href="'+url+'/messages.php?box=1">Отправленные</a></li><li><a class="nog" href="'+url+'//messages.php?action=new">Новое сообщение</a></li></ul>'; 
}
if ( document.getElementById('navadmin') ) {
 document.getElementById('navadmin').innerHTML='<a href="'+url+'/admin_index.php">Администрирование</a><ul><li><a class="nog" href="'+url+'/admin_categories.php" title="Добавление/удаление/редактирование категорий">Категории</a></li><li><a class="nog" href="'+url+'/admin_forums.php" title="Добавление/редактирование форумов">Форумы</a></li><li><a class="nog" href="'+url+'/admin_users.php" title="Поиск пользователя">Пользователи</a></li><li><a class="nog" href="'+url+'/admin_groups.php" title="Добавление/настройка групп">Группы</a></li><li><a class="nog" href="'+url+'/admin_options.php">Настройки</a></li><li><a class="nog" href="'+url+'/admin_permissions.php">Права</a></li><li><a class="nog" href="'+url+'/admin_censoring.php">Цензура</a></li><li><a class="nog" href="'+url+'/admin_ranks.php">Ранги</a></li><li><a class="nog" href="'+url+'/admin_bans.php">Блокировка</a></li><li><a class="nog" href="'+url+'/admin_logs.php" title="Система ведения логов форума">Логи</a></li><li><a class="nog" href="'+url+'/admin_prune.php">Чистка</a></li><li><a class="nog" href="'+url+'/admin_massmail.php" title="Массовая E-mail рассылка">Рассылка</a></li><li><a class="nog" href="'+url+'/admin_fields.php" title="Дополнительные поля профиля">Поля</a></li><li><a class="nog" href="'+url+'/admin_style.php" title="Свой стиль">Стиль</a></li><li><a class="nog" href="'+url+'/admin_pages.php" title="Добавление страницы">Страницы</a></li><li><a class="nog" href="'+url+'/admin_promotion.php" title="Метатеги/Поисковые системы">Раскрутка</a></li><li><a class="nog" href="'+url+'/admin_paid_services.php" title="Платные услуги">Платные услуги</a></li></ul>'
}
</script>

в скрипте ищем вот такую строку

var msgStr = $("a[href='http://testing.1bb.ru/messages.php'] span").html();

и вставляем вместо выделенного красным адрес своего форума

внешний вид и стиль выпадающего меню можете настроить как вам угодно

+1

32

работа с системой оповещения о новых ЛС в меню привела ещё к двум сопутствующим скриптам,
функция у которых одна, а эффекты разные

Система оповещения о новом личном сообщении

скрипт ставить в html-низ:

вариант первый (всплывающее окно)
входя на форум вы видите окно предупреждающее о том, есть ли новое письмо вам или нет (предыдущие подобные скрипты находящиеся на этом форуме не работают с этим меню)

<script language="JavaScript">
var msgStr = $("a[href='адрес вашего форума/messages.php'] span").html();
if ( msgStr ) {
if (msgStr != 'Сообщения') {
  alert('У вас новое письмо');
}  else {
  alert('Новых писем нет');
}
}
</script>

вариант второй (звуковой)
при получении вами нового письма, входя на форум вы слышите сигнал ( в данном случае стандартное ку-ку из аськи)

<script language="JavaScript">
var msgStr = $("a[href='адрес вашего форума/messages.php'] span").html();
if ( msgStr ) {
if (msgStr != 'Сообщения') {
  document.write('<object type="application/x-shockwave-flash" width="1" height="1" data="http://www.klopp.net.ru/musicbox/FMP3.swf?mp3=http://klopp.net.ru/musicbox/f/0510/57/35017565555a1c6302aa1e1b3c908d.mp3&action=play&title=%D0%BA%D1%83%20%D0%BA%D1%83&loop=no&lma=no"><param name="quality" value="high" /></object>')
}
}
</script>

звуковое оповещение можно было бы реализовать применяя тег bgsound, но его понимают не все браузеры, поэтому от этой затеи пришлось отказаться

данный скрипт проверял в IE, Опере и Мозилле
его можно встроить в тело скрипта меню (при желании)

напоминаю, что как и само меню, система оповещения работает тоже с jQuery
так что в html-верх у вас обязательно должен быть вариант этой библиотеки (у меня вариант 1.4)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

+1

33

mkusher
Простите, а как поменять разрешение этих подсказок?

0

34

Летта
Всмысле О_о высоту и ширину чтоли?

0

35

эм о_О
повторю.
не работают оба скрипта о новых ЛС. в чем может быть проблема?
http://hogwartsoldschool.mybb.ru/

0

36

Розалли
Здравствуйте.

Розалли написал(а):

эм о_О
повторю.
не работают оба скрипта о новых ЛС. в чем может быть проблема?
http://hogwartsoldschool.mybb.ru/

Вы про скрипты из 32 сообщения этой темы?

0

37

rps
да, именно

0

38

Розалли написал(а):

не работают оба скрипта о новых ЛС. в чем может быть проблема?

Розалли
удалите меню и следующий за ним скрипт оповещения, их лучше совместить в один, иначе у вас там одна строка дублируется
вот так должно быть

Код:
<!--Меню-->
<script type="text/javascript">
     jQuery(function() {
             if (GroupID==3) { 
                jQuery('.markid').parent().hide();
                jQuery('.nog').parent().hide();
             } else {
             jQuery('.markid').map(function(){
               jQuery(this).attr('href', jQuery(this).attr('href')+UserID );
             });
    
             }
     });

var arrowimages={down:['downarrowclass', 'http://forumupload.ru/uploads/000b/89/6b/16-1.gif', 23], right:['rightarrowclass', 'http://forumupload.ru/uploads/000b/89/6b/16-2.gif']}

var jqueryslidemenu={

animateduration: {over: 500, out: 200}, 

buildmenu:function(menuid, arrowsvar){
	jQuery(document).ready(function($){
var $mainmenu=$("#"+menuid+">ul")
var $headers=$mainmenu.find("ul").parent()
$headers.each(function(i){
	var $curobj=$(this)
	var $subul=$(this).find('ul:eq(0)')
	this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()}
	this.istopheader=$curobj.parents("ul").length==1? true : false
	$subul.css({top:this.istopheader? this._dimensions.h+"px" : 0})
	$curobj.children("a:eq(0)").css(this.istopheader? {paddingRight: arrowsvar.down[2]} : {}).append(
'<img src="'+ (this.istopheader? arrowsvar.down[1] : arrowsvar.right[1])
+'" class="' + (this.istopheader? arrowsvar.down[0] : arrowsvar.right[0])
+ '" style="border:0;" />'
	)
	$curobj.hover(
function(e){
	var $targetul=$(this).children("ul:eq(0)")
	this._offsets={left:$(this).offset().left, top:$(this).offset().top}
	var menuleft=this.istopheader? 0 : this._dimensions.w
	menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) : menuleft
	$targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).slideDown(jqueryslidemenu.animateduration.over)
},
function(e){
	var $targetul=$(this).children("ul:eq(0)")
	$targetul.slideUp(jqueryslidemenu.animateduration.out)
}
	) 
}) 
$mainmenu.find("ul").css({display:'none', visibility:'visible'})
	}) 
}
}

jqueryslidemenu.buildmenu("pun-navlinks", arrowimages)

var msgStr = $("a[href='http://hogwartsoldschool.mybb.ru/messages.php'] span").html();
if ( msgStr ) {
 if (msgStr != 'Сообщения') { 
  alert('У вас новое письмо');
 }  else {
  alert('Новых писем нет');
 }
}
var url = location.protocol+'//'+location.hostname;
if(typeof (UserID)!="undefined") {
document.getElementById('navprofile').innerHTML='<a href="'+url+'/profile.php?id='+UserID+'"><span>Профиль</span></a><ul><li><a class="markid" href="'+url+'/profile.php?section=personal&id=">Персональный</a></li><li><a class="markid" href="'+url+'/profile.php?section=messaging&id=">Общения</a></li><li><a class="markid" href="'+url+'/profile.php?section=avatar&id=">Аватар</a></li><li><a class="markid" href="'+url+'/profile.php?section=signature&id=">Подпись</a></li><li><a class="markid" href="'+url+'/profile.php?section=display&id=">Отображения</a></li><li><a class="markid" href="'+url+'/profile.php?section=privacy&id=">Приватность</a></li><li><a class="markid" href="'+url+'/profile.php?section=fields&id=">Остальное</a></li><li><a class="markid" href="'+url+'/profile.php?section=admin&id=">Управление</a></li></ul>' 
}
if ( document.getElementById('navpm') ) {
document.getElementById('navpm').innerHTML='<a href="'+url+'/messages.php">'+msgStr+'</a><ul><li><a class="nog" href="'+url+'/messages.php?box=0">Входящие</a></li><li><a class="nog" href="'+url+'/messages.php?box=1">Отправленные</a></li><li><a class="nog" href="'+url+'//messages.php?action=new">Новое сообщение</a></li></ul>'; 
}
if ( document.getElementById('navadmin') ) {
 document.getElementById('navadmin').innerHTML='<a href="'+url+'/admin_index.php">Администрирование</a><ul><li><a class="nog" href="'+url+'/admin_categories.php" title="Добавление/удаление/редактирование категорий">Категории</a></li><li><a class="nog" href="'+url+'/admin_forums.php" title="Добавление/редактирование форумов">Форумы</a></li><li><a class="nog" href="'+url+'/admin_users.php" title="Поиск пользователя">Пользователи</a></li><li><a class="nog" href="'+url+'/admin_groups.php" title="Добавление/настройка групп">Группы</a></li><li><a class="nog" href="'+url+'/admin_options.php">Настройки</a></li><li><a class="nog" href="'+url+'/admin_permissions.php">Права</a></li><li><a class="nog" href="'+url+'/admin_censoring.php">Цензура</a></li><li><a class="nog" href="'+url+'/admin_ranks.php">Ранги</a></li><li><a class="nog" href="'+url+'/admin_bans.php">Блокировка</a></li><li><a class="nog" href="'+url+'/admin_logs.php" title="Система ведения логов форума">Логи</a></li><li><a class="nog" href="'+url+'/admin_prune.php">Чистка</a></li><li><a class="nog" href="'+url+'/admin_massmail.php" title="Массовая E-mail рассылка">Рассылка</a></li><li><a class="nog" href="'+url+'/admin_fields.php" title="Дополнительные поля профиля">Поля</a></li><li><a class="nog" href="'+url+'/admin_style.php" title="Свой стиль">Стиль</a></li><li><a class="nog" href="'+url+'/admin_pages.php" title="Добавление страницы">Страницы</a></li><li><a class="nog" href="'+url+'/admin_promotion.php" title="Метатеги/Поисковые системы">Раскрутка</a></li><li><a class="nog" href="'+url+'/admin_paid_services.php" title="Платные услуги">Платные услуги</a></li></ul>'
}
</script>

и ещё, вы зачем то установили себе две версии фреймворка, это тоже может негативно влиять
у вас стоит

http://szenprogs.ru/scripts/jquery-1.3.2.js (версия 1.3) и http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js (версия 1.4)

оставьте версию 1.4

0

39

Romych
большое спасибо)
но, простите за назойливость, нельзя ли убрать постоянно вскакивающее окошко "Новых писем нет"?

Romych написал(а):

} else { alert('Новых писем нет'); } }

если удалить в коде выделенное, оно не выскакивает..

0

40

я что то не могу найти код чтобы был видны кто был за 24 часа у кого есть выложите плиз за ранние спасибо

Отредактировано кеник (Пн, 28 Июн 2010 16:32:44)

0


Вы здесь » Единый форум поддержки » Архив » Создаем выплывающее меню