• DONATE to NULLED!
    Вы можете помочь Форуму и команде, поддержать финансово.
    starwanderer - модератор этого раздела будет Вам благодарен!

Помощь WP 3.0 проблема с добавлением верхнего меню

Статус
В этой теме нельзя размещать новые ответы.

KHyT

Знаток
Регистрация
26 Апр 2008
Сообщения
328
Реакции
25
Давно не юзал WP вот решил быстренько сделать пару блогов, нашел шаблон

Хочу добавить меню наверх все забыл как добавлять :( все файлы в шаблоне перерыл нечего нет, хотя при установке стоит меню Главная и Детали помогите пожалуйста
Помню что в WP все как то иначе:(

С этим разобрался там оказывается это страницы, а вот как коннтент по ним раскидать не пойму, как по рубрикам контент разложить понимаю а как по рубрикам и страницам не пойму
 
Да, одно простое для страниц - там без проблем
другое - выпадающее, вот оно-то и не хочет корректно работать ((
Что касается видеоролика - я все сделал, как требуется, по технологии
 
как сделать выпадающее меню для категорий, рецепт от пупера (минут 5, не больше:(
в хедере прописываем над </head>:

PHP:
<!--[if IE]>
<style type="text/css">
#menu li {
     position:static;
}
</style>
<![endif]--> 
<script src="<?php bloginfo('template_directory'); ?>/menu.js"></script>

а также прописываем в хедере строчку вывода категорий:

PHP:
<ul id="topmenu">
<?php wp_list_categories('orderby=ID&show_count=0&title_li='); ?>
</ul>

создаём (или загружаем готовый в папку с шаблоном) файл menu.js с данными:

HTML:
function addLoadEvent(func) {
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
        window.onload = func;
    } else {
        window.onload = function() {
            oldonload();
            func();
        }
    }
}

function prepareMenu() {
    // first lets make sure the browser understands the DOM methods we will be using
  	if (!document.getElementsByTagName) return false;
  	if (!document.getElementById) return false;
  	
  	// lets make sure the element exists
  	if (!document.getElementById("menu")) return false;
  	var menu = document.getElementById("menu");
  	
  	// for each of the li on the root level check if the element has any children
  	// if so append a function that makes the element appear when hovered over
  	var root_li = menu.getElementsByTagName("li");
  	for (var i = 0; i < root_li.length; i++) {
  	    var li = root_li[i];
  	    // search for children
  	    var child_ul = li.getElementsByTagName("ul");
  	    if (child_ul.length >= 1) {
  	        // we have children - append hover function to the parent
  	        li.onmouseover = function () {
  	            if (!this.getElementsByTagName("ul")) return false;
  	            var ul = this.getElementsByTagName("ul");
  	            ul[0].style.display = "block";
  	            return true;
  	        }
  	        li.onmouseout = function () {
  	            if (!this.getElementsByTagName("ul")) return false;
  	            var ul = this.getElementsByTagName("ul");
  	            ul[0].style.display = "none";
  	            return true;
  	        }
  	    }
  	}
  	
  	return true;
}

addLoadEvent(prepareMenu);

в стили дописываем:

HTML:
#topmenu, 
     #topmenu ul { list-style:none; padding:0; margin:0;}
#topmenu li { float:left; position:relative; line-height:2em; width:110px;} 
#topmenu li ul { position:absolute; margin-top:-5px; margin-left: 25px; display:none;}
#topmenu ul li ul { margin-top:-5em; margin-left:7em;}
#topmenu li:hover ul, 
     #topmenu li.over ul { display:block;}
#topmenu li:hover ul ul, 
     #topmenu li.over ul ul {  display:none;}
#topmenu ul li:hover ul, 
     #topmenu ul li.over ul { display:block;}
#topmenu a { display:block; border-right:1px solid #D7D3A4; background:#bfbc94; color:#000; text-decoration:none; padding:0 10px;}
#topmenu a:hover { background-color:#a7a37e; color:#fff;}
#topmenu ul { border-top:1px solid #D7D3A4;}
#topmenu ul a { border-right:none; border-right:1px solid #D7D3A4;  border-bottom:1px solid #D7D3A4; border-left:1px solid #D7D3A4; background:#bfbc94;}
#topmenu { z-index:1;}
#topmenu ul { z-index:2;}
#topmenu ul ul { z-index:3;}
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }

вуаля
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху