Перейти к содержимому


Полоска Верхнего Меню

полоска верхнего меню верхнее меню

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 LA ALMARE

LA ALMARE

    Новичок

  • Пользователи
  • Pip
  • 1 сообщений

Отправлено 10 Март 2017 - 08:49

Добрый день.

В каком месте кода можно усилить непрозрачность полоски верхнего меню?
Делать ее полностью непрозрачной не нужно, просто усилить.
Спасибо!

И как удалить блоки Работать с нами просто и Этим летом специальная цена на все.
А блок Выгодное предложение и Оставить заявку опустить вниз перед футером.

#2 metry

metry

    Активный участник

  • Модераторы
  • 580 сообщений

Отправлено 10 Март 2017 - 10:44

Добрый день. Перед  внесением каких-либо изменений, сделайте,пожалуйста, бекап шаблона.

Далее для изменения прозрачности верхней полоски в меню зайдите в Редактор шаблонов -> Стили -> main.css


и найдите строку:

 .index #header .header-middle {background-color: transparent;}

замените на:

.index #header .header-middle {background-color: rgba(220,220,220,0.3);}

Изменяя значение 0.3 - Вы будете задавать прозрачность (от 0 до 1.0).

2.Найдите строку:

#promotion {padding: 100px 0; background: url("{ASSETS_IMAGES_PATH}promotion.png?design=sunrise") no-repeat #efefec;background-position: right top;background-attachment: fixed;-webkit-background-size: contain;-moz-background-size: contain;background-size: contain;}

замените на:

#promotion {display:none; padding: 100px 0;background: url("{ASSETS_IMAGES_PATH}promotion.png?design=sunrise") no-repeat #efefec;background-position: right top;background-attachment: fixed;-webkit-background-size: contain;-moz-background-size: contain;background-size: contain;}

Найдите:
#information {padding-bottom: 30px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;text-align: center;}

замените на:

#information {padding-bottom: 30px;display: none;justify-content: center;align-items: center;flex-wrap: wrap;text-align: center;}


3. Зайдите в Редактор шаблона-->HTML и найдите там:

<!-- Предложение -->
<div id="proposition" class="main-block">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-7 col-xs-12 animated" data-animation="fadeInLeft" data-delay="0">
<h2 class="title">Выгодное предложение</h2>
<h4 class="title">Сделайте заказ сейчас и получите <br/>курьерскую доставку <br/><strong>Бесплатно!</strong></h4>
<img src="{ASSETS_IMAGES_PATH}gift.png?design=sunrise">
</div>
<div class="col-sm-6 col-md-5 col-xs-12 callback animated" data-animation="fadeInRight" data-delay="300">
<h3 class="title">Оставьте заявку,</h3>
<h5 class="title">чтобы получить бесплатную консультацию нашего специалиста</h5>
<form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
<input type="hidden" name="hash" value="{HASH}" />
<input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/>
<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
{ANTISPAM_CODE}
<div class="callback-input">
<input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Ваше имя" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off">
</div>
<div class="callback-input">
<input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off">
</div>
<button type="submit" title="Отправить" class="button button3 big">Получить консультацию</button>
<div class="protect">
<img src="{ASSETS_IMAGES_PATH}save.png?design=sunrise"/>
<span>Ваши данные не будут переданы третьим лицам</span>
</div>
</form>
</div>
</div>
</div>
</div>

его нужно будет вырезать и вставить после:

<!-- /END Информация -->

Сообщение отредактировал metry: 10 Март 2017 - 16:36


#3 Любовь1805

Любовь1805

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородПермь

Отправлено 14 Май 2017 - 14:55

Просмотр сообщенияmetry (10 Март 2017 - 10:44) писал:

Добрый день. Перед  внесением каких-либо изменений, сделайте,пожалуйста, бекап шаблона.

Далее для изменения прозрачности верхней полоски в меню зайдите в Редактор шаблонов -> Стили -> main.css


и найдите строку:

 .index #header .header-middle {background-color: transparent;}

замените на:

.index #header .header-middle {background-color: rgba(220,220,220,0.3);}

Изменяя значение 0.3 - Вы будете задавать прозрачность (от 0 до 1.0).

2.Найдите строку:

#promotion {padding: 100px 0; background: url("{ASSETS_IMAGES_PATH}promotion.png?design=sunrise") no-repeat #efefec;background-position: right top;background-attachment: fixed;-webkit-background-size: contain;-moz-background-size: contain;background-size: contain;}

замените на:

#promotion {display:none; padding: 100px 0;background: url("{ASSETS_IMAGES_PATH}promotion.png?design=sunrise") no-repeat #efefec;background-position: right top;background-attachment: fixed;-webkit-background-size: contain;-moz-background-size: contain;background-size: contain;}

Найдите:
#information {padding-bottom: 30px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;text-align: center;}

замените на:

#information {padding-bottom: 30px;display: none;justify-content: center;align-items: center;flex-wrap: wrap;text-align: center;}


3. Зайдите в Редактор шаблона-->HTML и найдите там:

<!-- Предложение -->
<div id="proposition" class="main-block">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-7 col-xs-12 animated" data-animation="fadeInLeft" data-delay="0">
<h2 class="title">Выгодное предложение</h2>
<h4 class="title">Сделайте заказ сейчас и получите <br/>курьерскую доставку <br/><strong>Бесплатно!</strong></h4>
<img src="{ASSETS_IMAGES_PATH}gift.png?design=sunrise">
</div>
<div class="col-sm-6 col-md-5 col-xs-12 callback animated" data-animation="fadeInRight" data-delay="300">
<h3 class="title">Оставьте заявку,</h3>
<h5 class="title">чтобы получить бесплатную консультацию нашего специалиста</h5>
<form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
<input type="hidden" name="hash" value="{HASH}" />
<input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/>
<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
{ANTISPAM_CODE}
<div class="callback-input">
<input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Ваше имя" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off">
</div>
<div class="callback-input">
<input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off">
</div>
<button type="submit" title="Отправить" class="button button3 big">Получить консультацию</button>
<div class="protect">
<img src="{ASSETS_IMAGES_PATH}save.png?design=sunrise"/>
<span>Ваши данные не будут переданы третьим лицам</span>
</div>
</form>
</div>
</div>
</div>
</div>

его нужно будет вырезать и вставить после:

<!-- /END Информация -->


Здравствуйте, как изменить основной цвет везде с rgba(220,220,220,0.3) на rgba(221, 160, 221,0.3,0.3)

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 787 сообщений

Отправлено 16 Май 2017 - 07:24

Здравствуйте.

Для этого зайдите в раздел Сайт - Редактор шаблонов  - main.css - через Ctrl + F найдите данное цветовое значение и замените на необходимое.
Для более точной инструкции укажите пожалуйста подробнее какие элементы на сайте вы хотите изменить.





Темы с аналогичным тегами полоска верхнего меню, верхнее меню

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных