Question

Всем Здравствуйте! Как сделать на сайте точно такое же меню? Cейчас стоит обычное меню (Нужно сделать боковое меню) Или есть на примере боковое меню?

Желание есть сделать точно такое меню:

 

Сейчас стоит родное меню:

Answer 1

Точно такое же сделать не сможете, но можете сделать похожее.

1. Можете сменить фон в меню.
2. Можете для каждого пункта задать свою иконку. Пример реализации описан в материале https://www.ucoz.ru/qa/index.php/46330

Comments

Мне не надо на главной чтобы картинка стояла а сбоку меню чтобы выходила картинка! Чтобы над названием картинка была ( СБОКУ МЕНЮ ) Чтобы над названием категории был свой логотип!

---

Sheldon,

Если это не то, что вам нужно, тогда пишите фрилансерам на https://upartner.pro/ или https://divly.ru/ Там вашу идею реализуют в лучшем виде.

---

Yuri_Geruk,

А как хотя бы логотип к категории поставить? Или вы не знаете как это сделать?)

---

Sheldon,

Как вы видите реализацию логотипа к категории? нарисуйте на скриншоте так как у вас свое представление у меня свое и мы не понимаем друг друга. Пример реализации предоставьте.

---

Yuri_Geruk,

Вот примерно вот так:

 

 

---

Sheldon,

Я вижу просто блок меню, вы говорите сделать логотип к категории. Если вы хотите просто добавить к названию блока картинку, так перейдите напрямую в нужный контейнер с блоками с панели управления сайтом и возле названий нужный блоков вставьте код картинки:

<div align="center"><img src="ссылка на логотип"></div>

---

Yuri_Geruk,

Это я сделал она с названием не ровно стоит! Можно чтобы картинка стояла рядом с названием?

---

Sheldon,

Чтобы была возле названия, добавить нужно возле названия, а не между блоков.

---

Yuri_Geruk,

А как добавить возле название? По подробнее!

---

Sheldon,

Внутри контейнера найдите код названия блока:

<span><!-- <bt> -->Killing Floor 2<!-- </bt> --></span>

попробуйте сделать так:

<span><!-- <bt> --><img src="ссылка на логотип" style="width: 30px;float:left;margin-top: -3px;">Killing Floor 2<!-- </bt> --></span>

---

Yuri_Geruk,

Все сделал как вы написали вот результат:

 

---

Sheldon,

У вас такой же результат и без иконки логотипа, вы сломали блоки и без иконки. Я вам дал рабочее решение, а как вы умудряетесь при этом так ломать блоки, это интересно удалили нужный код и в итоге 2-3 блока вместе у вас в одном блоке дивов завернуты.

---

Sheldon,

Вы сделали так:

<span><!-- <bt> --><!-- </bt> --></span></div><span><!-- <bt> --><img src="https://freethemetools.info/wp-content/uploads/2019/06/Killing-Floor-65x65.png" style="width: 30px;float:left;margin-top: -3px;">Killing Floor<!-- </bt> --></span>

а должно быть так:

<span><!-- <bt> --><img src="https://freethemetools.info/wp-content/uploads/2019/06/Killing-Floor-65x65.png" style="width: 30px;float:left;margin-top: -3px;">Killing Floor 2<!-- </bt> --></span>

после все будет как положено http://joxi.ru/zANz0nNT6lo7nA

---

Yuri_Geruk,

<span><!-- <bt> -->Killing Floor<!-- </bt> --></span></div>

Вот это нужно удалять или нет? Как правильно сделать?

---

Sheldon,

Прочтите мои ответы выше, вроде с конекретикой отвечено, заменить что и на что. Заменить, это значит старое удалить и вставить новое.

---

Yuri_Geruk,

Я заменил новое и ошибка меню:

<!-- <block5618> -->
<?if($SMENU_2$)?>
<div class="sidebox"><div class="sidetitle"><span><!-- <bt> --><img src="https://freethemetools.info/wp-content/uploads/2019/06/Killing-Floor-65x65.png" style="width: 30px;float:left;margin-top: -3px;">Killing Floor 2<!-- </bt> --></span></div>
 <div class="inner">
 <!-- <bc> -->$SMENU_2$<!-- </bc> -->
 </div>
 <div class="clr"></div>
 </div>
<?endif?>
<!-- </block5618> -->

 

---

Sheldon,

Обновите код вашего блока, исправил его выше. Вы когда что-то меняете, будьте внимательны так как сами же и ломаете и удаляете важные состовляющие в виде закрывающих дивов. Если не понимаете в этом, лучше не трогайте вовсе так как сломаете все.

---

Yuri_Geruk,

Хорошо! А как теперь к другим категориям сделать инконку? Так все проделовать? Как вы мне скинули.

---

Sheldon,

Аналогично и для других блоков, главное не ломать ничего и не удалять нужный код.