Сообщений в теме: 38

[Andrew S.]

Предыдущее сообщение № 20 изменено. По всем пунктам буду там всё прописывать.

[lew]

Цитата

1. Остается. С часами не получается. Сразу возникает JS-ошибка и всё что после часов - сайт вообще не загружается. Только верхушка левого меню с часами. Ниже всё обрубается.

Вот здесь где на фото мигающий указатель заместо еще одного <br/> можно вставить какой-то отступ, какое-то расстояние?.. Или вообще часы поместить за код со временем работы магазина. И выровнять их.

я не увидел чтоб у вас на сайте что-то подрубалось, вроде всё нормально. Объясните проблему более подробней.

Цитата

3. Остается. Вы подсказали тут отступ для четвертого пункта. Верхнее меню с кнопками "Войти В ЛК - ... - Прайсы" нужно подвинуть чуть ниже.

откройте main.css
найдите код  

.header .links {
font-size: 1.2em;
}

замените на этот

.header .links {
font-size: 1.2em;
margin-top: 10px;
}

отступ делайте любой, какой вам надо и 10px и 20px ...

Цитата

5. Остается.

вроде как сделан

Цитата

6. Вы смотрели 1. Вот ещё момент.. Появились лишние рамки у всех товаров в блоке "Вы смотрели".

Они там появилась после внесения изменений в рамку для дополнительных фото товара. Я не понимаю, может как-то неправильно их поставили?
Ссылка.

какую рамку вам убрать внутреннюю или внешнюю?
а пока заметите в файле 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;
}

Цитата

8. Не нашёл где поменять цвет границы вокруг баннера:

Сделать цвет такой же как вокруг поиска и часов. И в товарах везде этот цвет границы. Вроде бы E8E8E8.

помоему цвет там цвет #D5D5D5
Так этот вопрос для вас актуальный?

[Andrew S.]

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 - так будет даже лучше. Если он вообще есть у баннера на главной.. Сейчас не стану смотреть, т.к. все страницы по нескольку минут грузятся.

[lew]

Цитата

Да, я Семён Семёныч, извиняюсь.. Сейчас уберу. Подскажите как это там прописать..

да ладно все мы своего рода семён семёночи. Сечас подскажу.
откройте 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;
}

Цитата

1. Если к часам поставить как вы написали:
style="margin-top: 4px;
То сайт перестает загружаться. Загружается только кусок левой части от логотипа до часов. Все остальное не грузится. Код часов можно разместить по-другому? И сделать отступы сверху и снизу. Ничего не получается с ними из того что было предложено.

в файле HTML найдите код

<!-- Время работы магазина -->
{% 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>

Цитата

5. Скажите что вы поменяли чтобы увидеть и сказать нужно это было или нет. Потому, что я не вижу вообще никаких изменений.

Никак нельзя сделать, чтобы бордер был только у всплывающих окон, а не во всем развернутом меню каталога в левой части? На картинке же скидывал тут как всё предполагал:

полностью сделать ваш вопрос проблематично.. Можно только вот что:
в  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;*/
}

Цитата

6. Нужно убрать все рамки в блоке "вы смотрели". Их там и не было. Они там сами появились. Но чтобы в других частях сайта рамки вокруг маленьких фотографий не убрались. Потому что я так думаю, они появились там, т.к. где-то что-то поменяли в другой части сайта.

в 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;*/
}

Цитата

8. Да, актуальный. Не могу  понять где задан этот цвет #D5D5D5.. Если у баннера на главной тоже станет нужный цвет #E8E8E8 - так будет даже лучше. Если он вообще есть у баннера на главной.. Сейчас не стану смотреть, т.к. все страницы по нескольку минут грузятся.

вы правы этот цвет ни где не прописан. Он нарисован вместе с картинкой. То есть нужно вырезать края у картинок для баннера. А потом в стилях css прописать свойство.

[Andrew S.]

lew (27 Апрель 2014 - 17:36) писал:

вы правы этот цвет ни где не прописан. Он нарисован вместе с картинкой. То есть нужно вырезать края у картинок для баннера. А потом в стилях css прописать свойство.

Да, я Семён Семёныч, извиняюсь.. Сейчас уберу. Подскажите как это там прописать..

[Andrew S.]

Спасибо.

Но вот может подскажите тогда..

1. Как бы сделать так, чтобы всплывающее меню не сливалось с правой стороной? Тут что-то можно придумать?


2. И вот.. Сейчас видно, что блок с фотографиями ниже слов "Вы смотрели" смещён влево и фотографии по-моему суженые по ширине. Как их по центру поставить и сделать чтобы они не заужались?


Наконец-то уже почти все...............

[lew]

почитайте внимательней 24 сообщение )

а конкрено вот это место

Цитата

Цитата

