Произвольное меню под шапкой

Решено IvanGran
(@ivangran)

12 лет, 2 месяца назад

Здраствуйте
уже давно удалил со своего блога главное верхнее меню (под шапкой) и использовал произвольное меню
Но мне необходимо произвольное меню перенести в блок под шапкой (в горизонтальное меню)
Нашел в интернете способ:

————————————————
Добавляем следующий код в файле functions.php (админпанель –> внешний вид –> редактор –> functions.php)

if (function_exists (‘add_theme_support’)) {
add_theme_support (‘menus’);
}
Нажимаем кнопку «Обновить» . Теперь необходимо вставить следующий код в то место, где необходимо вывести меню (если это верхнее меню, то код необходимо вставить в файл header.php):

<?php wp_nav_menu (‘menu=top’); ?>
где top – имя меню.

Далее необходимо создать меню (Внешний вид –> Меню). На вкладке задаем произвольное имя меню (в нашем случае – top) и нажимаем создать, после чего появляется вожмоность добавления в него, страниц, записей и произвольных ссылок.
————————————————

сделал все как здесь описано, все получилось но меню не горизонтальное. Подскажите как сделать его горизонтальным или может быть у вас есть более удобный способ, так как я бы не отказался еще вставить иконки к пунктам меню

Просмотр 14 ответов — с 1 по 14 (всего 14)

Автор IvanGran
(@ivangran)

12 лет, 2 месяца назад

http://granmedia.ru/
ссылка на сайт

skodnik
(@skodnik)

12 лет, 2 месяца назад

В строчу они станут если в style.css, в хвост, прописать:
#menu-top li {float:left;}, вместе с тем, в строку 530 прописать float: left;.

Иконки, аналогично средствами css.

Автор IvanGran
(@ivangran)

12 лет, 2 месяца назад

Сделал
все стало как нужно но только все слитно
http://granmedia.ru/

подскажите как разделить примерно на 5 пикселей
и как вставить иконки с произвольного меню сюда
буду очень благодарен
с ксс не очень дружу

Автор IvanGran
(@ivangran)

12 лет, 2 месяца назад

сразу спрошу еще кое что, дабы не плодить много тем

под каждой записью у меня есть:

Рубрика: Биты | Оставить комментарий »
(1 votes, average: 1,00 out of 1, rated)

как сделать чтобы блок с рейтингом отображался на одной строке с рубрикой и оставить комментарий?

вот часть кода туда я вставил рейтинг

<?php endif; ?>

<?php if(function_exists(‘the_ratings’)) { the_ratings(); } ?>

<?php $metadataContent = ob_get_clean(); ?>
<?php if (trim($metadataContent) != »): ?>
<div class=»art-PostMetadataFooter»>
<?php echo $metadataContent; ?>

используется плагин «WP-PostRatings»

skodnik
(@skodnik)

12 лет, 2 месяца назад

Для разрыва в строку 1577 style.css добавить padding-right:5px;

В строке 19 postratings-css.css убрать width: 100%;, в строку 1148 style.css добавить float: left; padding-left:5px;.

Автор IvanGran
(@ivangran)

12 лет, 2 месяца назад

Спасибо
с отступом помогло, а вот с рейтингом не получилось

Автор IvanGran
(@ivangran)

12 лет, 2 месяца назад

помогите пожалуйста вставить иконки в меню
залить всю область меню каким нибудь цветом (фон)
и решить проблему с отображением рейтинга

был бы очень благодарен
skodnik
(@skodnik)

12 лет, 2 месяца назад
В строке 19 убрал, верно, а вот в строке 1148 пусто. Как я и сказал, надо добавлять. Я подумал и вот так, добавить лучше:
```
.art-PostFooterIcons {
   padding: 1px;
   float: left;
   padding-right: 15px;
}
```
Автор IvanGran
(@ivangran)

12 лет, 2 месяца назад

огромное спасибо за помощь, помогло!

осталось вставить иконки в меню
залить всю область меню каким нибудь цветом (фон)
skodnik
(@skodnik)

12 лет, 2 месяца назад
Заливка области меню фоновым цветом как у рейтингов.
```
#menu-top {
   height: 25px;
   padding: 5px;
   margin: 10px;
   background-color: #262626;
}
```
А с иконками, нет, ну правда, откуда нам знать какие иконки, куда, сколько и т.д.?
Автор IvanGran
(@ivangran)

12 лет, 2 месяца назад

использовал ваш код
фон появился только под пунктами меню ( посмотреть на сайте можно granmedia.ru )

на скрине подробно описал что и куда нужно вставить
(иконку нужно вставить в каждый пункт, просто не дорисовал)

http://s018.radikal.ru/i511/1202/a6/bd88f7c26fd6.jpg

All2012
(@all2012)

12 лет, 2 месяца назад

text-decoration: none; в .art-menu a .top

И заменити эту картинку на ту, что нужно, путь/wp-content/themes/des_gm/images/BlockContentBullets.png
skodnik
(@skodnik)

12 лет, 2 месяца назад
IvanGran Вы ведь не пишете, что именно хотите, верно? Я угадываю, а если угадываю не так как Вы предполагали, то уж извините.
```
.menu-top-container {
   height: 50px;
   margin: -12px 0 -12px 0;
   padding-top: 10px;
   background: #651516;
}
```
Это цветом заливка, картинку рисуйте самостоятельно если надо.

В style.css в строку 1578 дописать:
```
background: url('images/BlockContentBullets.png') no-repeat left center;
padding-left: 20px;
```
Автор IvanGran
(@ivangran)

12 лет, 2 месяца назад

Всё получилось!
именно так как хотел!

Спасибо огромное за помощь!!! Очень помогли! =)

Просмотр 14 ответов — с 1 по 14 (всего 14)

Тема «Произвольное меню под шапкой» закрыта для новых ответов.

Метки темы

Просмотр