1
Сообщений в теме: 10
#1
Отправлено 17 Сентябрь 2015 - 18:11
Доброго времени суток, добрался до шапки сайта, и немного не могу понять, как сделать что бы верхнее меню не ездило,
Еще лучше если вы подскажете как создать блоки в шапке, чтоб получилось все как я хочу,
итог
При скролинге, чтоб меню оставалось
спасибо!
Еще лучше если вы подскажете как создать блоки в шапке, чтоб получилось все как я хочу,
итог
При скролинге, чтоб меню оставалось
спасибо!
#2
Отправлено 18 Сентябрь 2015 - 05:39
В main.css найдите:
замените на:
В шаблоне HTML найдите:
замените на:
.fixed-header .header { left: 0px; margin-top: 0px; position: fixed; right: 0px; top: 0px; z-index: 80; width: auto; }
замените на:
.fixed-header .header { left: 0px; margin-top: 0px; position: absolute; right: 0px; top: 0px; z-index: 80; width: auto; }
В шаблоне HTML найдите:
<div class="navbar navbar-inverse top-navbar top-navbar-left"> <button type="button" class="navbar-toggle btn-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="collapse collapsing navbar-collapse"> <ul class="nav navbar-nav left">
замените на:
<div class="navbar navbar-inverse top-navbar top-navbar-left"> <div style="color: rgb(255, 255, 255); padding-top: 5px;" class="left contacts"> <span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span> <span>Email: 123</span> </div> <button type="button" class="navbar-toggle btn-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="collapse collapsing navbar-collapse"> <ul class="nav navbar-nav right">
#4
Отправлено 19 Сентябрь 2015 - 02:20
В main.css найдите:
далее найдите:
В шаблоне HTML найдите:
перед ним вставьте:
.fixed-header .header { left: 0px; margin-top: 0px; position: absolute; right: 0px; top: 0px; z-index: 80; width: auto; }замените на:
.fixed-header .header { margin-top: 0px; position: relative; width: auto; }
далее найдите:
.fixed-header.hidden-top .page-box { padding-top: 3px; }замените на:
.fixed-header.hidden-top .page-box { padding-top: 0px !important; }
В шаблоне HTML найдите:
<!-- Шапка--> <div class="header"> <div class="header-wrapper"> <div class="container"> <div class="row"> <!-- Логотип --> <div class="col-xs-6 col-md-2 col-lg-2 logo-box"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="logo"> <img src="{ASSETS_IMAGES_PATH}logo.png?design=jade" alt="{SETTINGS_STORE_NAME}"/> </a> </div> <!-- END Логотип -->
перед ним вставьте:
<div class="header_center"> необходимая вам информация </div>
#5
Отправлено 19 Сентябрь 2015 - 12:45
Vaccina (19 Сентябрь 2015 - 02:20) писал:
В main.css найдите:
далее найдите:
В шаблоне HTML найдите:
перед ним вставьте:
.fixed-header .header { left: 0px; margin-top: 0px; position: absolute; right: 0px; top: 0px; z-index: 80; width: auto; }замените на:
.fixed-header .header { margin-top: 0px; position: relative; width: auto; }
далее найдите:
.fixed-header.hidden-top .page-box { padding-top: 3px; }замените на:
.fixed-header.hidden-top .page-box { padding-top: 0px !important; }
В шаблоне HTML найдите:
<!-- Шапка--> <div class="header"> <div class="header-wrapper"> <div class="container"> <div class="row"> <!-- Логотип --> <div class="col-xs-6 col-md-2 col-lg-2 logo-box"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="logo"> <img src="{ASSETS_IMAGES_PATH}logo.png?design=jade" alt="{SETTINGS_STORE_NAME}"/> </a> </div> <!-- END Логотип -->
перед ним вставьте:
<div class="header_center"> необходимая вам информация </div>
#7
Отправлено 20 Сентябрь 2015 - 12:29
villygarden (20 Сентябрь 2015 - 09:06) писал:
Подскажите пожалуйста еще:
не могу поставить иконку инстаграма
Без имени-4.png
Стандартная иконка я так понял вообще отсутствует, загрузил не стандартную
не могу поставить иконку инстаграма
Без имени-4.png
Стандартная иконка я так понял вообще отсутствует, загрузил не стандартную
{ASSETS_IMAGES_PATH}instagram.pngКак мне ее можно отобразить в кружочке на скриншоте
Разобрался как, подскажите можно ли менять цвет у добавленной картинки?
#8
Отправлено 20 Сентябрь 2015 - 12:34
villygarden (20 Сентябрь 2015 - 12:29) писал:
Разобрался как, подскажите можно ли менять цвет у добавленной картинки?
Здравствуйте, для этого необходимо сохранить на своём компьютере, отредактировать в любом графическом редакторе и заменить в админ. панели картинку "instagram.png".
#9
Отправлено 20 Сентябрь 2015 - 12:39
Cupuyc (20 Сентябрь 2015 - 12:34) писал:
Здравствуйте, для этого необходимо сохранить на своём компьютере, отредактировать в любом графическом редакторе и заменить в админ. панели картинку "instagram.png".
спасибо!
а если добавить, *.ico? возможно ли окрасить путем css?
#10
Отправлено 20 Сентябрь 2015 - 13:43
villygarden (20 Сентябрь 2015 - 12:39) писал:
спасибо!
а если добавить, *.ico? возможно ли окрасить путем css?
а если добавить, *.ico? возможно ли окрасить путем css?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных