Перед созданием новой темы, пожалуйста, ознакомьтесь с FAQ по LinkorCMS

Логотип, или код над панелью навигации сверху

Младший пользователь
Сообщений: 2
Доброго дня!

Подскажите, пожалуйста, как мне добавить что-либо (картинку, код) над верхней панелью навигации
где расположено меню?
Уважаемый пользователь
Сообщений: 21
Какой шаблон во первых?
Разработчик
Сообщений: 256
Здравствуйте!

Если у вас шаблон bootstrap, то можно убрать класс navbar-fixed-top и поместить navbar в свой контейнер, где добавить свой контент перед ним. Также у всей страницы есть отступ сверху, который нужно будет убрать в css.
Младший пользователь
Сообщений: 2
Спасибо, да, шаблон bootstrap. Я еще новичок в редактировании этого шаблона. Если не сложно,
подскажите какие файлы отредактировать?
Супер пользователь
Сообщений: 83
Ekaterina_D
Посмотрите эту статью, может, она вам поможет.
Младший пользователь
Сообщений: 2
Антонъ, здравствуйте, спасибо большое! Ваши статьи очень помогли при настройке блога.
Правда в этой конкретной речь о редактировании самого навбара, а мне бы хотелось вставить
картинку над ним. Пока не разобралась как...

Антон, кстати тоже попробовала вставить логотип как описано в статье. Отступ (padding) отрабатывает, но картинка не отображается.

РазобралEkaterina_D:
Антон, кстати тоже попробовала вставить логотип как описано в статье. Отступ (padding) отрабатывает, но картинка не отображается.

Разобралась. Проблема была в абсолютном пути к изображению. url(../images/logo.png) работает.

AGNY:
Здравствуйте!

Если у вас шаблон bootstrap, то можно убрать класс navbar-fixed-top и поместить navbar в свой контейнер, где добавить свой контент перед ним. Также у всей страницы есть отступ сверху, который нужно будет убрать в css.


Добрый день!

Насколько я понимаю, класс navbar-fixed-top включается только на страницах кроме главной для фиксирования сверху при прокрутке. Мне же нужен баннер именно на главной странице, на других не надо. Пытаюсь поместить navbar-wrapper в еще один верхний контейнер и вставить баннер перед ним, не получается - картинка идет на фоне навбара.

-- Изменено "Ekaterina_D": 15.06.2017 18:50 --
Младший пользователь
Сообщений: 2
Доброго дня!

Попробовала вариант добавить контейнер до navbar в файле header.html:

<div class="masthead">
<div class="container">
<div class="row">
<div class="col-ms">Banner content</div>
</div>
</div>
</div>

и класс в style.css

.masthead{
height: 50px;
width: 940px;
padding-right: 20px;
padding-left: 20px;
padding: 10px 20px 10px 50px;
/* background-image: url("../images/slide-01.jpg"); */
background-repeat: no-repeat;
}

Вроде то, что надо, но нужно допиливать отступы и выравнивание в контейнерах. Не знаю, все ли правильно сделала или посоветуете по-другому?

-- Изменено "Ekaterina_D": 16.06.2017 16:50 --
Новичок
Сообщений: 2
Добрый день!

Я бы поменял так (для всего контейнера):

<div class="container">
<div class="masthead">
<img src="logo.png" alt="" />
<div class="navbar-wrapper">
...
</div>
</div>
</div>

Возможно, придется править отступы для блоков navbar-wrapper, mod-content, может еще что поедет...
Гости не могут отвечать на темы. Войдите или Зарегистрируйтесь.
Здесь присутствуют
(пользователей: 0, гостей: 1)
Быстрый переход: