Меню Wordpress

(Ответов: 8, Просмотров: 1923)
  1. Дипломник
    • Регистрация: 29.10.2011
    • Сообщений: 227
    • Репутация: 37
    • Webmoney BL: ?
    Здравствуйте Форумчане, при создании сайта столкнулся с такой проблемой: ново меню wp, надо расположить по середине...

    скриншот:
    Нажмите на изображение для увеличения.  Название:	menu.jpg  Просмотров:	32  Размер:	21.8 Кб  ID:	3080

    шаблон гудвина (демо)

    Подскажите куда копать, пробовал что-то в css изменить. не выходит. Спасибо.
    • 0
  2. Студент Аватар для Ronin
    • Регистрация: 23.10.2011
    • Сообщений: 58
    • Репутация: 2
    PHP код:
    <div id="MainMenu">
                    <ul id="tab">    
                  <?php wp_nav_menu( array( 'theme_location' => 'primary','fallback_cb'=> '' ) ); ?>    // функция вывода менюшки , копай в этом направлении 
                        </ul>
            </div>
    Где нибудь в style.css в блоке с ul собака зарыта
    • 0
  3. Гуру Аватар для Jeremen
    • Регистрация: 10.10.2011
    • Сообщений: 766
    • Репутация: 92
    • Webmoney BL: ?
    Nickson, пропишите в css для вашего блока с меню если там ничего лишнего нет:
    text-align: center;
    Время не любит, когда его тратят впустую.
    • 0
  4. Дипломник
    • Регистрация: 29.10.2011
    • Сообщений: 227
    • Репутация: 37
    • Webmoney BL: ?
    Блин не понимаю некоторые моменты. Вот код:

    PHP код:
    /*навигация*/
    #nav {
        
    width960px;
        
    height88px;
        
    margin0 auto 0;
        
    padding0;
        
    }
    #MainMenu {
        
    width960px;
        
    height58px;
        
    margin0 auto 0;
        
    padding0;
        
    font-weightbold;
        
    floatleft;
        
    font-familyArialTahomaTrebuchet MS;
        
    font-size14px;
        
    background#ededed url(images/cat.gif) repeat-x;
        
    text-transformuppercase;
    }
    #tab {
        
    margin0;
        
    top0;
    }
    #tab ul {
        
    floatleft;
        list-
    stylenone;
        
    margin0;
        
    padding0;
    }
    #tab li {
        
    displayinline;
        
    floatleft;
        
    margin0;
        
    padding0;
    }
    #tab a {
        
    color#595959;
        
    displayblock;
        
    margin0px;
        
    padding18px 15px 15px 15px;
        
    text-decorationnone;
        
    text-shadow0 1px 0 #ffffff;
    }
    #tab a:hover {
        
    background-positionright bottom;
        
    color#939393;
    }
    #SubMenu {
        
    height30px;
        
    margin0 auto 0;
        
    padding0;
        
    background#454445 url(images/top.gif) top center repeat-x;
    }
    #tab {
        
    line-height1.0;
        
    positionrelative;
    }
    #tab ul {
        
    floatleft;
        
    width:    100%;
        
    positionrelative;
    }
    #tab li {
        
    floatleft;
        list-
    stylenone;
        
    z-index999;
    }
    #tab li.current ul {
        
    z-index999;
    }
    #tab li.sfHover ul, ul#tab li:hover ul {
        
    z-index1000;
    }
    #tab a {
        
    displayblock;
        
    floatleft;
        
    text-decorationnone;
    }
    #tab li ul {
        
    left0;
        
    positionabsolute;
        
    top: -999em;
    }
    #tab li.sfHover a, #tab li.current a, #tab a:focus, #tab a:hover, #tab a:active {
        
    border-bottomnone;
    }
    #tab li:hover ul, body #tab li.current ul, ul#tab li.sfHover ul {
        
    top2.8em;
    }
    #tab li:hover li ul, #tab li.sfHover li ul {
        
    top: -999em;
    }
    #tab li li:hover ul, ul#tab li li.sfHover ul {
        
    top2.5em;
    }
    .
    superfish li:hover ul, .superfish li li:hover ul {
        
    top: -999em;
    }
    #tab li ul li a {
        
    color#f4f4f4;
        
    margin0;
        
    font-size9px;
        
    text-decorationnone;
        
    text-shadow0 1px 0 #000000;
        
    padding25px 10px 10px 10px;
    }
    #tab li ul li a:hover {
        
    color#cccccc;

    Jeremen Text-align пробовал, меню становится вертикальным
    • 0
  5. Гуру Аватар для Jeremen
    • Регистрация: 10.10.2011
    • Сообщений: 766
    • Репутация: 92
    • Webmoney BL: ?
    Nickson, хахах. потому что у вас задано свойство float: left; Его добавили для того что бы меню было горизонтальным + походу расчет что с права от этого меню что-то будет расположено. Хотя можете просто убрать float: left; и добавить к тегам li свойство display: inline; text-align: center; и ваше меню станет по центру. А вообще советую выучить основы. Я думаю они вам лишними не будут, время не много убьете но зато не будете таких простых вещей не знать :)
    А вообще я считаю не нужно его центрировать ибо по краю оно расположено как раз в своем месте и выглядит нормально. А то будет по бокам пустые места.
    Последний раз редактировалось Jeremen; 06.01.2012 в 20:16.
    Время не любит, когда его тратят впустую.
    • 1

    Спасибо сказали:

    Nickson(20.05.2013),
  6. Дипломник
    • Регистрация: 29.10.2011
    • Сообщений: 227
    • Репутация: 37
    • Webmoney BL: ?
    Jeremen, да согласен с тем, что основы надо бы знать...раньше другого мнения был, пока не столкнулся с созданием сайта. На счет этого я тоже понимаю. Нужно. Шаблон я довольно таки сильно переделал, и для полной красоты нужно сентрировать его. Сейчас попробую.

    Jeremen не получается. Я собственно не понял, тегов li ul там полно! так что именно менять? можете на примере выше показать (код)
    Последний раз редактировалось Nickson; 06.01.2012 в 22:13.
    • 0
  7. Гуру Аватар для Jeremen
    • Регистрация: 10.10.2011
    • Сообщений: 766
    • Репутация: 92
    • Webmoney BL: ?
    Nickson, а если переделали то уже другой разговор )

    Развернуть текст

    #tab li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    здесь. и возможно убрать флоат здесь
    #tab ul
    а вообще практикуйтесь. Сохраните исходник и не бойтесь )

    [свернуть]
    Последний раз редактировалось Jeremen; 06.01.2012 в 23:48.
    Время не любит, когда его тратят впустую.
    • 1

    Спасибо сказали:

    Nickson(20.05.2013),
  8. Дипломник Аватар для utb
    • Регистрация: 07.11.2011
    • Сообщений: 150
    • Репутация: 43
    ссылку бы, для ul#tab добавь {margin-left: XXpx;} если конечно меню изменяться не будет :)
    А так пользуйся firebug
    float не причем для li
    еще подсказка block-и выравниваются margin:0 auto;
    • 1

    Спасибо сказали:

    Nickson(08.01.2012),
  9. Дипломник
    • Регистрация: 29.10.2011
    • Сообщений: 227
    • Репутация: 37
    • Webmoney BL: ?
    utb, Спасибище огромное, с главным меню все получилось, оно сдвинулось в середину. Но столкнулся теперь с другой проблемой, САБМЕНЮ так же сдвинулось вместе с ним. А надо, чтобы оно осталось в прежнем положении, ну или в середине.
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Делаем нестандартное меню в WordPress
Дайджест блогосферы 0 28.11.2011 18:15
Вид меню категорий Virtuemart нужно заменить на вид меню Joomla
Вопросы от новичков 2 21.11.2011 21:31
Меню в Wordpress
Web программирование 5 06.10.2011 14:00
Меню в Wordpress
Вопросы от новичков 4 05.10.2011 23:12

Интересные темы

seo для новичков

Для новичков и не только, что такое SEO, как использовать на своем сайте и какие результаты.

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры