Показать полную графическую версию : Как выровнить меню по центру? (Wordpress)
anfis_chekhov
21-04-2013, 17:10
Как выровнить меню по центру? (Wordpress)
http://img402.imageshack.us/img402/9351/thumbjcf.jpg (http://img543.imageshack.us/img543/1394/ashampoosnap2013042117h.png)
Лучше сократить кол-во пунктов в меню раза так в три, а то они уже дублируют друг друга, да еще и ведут на другие ресурсы. Не делайте больше 9.
P.S. Копипаст детектед в /about.
anfis_chekhov
23-04-2013, 04:25
Цитата Vadikan:
Копипаст детектед в /about. »
Я со временем всё переделаю, пока креатива не хватает. :sorry:
Цитата Vadikan:
Лучше сократить кол-во пунктов в меню раза так в три »
Просто сейчас есть желание сделать сайт максимально юзабельным, а потом только думать, что "так", а что ни "так".
p/s
Как сделать выподающие пункты по центру - я понял, а как само меню...
Rock Star
23-04-2013, 11:45
дружище, интернет полон всякой инфы по поводу прикручиваний всякого добра для WP
Просто сейчас есть желание сделать сайт максимально юзабельным, а потом только думать, что "так", а что ни "так". »
Так и я про то же. Большое количество пунктов в меню негативно влияет на юзабилити. Оптимально в списках д.б. 7±2
А так, см. в коде, где меню выводится, оборачивайте в div align="center"
anfis_chekhov
23-04-2013, 16:47
см. в коде, где меню выводится, оборачивайте в div align="center" »
Что-то у меня не получается, а какой именно пункт выводит?
p/s
Theme Name: Graphene
anfis_chekhov, в код страницы вы можете заглянуть и поискать элемент меню? Сразу будет видно
<div id="secondary-menu-wrap" class="clearfix"><ul id="secondary-menu" class="menu clearfix"><li id="menu-item-894" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-894"><a href="http://winlook.info/category/sekretnye-materialy/">;) Секретные материалы</a></li>
Теперь в CSS вашей child theme настройте отображение для id secondary-menu-wrap
anfis_chekhov
23-04-2013, 19:10
Vadikan, везде где только можно его впихнул, результата нуль. :(
/* Secondary menu */
/* Top level, default state */
#secondary-menu-wrap {
width: 100%;
border-top: 1px solid #2C2C2C;
background: #222;
text-align: center;
div align: center;
}
#secondary-menu > li {
font: normal 11px arial;
margin: 0 5px;
text-transform: uppercase;
text-align: center;
div align: center;
}
#secondary-menu > li:first-child {
margin-left: 0;
text-align: center;
div align: center;
}
#secondary-menu > li > a {
color: #fff;
line-height: 16px;
padding: 7px 10px 6px;
div align: center;
text-align: center;
}
#secondary-menu > li.menu-item-ancestor > a {
background: url(images/sprite_master.png) -877px -316px no-repeat transparent;
padding-left: 20px;
div align: center;
text-align: center;
}
© OSzone.net 2001-2012
vBulletin v3.6.4, Copyright ©2000-2025, Jelsoft Enterprises Ltd.