Deff
ясн спасибо, ща чтонить придумаю, а что насчет jQuery - в гугле смотрел это какойто очень большой скрипт, хз для чего..
Создаем выплывающее меню
Сообщений 81 страница 100 из 144
ПеревестиПоделиться81Пн, 6 Дек 2010 18:13:39
ПеревестиПоделиться82Пн, 6 Дек 2010 18:18:13
evildoom Данный скрипт конфликтующий, как раз тоже использует jQuery
jQuery -Большая библиотека продвинутых скриптов, более удобная для программирования чем исходный ява скрипт( хотя тут можно оспаривать
Отредактировано Deff (Пн, 6 Дек 2010 18:19:05)
ПеревестиПоделиться83Пн, 6 Дек 2010 18:31:53
Deff
Поставил по верх всех скриптов - заработало.
Теперь такой вопрос: как заменить кнопки "форум" и т.д на картинки вот к примеру на такую http://s57.radikal.ru/i157/1012/65/261d2eb4326b.jpg
Отредактировано evildoom (Пн, 6 Дек 2010 18:32:15)
ПеревестиПоделиться84Пн, 6 Дек 2010 18:42:56
evildoom Тот скрипт, что я сказал все равно конфликтует, лучше его убрать, если вы его временно вынете - заметите существенную разницу в анимации меню
Теперь такой вопрос: как заменить кнопки "форум" и т.д на картинки вот к примеру на таку
http://forum.mybb.ru/viewtopic.php?id=24126п.п 21 Вариант 2 -Скриптом
Отредактировано Deff (Пн, 6 Дек 2010 18:45:21)
ПеревестиПоделиться85Пн, 6 Дек 2010 18:47:24
Deff
Вы про jQuery ? я его не ставил.. просто поставил скрипты выплывающего меню поверх остальных скриптов и заработало. Насчет картинок вместо кнопок не подскажете? и еще такой вопрос немного сдвинулась панелька с кнопками, "Выход" в право чуть дальше банера вылез, можно этот "выход" чуть влево подвинуть? =)
P.S Насчет картинки понял, спасибо...
Отредактировано evildoom (Пн, 6 Дек 2010 18:49:41)
ПеревестиПоделиться86Пн, 6 Дек 2010 18:55:09
evildoom Я написал на предыдущей странице какой скрипт конфликтует
Отредактировано Deff (Вт, 7 Дек 2010 08:59:50)
ПеревестиПоделиться87Пн, 6 Дек 2010 22:04:13
jQuery -Большая библиотека продвинутых скриптов
точнее сказать скриптовая библиотека, чем библиотека продвинутых скриптов, принцип которой на упрощении программирования за счёт оптимизации многоразовых кусков кода, кстати вышла новая версия 1.4.4
ПеревестиПоделиться88Вт, 1 Фев 2011 01:29:52
Здравствуйте, у меня проблема, не могу сделать нормальное меню. Надпись криво стоит и "стрелочки" слишком низко расположены.
Мой код из html-верха.
</script><!--Выплывающее меню v3-->
<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 {
width: 800px; /*For KHTML*/
list-style: none;
height: 25px;}
#pun-navlinks.section ul.container, #pun-navlinks.section ul.container * {z-index: 1000; width:auto;}
#pun-navlinks.section ul.container li {
margin: 18px 0px 0px 0px;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 12px;}
#pun-navlinks.section ul.container ul {
padding: 0px 0px 12px 0px;
width: 155px;
list-style: none;
display: none;
position: absolute;
top: 15px;
left: -5px;
background-image: url(http://savepic.org/1228401.png);
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: bold 11px Verdana;
content: ".";
height: 0;
visibility: hidden;}
#pun-navlinks.section ul.container ul li {
width: 155px;
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:left;
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:normal;
height:auto !important;
line-height:0px;
padding:0 0 0 30px;
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: #FF0000;
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: left;
bbackground: #FAD85B;
color: #000;}
/* 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: #FF0000;}
/* 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;}
.downarrowclass{position: absolute;top: 20px;right: 7px;}
.rightarrowclass{position: absolute;top: 6px;right: 5px;}
</style>
<style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 280px; top: 20px}
</style>ПеревестиПоделиться89Вт, 1 Фев 2011 01:36:35
Здравствуйте, у меня проблема, не могу сделать нормальное меню. Надпись криво стоит и "стрелочки" слишком низко расположены.
дайте ссылку на ваш форум
ПеревестиПоделиться91Вт, 1 Фев 2011 16:27:55
Romych
Я подкорректировала всё-таки, но теперь мне надо сместить меню влево. (
ПеревестиПоделиться92Вт, 1 Фев 2011 21:10:30
Я подкорректировала всё-таки, но теперь мне надо сместить меню влево. (
а вы зачем-то смещение сделали
#pun-navlinks.section {
display: block;
left: 8em;
opacity: 0.9;
position: relative;
z-index: 1000;
}
удалите это свойство вообще нафиг
а если надо текст меню по-центру сделать регулируйте его здесь
#pun-navlinks.section ul.container li {
padding-left: 30px;
}
ПеревестиПоделиться93Ср, 16 Мар 2011 18:54:26
Romych
Приветствую.
Поставил ваше меню, настроил...
Но вот бегунок (скрин*) в браузере не убирается не каким способом... что нужно поменять, в стиле красным выделил то что менял (изменений нет)
<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: 1024 px; /*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://onserial-letay-16.ru/uploads/000 … 42-1-f.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: #336699;
display:block;
float:none !important;
font-family:arial,Verdana,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
height:auto !important;
line-height:20px;
padding: 0 17px 0 17px;
text-decoration:none;
}/* 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: #FFFFFF;
border-radius:17px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
box-shadow: 0px 5px 10px #999999;
-webkit-box-shadow:0px 5px 10px #999999;
-khtml-box-shadow:0px 5px 10px #999999;
-moz-box-shadow:0px 5px 10px #999999;
}/* 2nd Menu */
#pun-navlinks.section ul.container li:hover li a, #pun-navlinks.section ul.container li.iehover li a {
float: none;
color: #336699;
}/* 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 {
color: #000000;
text-shadow: 0px 0px 7px white;
}/* 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;}
.downarrowclass{position: absolute;top: 3px;right: 7px;}
.rightarrowclass{position: absolute;top: 6px;right: 5px;}
</style>
<!--Выпадающее меню-->
<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://upforme.ru/uploads/000b/89/6b/16-1.gif', 23], right:['rightarrowclass', 'http://upforme.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://onserial-letay-16.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">Сообщения</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>
И собственно то что желтым в скрипте не понятно зачем, она не отображается... ссылка на тест форум
ПеревестиПоделиться94Чт, 17 Мар 2011 16:21:50
Поможет кто нибудь?
ПеревестиПоделиться95Чт, 17 Мар 2011 16:25:44
Поставил ваше меню, настроил...
Invisible Man, Адрес ?
ПеревестиПоделиться96Чт, 17 Мар 2011 16:28:12
Invisible Man, Адрес ?
И собственно то что желтым в скрипте не понятно зачем, она не отображается... ссылка на тест форум
ПеревестиПоделиться97Чт, 17 Мар 2011 16:35:46
ссылка на тест форум
Хы - там регацо нужно - лень - Выложи тестовый юзер ник под 300 сообщений чоб и Ромыч мог
ПеревестиПоделиться98Чт, 17 Мар 2011 16:42:42
Хы - там регацо нужно - лень - Выложи тестовый юзер ник под 300 сообщений чоб и Ромыч мог
ПеревестиПоделиться99Чт, 17 Мар 2011 16:56:37
И собственно то что желтым в скрипте не понятно зачем, она не отображается... ссылка на тест форум http://foooorum.mybb.msk.su/profile.php?id=163
Стрелками то шо жёлтым и Мозилле и Опере http://savepic.org/1543738.png
Хотя картинки вставленные в скрипт заливай на свой форум -ссылки меняй
Отредактировано Deff (Чт, 17 Мар 2011 16:58:58)
ПеревестиПоделиться100Чт, 17 Мар 2011 17:04:06
Стрелками то шо жёлтым и Мозилле и Опере
это то понятно, просто я желтым выделил именно то что не отображается (тобиш картинка есть в скрипте но но работает она)
Перезалил.
Хотя картинки вставленные в скрипт заливай на свой форум -ссылки меняй
Вот и я об этом...зачем она там 
Отредактировано Invisible Man (Чт, 17 Мар 2011 17:07:29)
Похожие темы
| Выпадающее меню для форума | Архив | Пн, 26 Авг 2013 |
| Всплывающее меню на объявление | Корзина | Чт, 8 Апр 2010 |
| Выпадающее меню | Корзина | Пт, 10 Сен 2010 |
| Помощь по созданию бокового меню! | Корзина | Пт, 8 Июл 2011 |
| Общие вопросы от новичков - 16 | Корзина | Сб, 12 Дек 2009 |