Помогите Выровнять "шапку"
#1
Отправлено 29 Август 2016 - 23:07
Могли бы Вы помочь мне с шапкой где указан наш номер телефона и режим работы?
Привести его к виду соответствующему скриншоту
1. значек "ВРЕМЯ" и "ТЕЛЕФОН" - чтобы был был белого цвета в зеленом круге, как "КОРЗИНА" - и соответственно по центру строчки (чтобы все на одном уровне)
2. надпись: пн - вс 9:00 - 21:00 Работаем для Вас! и надписи с номерами телефонов - были по размеру как буквы в горизонтальном меню (пункт 3) а цвет шрифта - #005cab
Спасибо
#2
Отправлено 30 Август 2016 - 11:06
pavela (29 Август 2016 - 23:07) писал:
Могли бы Вы помочь мне с шапкой где указан наш номер телефона и режим работы?
Привести его к виду соответствующему скриншоту
1. значек "ВРЕМЯ" и "ТЕЛЕФОН" - чтобы был был белого цвета в зеленом круге, как "КОРЗИНА" - и соответственно по центру строчки (чтобы все на одном уровне)
2. надпись: пн - вс 9:00 - 21:00 Работаем для Вас! и надписи с номерами телефонов - были по размеру как буквы в горизонтальном меню (пункт 3) а цвет шрифта - #005cab
Спасибо
Здравствуйте.
Создал Вам бэкапы (до и после) и произвел изменения.
Проверьте, пожалуйста.
#3
Отправлено 30 Август 2016 - 22:41
К сожалению у меня не показывает изменения, точнее не корректно отображаются ( на вашем скриншоте все правильно), при этом по факу на сайте отображается не так((( см приложение изображение 3001.
1. у меня почему -то значек телефона и времени расположен далеко от данных.
2. цвет шрифта и размер не поменялся.
3. можно как то изменить, чтобы внутри значка "ВРЕМЯ" и "ТЕЛЕФОН" - были белым цветом, как значек "КОРЗИНА" - белый контур на зеленом кружке.
Спасибо.
#4
Отправлено 31 Август 2016 - 14:09
Спасибо за помощь!
#5
Отправлено 31 Август 2016 - 16:47
Скажите а можно ли добавить банеры от яндекс маркета на сайт в место указанное на скриншоте 3105 ?
код - <a href="http://clck.yandex.r...1/reviews"><img src="http://clck.yandex.r...n=image&size=2" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>
и
<a href="http://clck.yandex.r...views/add"><img src="http://clck.yandex.r.../informer1.png" border="0" alt="Оцените качество магазина на Яндекс.Маркете." /></a>
с ув.Павел
#6
Отправлено 31 Август 2016 - 16:58
pavela (31 Август 2016 - 16:47) писал:
Скажите а можно ли добавить банеры от яндекс маркета на сайт в место указанное на скриншоте 3105 ?
код - <a href="http://clck.yandex.r...1/reviews"><img src="http://clck.yandex.r...n=image&size=2" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>
и
<a href="http://clck.yandex.r...views/add"><img src="http://clck.yandex.r.../informer1.png" border="0" alt="Оцените качество магазина на Яндекс.Маркете." /></a>
с ув.Павел
<div id="content"> <!-- Главная страница -->и замените на
<div id="content"> <div class="banners"> <a href="https://market.yandex.ru/shop/207131/reviews"><img src="http://mdata.yandex.ru/grade/rating_4_2.jpg" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a> <a href="https://market.yandex.ru/shop/207131/reviews/add"><img src="http://img.yandex.ru/market/informer1.png" border="0" alt="Оцените качество магазина на Яндекс.Маркете." /></a> </div> <!-- Главная страница -->В конец main.css добавьте
.banners { position: absolute; right: -155px; top: -48px; width: 150px; }
#7
Отправлено 31 Август 2016 - 17:13
#8
Отправлено 31 Август 2016 - 17:30
Danil (31 Август 2016 - 16:58) писал:
<div id="content"> <!-- Главная страница -->и замените на
<div id="content"> <div class="banners"> <a href="https://market.yandex.ru/shop/207131/reviews"><img src="http://mdata.yandex.ru/grade/rating_4_2.jpg" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a> <a href="https://market.yandex.ru/shop/207131/reviews/add"><img src="http://img.yandex.ru/market/informer1.png" border="0" alt="Оцените качество магазина на Яндекс.Маркете." /></a> </div> <!-- Главная страница -->В конец main.css добавьте
.banners { position: absolute; right: -155px; top: -48px; width: 150px; }
Опаньки - ошибка - почему то статический банер не работает - показывает ошибку при нажатии на него (скриншот 3108)
может я что то не так все таки сделал?
еще раз его код - <a href="http://clck.yandex.r...views/add"><img src="http://clck.yandex.r.../informer1.png" border="0" alt="Оцените качество магазина на Яндекс.Маркете." /></a>
#9
Отправлено 31 Август 2016 - 17:36
pavela (31 Август 2016 - 17:30) писал:
может я что то не так все таки сделал?
еще раз его код - <a href="http://clck.yandex.r...views/add"><img src="http://clck.yandex.r.../informer1.png" border="0" alt="Оцените качество магазина на Яндекс.Маркете." /></a>
Изменения Вам произвели.
#12
Отправлено 05 Сентябрь 2016 - 16:09
pavela (05 Сентябрь 2016 - 15:39) писал:
Подскажите пожалуйста - как установить фон для всех страниц сайта, чтобы было как на сайте в приложении ( сайт так же на вашей платформе).
Какого формата должен быть данный файл? как его установить или поменять?
Спасибо
Здравствуйте.
Если я правильно вас понял, то попробуйте, пожалуйста, произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:
#container { width: 100%; margin-left: auto; margin-right: auto; text-align: left; }
И замените его вот этим вот кодом:
#container { width: 100%; margin-left: auto; margin-right: auto; text-align: left; background-color: #e7cb8a; }
После чего в том же шаблоне найдите, пожалуйста, следующий код:
.inner { margin: 0 auto; width: 1200px; padding: 0; clear: both; background-color: #ffffff; box-sizing: border-box; }
И замените его вот этим кодом:
.inner { margin: 0 auto; width: 1200px; padding: 0; clear: both; background-color: #e7cb8a; box-sizing: border-box; }
После чего там же найдите, пожалуйста, вот этот код:
#content .box .box-content { border-bottom: 4px solid #e1e1e1; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); padding: 20px 10px; background-color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; border: solid 1px #e1e1e1\0/; position: relative; }
И замените его этим вот кодом:
#content .box .box-content { border-bottom: 4px solid #e1e1e1; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); padding: 20px 10px; background-color: #e7cb8a; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; border: solid 1px #e1e1e1\0/; position: relative; }
После чего в том же шаблоне найдите, пожалуйста, следующий код:
#column-left .box { background-color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border-bottom: 4px solid #e1e1e1; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); border: solid 1px #e1e1e1\0/; }
И замените его вот этим кодом:
#column-left .box { background-color: #e7cb8a; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border-bottom: 4px solid #e1e1e1; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); border: solid 1px #e1e1e1\0/; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных