На моём сайте http://aklion.ru/blog есть два меню, одно в header.php другое в footer.php. Оба разворачиваютя вниз. Немогу понять как нижнее меню заставить разворачиваться вверх. Может ли кто-нибудь помочь это сделать?
Насколько я понимаю всё в стилях. Но где искать?? Привожу стиль одного из меню.
#menu {float:right; width: 800px; height: 20px; text-align:right; margin-top:-101px;}
#menu div {margin-left:auto; margin-right:20px; margin-top:13px; margin-bottom: 10px; display:inline-block; width: 802px; height:20px; padding: 0px 0px 5px 0px; text-align: right;}
#menu div ul {padding:0; margin: 0 auto; list-style:none; height:30px; text-align: center; position:relative; z-index:1; font-family:arial, verdana, sans-serif;}
#menu div ul li {float:left; text-align: center; margin: 0 auto;}
#menu div ul li a {display:block; float:left; height:30px; line-height:30px; background-image:url(images/menu-2.gif); color:#FFFFFF; text-decoration:none; font-size:13px; padding:0 10px 0 10px; margin: 0 auto; margin:0; border-left:1px solid #8b7d70; white-space:nowrap;}
#menu div ul table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
#menu div ul a:hover {z-index:1; position:relative;color:#FFFFFF; background-color:333333; text-decoration:underline;}
#menu div ul li:hover {position:relative;}
#menu div ul li:hover > a {color:#FFFFFF; background-image:url(images/menu-3.gif); text-decoration:none;}
#menu div ul :hover ul {left:-10px; top:30px; width:160px; background:#444; margin-left:10px;}
#menu div ul ul,
#menu div ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#menu div ul :hover ul :hover ul {left:170px; top:-1px; background:#222; white-space:nowrap; width:198px; z-index:1; height:auto;}
#menu div ul :hover ul li {margin:0; border-top:0px solid #8b7d70; border-bottom:1px solid #8b7d70;}
#menu div ul :hover ul li a { width:160px; line-height:20px; font-size: 13px; text-align: left; padding:5px 8px; text-indent:0px; color:#DDDDDD; height:auto;}
#menu div ul :hover ul :hover {background-color:#333333; color:#FFFFFF;}
#menu div ul :hover ul li.currentsub a {background:#840; color:#FFFFFF;}
#menu div ul :hover ul :hover ul li a {width:180px; line-height:14px; padding:4px 8px; font-size: 13px; background-image:url(images/menu-4.gif); color:#DDDDDD; text-indent:0px;}
#menu div ul :hover ul :hover ul :hover { background-image:url(images/menu-5.gif); color:#FFFFFF;}
Что то меня начали глодать сомнения что всё меню работает в этом кусочке PHP но так как я не слишком в этом дока то разобратся не смог с налёту. Может есть знатоки этого дела?
function getHeaderNavigation(){
$r = "";
$blog_url = get_bloginfo(‘url’);
$header_pages = get_option(THEME_OPTION_HEADER_MENU);
$sql = "SELECT p.`ID` FROM `".$this->_wpdb->posts."` p
WHERE p.`post_status` = ‘publish’
AND p.`post_parent` = ‘0’";
$all_pages = $this->_wpdb->get_col($sql);
if (is_array($all_pages) && is_array($header_pages)){
$exclude_pages = array_diff($all_pages, $header_pages);
$exclude = implode(",", $exclude_pages);
}
$r .= "<ul>";
$r .= wp_list_pages(array(‘sort_column’ => ‘menu_order’, ‘exclude’ => $exclude, ‘echo’ => false, ‘title_li’ => ”));
$r .= "</ul>";
return $r;
}
function writeHeaderNavigation(){
$r = $this->getHeaderNavigation();
echo $r;
}
function writeFooterNavigation(){
$r = "";
$blog_url = get_bloginfo(‘url’);
$footer_pages = get_option(THEME_OPTION_FOOTER_MENU);
$in = "";
if (is_array($footer_pages)){
$in = implode(", ", $footer_pages);
}
$sql = "SELECT p.`ID`, p.`post_title`, p.`guid`, p.`post_name` FROM `".$this->_wpdb->posts."` p
WHERE p.`post_type` = ‘page’ AND p.`post_status` = ‘publish’
AND p.`ID` IN (".$in.")
ORDER BY p.`menu_order`";
$result = $this->_wpdb->get_results($sql);
if ($result){
foreach($result as $page){
$a[] = "<a href=’".$blog_url."/".$page->post_name."/’>".strtoupper($page->post_title)."</a>";
}
$r .= implode(" | ", $a);
} else {
$r .= "<p>Please select pages, would you like to see in the Footer menu, in Photo Theme options";
}
echo $r;
}
По-моему тяжелый случай – переделывать все придется. Легче оставить как есть.
Этот код не причем – он просто выводит меню. Он на настройках темы как-то завязан.
Процентов 90% что меню работает только на css. поэтому там и надо копать. Только не в том css который вы указали, а ниже (в том же файле). Вот эти стили #fmenu ….
Вас интересует вот эта строчка: #fmenu div ul :hover ul {position:absolute; left:-10px; top:20px; width:100px; background:#444; margin-left:10px;}
Попробуйте с ней что нить сделать. Я щас попробовал немного пошаманить – дохло. Так что – бросайте все что пахнет кровью! Поверьте что цена не высока 🙂
Это же копия верхнего меню? Может его удались вообще и спать спокойно, зечем оно? Вниз ссылку "Наверх" поставить.