Поддержка Темы и шаблоны Как поставить логотип в nav-bar ?

  • Решено mailru

    (@mailru)


    Всем привет, нужна помощь по CSS

    Мне нужно поставить логотип в nav-bar.
    Вот здесь: https://clip2net.com/s/3Suw9Q0

    логотип находится здесь: url(images/sovetchik24.png)
    я пробовал несколько вариантов, но не получилось…знаю ! вы поможете.

    спасибо большое.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • как-то так:

    .menu-item-4386:before{
         content: url(/images/sovetchik24.png);
         margin-left: -100px;
         float: left;
    }

    спасибо, это уже хорошо)
    Но я хочу еще сделать из нее гиперссылку.
    Смотри, я сделал это вот так, и вставил в header, но не сработало, не знаю может css не хватало…

    <a href="https://sovetchik24.ru/">
    <img src="/images/sovetchik24.png" width="150" height="60" />
    </a>

    Буду тебе ОЧЕНЬ, ОЧЕНЬ признателен, если скажешь что и где прописать.
    в долгу не останусь 😉

    @tuxfighter

    • Ответ изменён 6 лет, 1 месяц назад пользователем mailru.
    • Ответ изменён 6 лет, 1 месяц назад пользователем mailru.
    • Ответ изменён 6 лет, 1 месяц назад пользователем mailru.
    • Ответ изменён 6 лет, 1 месяц назад пользователем mailru.
    • Ответ изменён 6 лет, 1 месяц назад пользователем mailru.

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

    Ага, знаю, так что мне делать ?

    Может я не туда вставил код html (header.php) ?

    я не знаю куда и как вы вставили этот блок с логотипом.
    ищите <div id="nav-bar"> и эксперементируйте

    Так, понял, нашел и сделал…вот только теперь у меня проблемы с CSS.
    Логотип прикрепился на левый край.
    Поможете исправить ?
    Вот этот код я поставил там где вы сказали:

    <a href="https://sovetchik24.ru/">
    <img src="/images/sovetchik24.png" width="150" height="60" />
    </a>

    @tuxfighter

    все получается очень костыльно:

    #nav-bar a {
        margin-left: 16%;
    }

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

    я б на самом деле изначально пошел бы путем плагинов из серии widget in menu, что позволило бы вставить первым пунктом меню логотип, а потом уже можно было бы его двигать куда нужно.

    нет, никак не получается (((
    что мне делать ?

    например взять тему, где все ваши хотелки уже реализованы

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • Тема «Как поставить логотип в nav-bar ?» закрыта для новых ответов.