6. Нужно убрать все рамки в блоке "вы смотрели". Их там и не было. Они там сами появились. Но чтобы в других частях сайта рамки вокруг маленьких фотографий не убрались. Потому что я так думаю, они появились там, т.к. где-то что-то поменяли в другой части сайта.

в 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;
}

Забыл вас предупредить. что я там описку сделал. То что перечёркнуто в код вносить нельзя.

Цитата

1. Как бы сделать так, чтобы всплывающее меню не сливалось с правой стороной? Тут что-то можно придумать?

сейчас что-нибудь подумаю

давайте вот что попробуем
откройте
найтите код 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'});
}
}

если не то, то продолжим

[Andrew S.]

lew (27 Апрель 2014 - 19:53) писал:

почитайте внимательней 24 сообщение )

а конкрено вот это место

Забыл вас предупредить. что я там описку сделал. То что перечёркнуто в код вносить нельзя.


сейчас что-нибудь подумаю

давайте вот что попробуем
откройте
найтите код 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'});
}
}

если не то, то продолжим

Да я увидел это изменение и всё изменил. Что-то не так сделал? Потому что вопрос остаётся..
( блок с фотографиями ниже слов "Вы смотрели" смещён влево и фотографии по-моему суженые по ширине. Как их по центру поставить и сделать чтобы они не заужались?)
За правильный бэкграунд спасибо!

[MikDark]

Andrew S. (28 Апрель 2014 - 04:17) писал:

Да я увидел это изменение и всё изменил. Что-то не так сделал? Потому что вопрос остаётся..
( блок с фотографиями ниже слов "Вы смотрели" смещён влево и фотографии по-моему суженые по ширине. Как их по центру поставить и сделать чтобы они не заужались?)
За правильный бэкграунд спасибо!

Картинки не похоже что заужаются. Чтобы поставить по центру, добавьте в main.css

.sm {
width: 191px;
padding: 0 10px 0 0;
}

[Andrew S.]

MikDark (28 Апрель 2014 - 06:57) писал:

Картинки не похоже что заужаются. Чтобы поставить по центру, добавьте в main.css

.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 прописан. Посмотрите, пожалуйста, с учётом этого.. Плюс для иконок какая-то ширина непонятная в процентах прописана.

[MikDark]

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% стоит, он никак не влияет на ситуацию. Попробуйте мой код, я его проверял, блок с картинками встает ровно.
И еще заметил у Вас большие проблемы с адаптивностью. Сайт летит полностью. Может ее лучше отключить в таком случае?

[Andrew S.]

А что значит проблемы с адаптивностью? В каком случае он летит полностью? И кого её отключить?

[Andrew S.]

MikDark (28 Апрель 2014 - 10:42) писал:

На счет написанного Вами кода, немного подозрительно выглядит) Если брать код, который сейчас, у Вас на картинках только max-width:100% стоит, он никак не влияет на ситуацию. Попробуйте мой код, я его проверял, блок с картинками встает ровно.
И еще заметил у Вас большие проблемы с адаптивностью. Сайт летит полностью. Может ее лучше отключить в таком случае?

Сейчас код вроде встал. Пытаюсь увеличить изображения чтобы слева и справа не было пустых больших мест.

Не получается..

Сообщение отредактировал Andrew S.: 28 Апрель 2014 - 19:19

[lew]

адаптивность - это корректное отображение сайта во всех устройствах, и на планшетниках, смартфонах и проч.


в 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;
}

в нём и увеличивайте картинки

[Andrew S.]

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

[Andrew S.]

MikDark (28 Апрель 2014 - 10:42) писал:

На счет написанного Вами кода, немного подозрительно выглядит) Если брать код, который сейчас, у Вас на картинках только max-width:100% стоит, он никак не влияет на ситуацию. Попробуйте мой код, я его проверял, блок с картинками встает ровно.
И еще заметил у Вас большие проблемы с адаптивностью. Сайт летит полностью. Может ее лучше отключить в таком случае?

Кого её отключить? - я не понял

[Andrew S.]

Вопрос № 2 закрыт. Осталось решить вопрос № 1 из сообщения №35

[lew]

Кого её отключить? - я не понял 

он имел в виду отключить  адаптивную вёрстку (её)

Цитата

Осталось решить вопрос № 1 из сообщения №35

вы про этот "Вы смотрели"  говорите?

Прикрепленные изображения

• 

[Andrew S.]

lew (29 Апрель 2014 - 22:35) писал:

Кого её отключить? - я не понял 

он имел в виду отключить  адаптивную вёрстку (её)

вы про этот "Вы смотрели"  говорите?

1. Да, этот блок Вы смотрели, там который. Хотелось бы сделать фото пропорциональные ширине и по ширине расположить этот блок на всю ширину. А то если по центру ставить - большие поля слева и справа. А если по ширине расширить - фотки маленькие.

2. Я же решил проблему с адаптивной вёрсткой? Всё ок же сейчас?