Добрый день.
В каком месте кода можно усилить непрозрачность полоски верхнего меню?
Делать ее полностью непрозрачной не нужно, просто усилить.
Спасибо!
И как удалить блоки Работать с нами просто и Этим летом специальная цена на все.
А блок Выгодное предложение и Оставить заявку опустить вниз перед футером.
0
Сообщений в теме: 3
#1
Отправлено 10 Март 2017 - 08:49
#2
Отправлено 10 Март 2017 - 10:44
Добрый день. Перед внесением каких-либо изменений, сделайте,пожалуйста, бекап шаблона.
Далее для изменения прозрачности верхней полоски в меню зайдите в Редактор шаблонов -> Стили -> main.css
и найдите строку:
замените на:
Изменяя значение 0.3 - Вы будете задавать прозрачность (от 0 до 1.0).
2.Найдите строку:
замените на:
Найдите:
замените на:
3. Зайдите в Редактор шаблона-->HTML и найдите там:
его нужно будет вырезать и вставить после:
Далее для изменения прозрачности верхней полоски в меню зайдите в Редактор шаблонов -> Стили -> 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
Отправлено 14 Май 2017 - 14:55
metry (10 Март 2017 - 10:44) писал:
Добрый день. Перед внесением каких-либо изменений, сделайте,пожалуйста, бекап шаблона.
Далее для изменения прозрачности верхней полоски в меню зайдите в Редактор шаблонов -> Стили -> main.css
и найдите строку:
замените на:
Изменяя значение 0.3 - Вы будете задавать прозрачность (от 0 до 1.0).
2.Найдите строку:
замените на:
Найдите:
замените на:
3. Зайдите в Редактор шаблона-->HTML и найдите там:
его нужно будет вырезать и вставить после:
Далее для изменения прозрачности верхней полоски в меню зайдите в Редактор шаблонов -> Стили -> 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
Отправлено 16 Май 2017 - 07:24
Здравствуйте.
Для этого зайдите в раздел Сайт - Редактор шаблонов - main.css - через Ctrl + F найдите данное цветовое значение и замените на необходимое.
Для более точной инструкции укажите пожалуйста подробнее какие элементы на сайте вы хотите изменить.
Для этого зайдите в раздел Сайт - Редактор шаблонов - main.css - через Ctrl + F найдите данное цветовое значение и замените на необходимое.
Для более точной инструкции укажите пожалуйста подробнее какие элементы на сайте вы хотите изменить.
Темы с аналогичным тегами полоска верхнего меню, верхнее меню
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Осень →
Главная →
Переместить Блок Верхнего Меню В Шапке Чуть Вниз, Над Слайдером, Активировать E-Mail В ШапкеАвтор Гость_Helen and Helen_* , 03 мая 2015 верхнее меню |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Цитрус →
Изменение общей стилистики →
Убрать Всплывающее ОкноАвтор Гость_magiya1984_* , 18 февр. 2015 верхнее меню |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Осень →
Главная →
Верхнее Меню.Автор Гость_niko1a_* , 28 янв. 2015 Верхнее меню |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Осень →
Главная →
Вернуть Верхнее МенюАвтор Гость_magiya1984_* , 24 апр. 2014 верхнее меню |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Осень →
Изменение общей стилистики →
Выровнять Верхнее Меню МенюАвтор Гость_magiya1984_* , 18 апр. 2014 верхнее меню |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных