Выровнять По Высоте Пункты Левого Меню
#21
Отправлено 21 Апрель 2014 - 20:38
#22
Отправлено 26 Апрель 2014 - 19:47
Цитата
Вот здесь где на фото мигающий указатель заместо еще одного <br/> можно вставить какой-то отступ, какое-то расстояние?.. Или вообще часы поместить за код со временем работы магазина. И выровнять их.
Цитата
откройте main.css
найдите код
.header .links { font-size: 1.2em; }замените на этот
.header .links { font-size: 1.2em; margin-top: 10px; }отступ делайте любой, какой вам надо и 10px и 20px ...
Цитата
Цитата
Они там появилась после внесения изменений в рамку для дополнительных фото товара. Я не понимаю, может как-то неправильно их поставили?
Ссылка.
а пока заметите в файле main.css этот код
.goods-image-icon-square { border: 1px solid #E8E8E8 !important; width: 56px; height: 56px; }на этот
.goods-image-icon-square { width: 56px; height: 56px; outline: 1px solid #E8E8E8 !important; }
Цитата
Так этот вопрос для вас актуальный?
#23
Отправлено 27 Апрель 2014 - 16:59
lew (26 Апрель 2014 - 19:47) писал:
откройте main.css
найдите код
.header .links { font-size: 1.2em; }замените на этот
.header .links { font-size: 1.2em; margin-top: 10px; }отступ делайте любой, какой вам надо и 10px и 20px ...
вроде как сделан
какую рамку вам убрать внутреннюю или внешнюю?
а пока заметите в файле main.css этот код
.goods-image-icon-square { border: 1px solid #E8E8E8 !important; width: 56px; height: 56px; }на этот
.goods-image-icon-square { width: 56px; height: 56px; outline: 1px solid #E8E8E8 !important; }
помоему цвет там цвет #D5D5D5
Так этот вопрос для вас актуальный?
1. Если к часам поставить как вы написали:
style="margin-top: 4px;То сайт перестает загружаться. Загружается только кусок левой части от логотипа до часов. Все остальное не грузится. Код часов можно разместить по-другому? И сделать отступы сверху и снизу. Ничего не получается с ними из того что было предложено.
5. Скажите что вы поменяли чтобы увидеть и сказать нужно это было или нет. Потому, что я не вижу вообще никаких изменений.
Никак нельзя сделать, чтобы бордер был только у всплывающих окон, а не во всем развернутом меню каталога в левой части? На картинке же скидывал тут как всё предполагал:
6. Нужно убрать все рамки в блоке "вы смотрели". Их там и не было. Они там сами появились. Но чтобы в других частях сайта рамки вокруг маленьких фотографий не убрались. Потому что я так думаю, они появились там, т.к. где-то что-то поменяли в другой части сайта.
8. Да, актуальный. Не могу понять где задан этот цвет #D5D5D5.. Если у баннера на главной тоже станет нужный цвет #E8E8E8 - так будет даже лучше. Если он вообще есть у баннера на главной.. Сейчас не стану смотреть, т.к. все страницы по нескольку минут грузятся.
#24
Отправлено 27 Апрель 2014 - 17:36
Цитата
откройте nyvo.css
найдите код
.theme-default .nivoSlider { background: url("http://design.technoimp.com/nyvo_loading.gif") no-repeat scroll 50% 50% #FFFFFF; box-shadow: 0 0 0 0 #4A4A4A; margin-bottom: 0px; position: relative; }Замените на этот
.theme-default .nivoSlider { background: url("http://design.technoimp.com/nyvo_loading.gif") no-repeat scroll 50% 50% #FFFFFF; box-shadow: 0 0 0 0 #4A4A4A; margin-bottom: 0px; position: relative; outline: 1px solid #E8E8E8; }
Цитата
style="margin-top: 4px;
То сайт перестает загружаться. Загружается только кусок левой части от логотипа до часов. Все остальное не грузится. Код часов можно разместить по-другому? И сделать отступы сверху и снизу. Ничего не получается с ними из того что было предложено.
<!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" style="padding-top:1px; text-align:left;"> Клиентам: <img src="{ASSETS_IMAGES_PATH}Mai.png"> <br/>Партнерам: <img src="{ASSETS_IMAGES_PATH}part.png"> <br/>Режим работы: {SETTINGS_STORE_WORK_TIME} пн.-пт. <br/> <iframe src="http://free.timeanddate.com/clock/i3zy96zg/n379/tlru33/fs12/fcb2b2b2/tct/pct/bace8e8e8/pa10/tt0/tw1/tm3/td2/th1/tb1" frameborder="0" width="162" height="37" allowTransparency="true" ></iframe> </div> {% ENDIF %}
замените на этот
<!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" style="padding-top:1px; text-align:left;"> Клиентам: <img src="{ASSETS_IMAGES_PATH}Mai.png"> <br/>Партнерам: <img src="{ASSETS_IMAGES_PATH}part.png"> <br/>Режим работы: {SETTINGS_STORE_WORK_TIME} пн.-пт. <br/> </div> {% ENDIF %} <div class="work-time" style="padding-top:5px; text-align:left;"> <iframe src="http://free.timeanddate.com/clock/i3zy96zg/n379/tlru33/fs12/fcb2b2b2/tct/pct/bace8e8e8/pa10/tt0/tw1/tm3/td2/th1/tb1" frameborder="0" width="162" height="37" allowTransparency="true" ></iframe> </div>
Цитата
Никак нельзя сделать, чтобы бордер был только у всплывающих окон, а не во всем развернутом меню каталога в левой части? На картинке же скидывал тут как всё предполагал:
в bootstrap-responsive.min.css
найдите код
.menu_main li ul { display:none\9; position:static\9; background:#fff\9; padding:0\9; border: 0 none; text-align:left\9; width:auto\9; width:auto\9; border: 1px solid #e8e8e8; }замените на
.menu_main li ul { display:none\9; position:static\9; background:#fff\9; padding:0\9; border: 0 none; text-align:left\9; width:auto\9; width:auto\9; /*border: 1px solid #e8e8e8;*/ }
Цитата
в main.css найдите код
.goods-image-icon-square { width: 56px; height: 56px; outline: 1px solid #E8E8E8 !important; }
.goods-image-icon-square-look { width: 56px; height: 56px; outline: 0px solid #E8E8E8 !important; }
и под ним напишите новый
.goods-image-icon-square-look { width: 56px; height: 56px; outline: 1px solid #FFFFFF !important; }
потом откройте HTML
найдите код
<div class="goods-image-icon-square" style="padding: 0.8em 5px 0.8em 0;vertical-align:middle;text-align:center;display: inline-block;">и замените на
<div class="goods-image-icon-square-look" style="padding: 0.8em 5px 0.8em 0;vertical-align:middle;text-align:center;display: inline-block;">
потом откройте файл bootstrap-responsive.min.css
найдите код
.menu_main li a:hover{ background:#f1f1f1; *background:#f1f1f1; }и замените его на
.menu_main li a:hover{ /* background:#f1f1f1; *background:#f1f1f1;*/ }
Цитата
#25
Отправлено 27 Апрель 2014 - 17:43
lew (27 Апрель 2014 - 17:36) писал:
#26
Отправлено 27 Апрель 2014 - 19:38
Но вот может подскажите тогда..
1. Как бы сделать так, чтобы всплывающее меню не сливалось с правой стороной? Тут что-то можно придумать?
2. И вот.. Сейчас видно, что блок с фотографиями ниже слов "Вы смотрели" смещён влево и фотографии по-моему суженые по ширине. Как их по центру поставить и сделать чтобы они не заужались?
Наконец-то уже почти все...............
#27
Отправлено 27 Апрель 2014 - 19:53
а конкрено вот это место
Цитата
Цитата
6. Нужно убрать все рамки в блоке "вы смотрели". Их там и не было. Они там сами появились. Но чтобы в других частях сайта рамки вокруг маленьких фотографий не убрались. Потому что я так думаю, они появились там, т.к. где-то что-то поменяли в другой части сайта.
в main.css найдите код
.goods-image-icon-square {
width: 56px;
height: 56px;
outline: 1px solid #E8E8E8 !important;
}
width: 56px;
height: 56px;
outline: 0px solid #E8E8E8 !important;
}
и под ним напишите новый
.goods-image-icon-square-look {
width: 56px;
height: 56px;
outline: 1px solid #FFFFFF !important;
}
Цитата
давайте вот что попробуем
откройте
найтите код main.js
function mouseOver() { if (!$(this).hasClass('open')){ $(this).find("> ul").css({'display': 'block', 'position':'absolute', 'top': '-1px','left':'228px', 'width': '228px', 'z-index': '10000'}); } }замените на этот
function mouseOver() { if (!$(this).hasClass('open')){ $(this).find("> ul").css({'display': 'block', 'position':'absolute', 'top': '-1px','left':'228px', 'width': '228px', 'z-index': '10000', 'background-color': '#f6f6f6'}); } }если не то, то продолжим
#28
Отправлено 28 Апрель 2014 - 04:17
lew (27 Апрель 2014 - 19:53) писал:
а конкрено вот это место
Забыл вас предупредить. что я там описку сделал. То что перечёркнуто в код вносить нельзя.
сейчас что-нибудь подумаю
давайте вот что попробуем
откройте
найтите код main.js
function mouseOver() { if (!$(this).hasClass('open')){ $(this).find("> ul").css({'display': 'block', 'position':'absolute', 'top': '-1px','left':'228px', 'width': '228px', 'z-index': '10000'}); } }замените на этот
function mouseOver() { if (!$(this).hasClass('open')){ $(this).find("> ul").css({'display': 'block', 'position':'absolute', 'top': '-1px','left':'228px', 'width': '228px', 'z-index': '10000', 'background-color': '#f6f6f6'}); } }если не то, то продолжим
( блок с фотографиями ниже слов "Вы смотрели" смещён влево и фотографии по-моему суженые по ширине. Как их по центру поставить и сделать чтобы они не заужались?)
За правильный бэкграунд спасибо!
#29
Отправлено 28 Апрель 2014 - 06:57
Andrew S. (28 Апрель 2014 - 04:17) писал:
( блок с фотографиями ниже слов "Вы смотрели" смещён влево и фотографии по-моему суженые по ширине. Как их по центру поставить и сделать чтобы они не заужались?)
За правильный бэкграунд спасибо!
Картинки не похоже что заужаются. Чтобы поставить по центру, добавьте в main.css
.sm { width: 191px; padding: 0 10px 0 0; }
#30
Отправлено 28 Апрель 2014 - 10:33
MikDark (28 Апрель 2014 - 06:57) писал:
.sm { width: 191px; padding: 0 10px 0 0; }
/* Центрирование блока "вы смотрели" */ .sm {display: block; margin: 0 auto; text-align: center; width: 90%;} .sm .goods-image-icon-square {float: none;margin: 0 auto; width: 28%;}Мы раньше его корректировали, а сейчас блок опять стоит неровно. Там уже стоит width, не будет никакого конфликта? И padding прописан. Посмотрите, пожалуйста, с учётом этого.. Плюс для иконок какая-то ширина непонятная в процентах прописана.
#31
Отправлено 28 Апрель 2014 - 10:42
Andrew S. (28 Апрель 2014 - 10:33) писал:
/* Центрирование блока "вы смотрели" */ .sm {display: block; margin: 0 auto; text-align: center; width: 90%;} .sm .goods-image-icon-square {float: none;margin: 0 auto; width: 28%;}Мы раньше его корректировали, а сейчас блок опять стоит неровно. Там уже стоит width, не будет никакого конфликта? И padding прописан. Посмотрите, пожалуйста, с учётом этого.. Плюс для иконок какая-то ширина непонятная в процентах прописана.
На счет написанного Вами кода, немного подозрительно выглядит) Если брать код, который сейчас, у Вас на картинках только max-width:100% стоит, он никак не влияет на ситуацию. Попробуйте мой код, я его проверял, блок с картинками встает ровно.
И еще заметил у Вас большие проблемы с адаптивностью. Сайт летит полностью. Может ее лучше отключить в таком случае?
#32
Отправлено 28 Апрель 2014 - 18:32
#33
Отправлено 28 Апрель 2014 - 18:40
MikDark (28 Апрель 2014 - 10:42) писал:
И еще заметил у Вас большие проблемы с адаптивностью. Сайт летит полностью. Может ее лучше отключить в таком случае?
Не получается..
Сообщение отредактировал Andrew S.: 28 Апрель 2014 - 19:19
#34
Отправлено 28 Апрель 2014 - 22:24
в main.css
найдите код
/* Footer ================================================================================ */ .footer{font-size:1.2em;text-align:left;} .footer ul{text-align:left;} .footer ul li{text-align:left;}под ним введите новый код
.footer ul.sm li{text-align:center;}благодаря этому они будут выводится посередине.
потом найдите этот код
.goods-image-icon-square-look { width: 56px; height: 56px; outline: 1px solid #FFFFFF !important; }в нём и увеличивайте картинки
#35
Отправлено 29 Апрель 2014 - 06:04
lew (28 Апрель 2014 - 22:24) писал:
в main.css
найдите код
/* Footer ================================================================================ */ .footer{font-size:1.2em;text-align:left;} .footer ul{text-align:left;} .footer ul li{text-align:left;}под ним введите новый код
.footer ul.sm li{text-align:center;}благодаря этому они будут выводится посередине.
потом найдите этот код
.goods-image-icon-square-look { width: 56px; height: 56px; outline: 1px solid #FFFFFF !important; }в нём и увеличивайте картинки
1. Блок "Вы смотрели". Фотографии не увеличиваются. Вообще глюк с этим блоком. Наводишь в просмотре кода на фото - показывает размер фото 68*58 пикс. Потом какие-то внутренние непонятные поля для фото - 73*88 пикс. Блок Вы смотрели - 230*266. До этого он был по высоте на 230 пикселей. Сейчас вернул размер фото 56*56 - но всё равно непонятные размеры какие-то.. Он вообще может быть ровным? Что за прямоугольники? Может этот блок восстановить, сделать таким каким он был с самого начала? Что для этого теперь сделать? А там уже посмотреть в чем проблема, чего мы там наворотили с вами. Вы же разработали блок "вы смотрели" не просто так, чтобы было. Надо же сделать его нормальным в этом шаблоне.
2. И в чем у меня проблема с отображением? Я нашел проблемы в Сафари и Интернет-Эксплорере, о чем написал в другой теме.. Также нашёл в коммуникаторе. Как их можно решить? Люди будут заходить с этих устройств и браузеров и будет капец!
Для обсуждения создал другую тему: ссылка
Почему там все сломалось - непонятно. Мы ведь не трогали там ничего особенного. Проблемы с отображением нужно срочно решать.
Сообщение отредактировал Andrew S.: 29 Апрель 2014 - 09:31
#36
Отправлено 29 Апрель 2014 - 08:55
MikDark (28 Апрель 2014 - 10:42) писал:
И еще заметил у Вас большие проблемы с адаптивностью. Сайт летит полностью. Может ее лучше отключить в таком случае?
#37
Отправлено 29 Апрель 2014 - 21:42
#39
Отправлено 30 Апрель 2014 - 07:26
lew (29 Апрель 2014 - 22:35) писал:
Кого её отключить? - я не понялон имел в виду отключить адаптивную вёрстку (её)
вы про этот "Вы смотрели" говорите?
2. Я же решил проблему с адаптивной вёрсткой? Всё ок же сейчас?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных