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

[Andrew S.]

Сайт: X.com

1. Рамки. Нет рамок вокруг областей "каталог товаров" и "корзина" когда они открыты. В то время когда в статьях, контактах, на главной странице, странице доставки и оплаты и личном кабинете они есть. Подскажите, как сделать также:

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

2. Фон. Я попробовал вписать в стили это: background-image: url(images/pattern.jpg)

Но у меня этой картинкой залилось все полностью вместе с основным телом сайта. Как сделать, чтобы фон внутри остался белым?
Единственное, что у меня хоть как-то получилось - это сместить вниз тело сайта. Но. Я хочу, чтобы он прилипал книзу. Как он раньше прилипал кверху. Если это невозможно - то ничего страшного. Тут самое главное - не хватает линии теперь вверху. Надо ее добавить. Которая обволакивает тело сайта.

Желаемое я тут прикрепляю:

Рамку надо по стандарту, какие везде рамки уже есть. со стандартными отступами и т.п.

3. И вопрос: если я название сайта тут написал, он потом где-нибудь в поисковике может вылезти? Надо бы потом удалить мою тему. И ещё охота знать как удалить свой логин (профиль) на форуме. После того как все сделаю. А то поисковик выдает меня тут. Создамся под другим логином. Жду помощи!

4. И как сделать, чтобы в опере сайт открывался автоматически не с таким большим приближением? Эксплорер нормально отображает. А опера увеличивает и некрасиво делает. Есть ли таки настройки для разных обозревателей? Смотрю тут другие сайты - у всех с этим все хорошо.

[Vaccina]

1) Найдите в шаблоне "HTML"

<td class="valignTop" colspan="2">

и замените на

<td class="valignTop page cornerAll" colspan="2">

далее найдите в шаблоне "Страница"

<div class="page cornerAll">

и замените на

<div>

далее найдите в файле стилей main.css

.page {
	border: 1px solid #DCECF7;
	padding: 1em;
	width: 90%;
}

и замените на

.page {
	border: 1px solid #DCECF7;
	padding: 1em;
	width: auto;
}

2) Вставьте ваше изображение как вы это уже делали, а так же добавьте в файл стилей main.css

.content {
	background: #fff;
}
.ui-datepicker {
	display: none;
}

3) Да, выдача такая может быть. Удалить свой профиль на форуме к сожалению нельзя. Вы можете вместо адреса вашего сайта писать номер вашего аккаунта в storeland.ru

4) Не совсем вас понимаю. В опере ваш сайт отображается также как и в firefox и ie. т.е стандартно для данной темы. Может у вас установлены персональные настройки сайта в браузере опера?

[Andrew S.]

1. Проблему с верхней рамкой (полоской) решить не удалось. Её так и нет.

Я вообще менял вот это значение: body {padding-top: 30px; - поменял с bottom на top. Может он как бы думает, что он прилипший кверху и поэтому линию не прорисовывает? Хоть всё и с отступом..


Да, в каталоге товаров появилась рамка. Но не такая как в других меню. Но и такая пойдёт. НО! Сейчас в: статьях, контактах, личном кабинете рамка двойная. Ушли в другую сторону Но давайте продолжим движение в эту сторону. И уберем лишние рамки в статьях, контактах, личном кабинете.


А также. Правая рамка каждого меню сейчас сливается с внешней правой рамкой. Как сделать отступ? 0.2-0.5-1px где-то. Я бы подобрал. Скриншот:


2. Фон. Сделали все в точности до наоборот. Теперь все внутри окрашено. А надо окрасить снаружи. Только фон. Оставлю результат нетронутым, посмотрите если что. А также тут скриншоты того, чего хотелось бы в качестве примера с другого сайта:

Мой набросок:

3. Жаль, что нельзя удалять.

4. Нет. Персональных настроек нет. Смотрел на других компьютерах - там лучше отображается (на широкоформатниках). Единственное - ужасно отображается у друга на квадратном мониторе. Но это уже проблемы тех людей, а не наши Все равно скоро все будет широкое. Ладно. Может это только мой ПК так умничает. Главные проблемы в п. 1 и 2.

5. Есть ещё одна проблемка. Горизонтальные полоски в опере при прокрутке вверх-вниз. Может это тоже мой ПК глючит, а может проблема известна вам. Но на самом деле в опере глючит только мой сайт. Остальные все ОК. Скриншот:

[miyako]

Andrew S. (13 Март 2013 - 05:28) писал:

1. Проблему с верхней рамкой (полоской) решить не удалось. Её так и нет.

Я вообще менял вот это значение: body {padding-top: 30px; - поменял с bottom на top. Может он как бы думает, что он прилипший кверху и поэтому линию не прорисовывает? Хоть всё и с отступом..


Да, в каталоге товаров появилась рамка. Но не такая как в других меню. Но и такая пойдёт. НО! Сейчас в: статьях, контактах, личном кабинете рамка двойная. Ушли в другую сторону Но давайте продолжим движение в эту сторону. И уберем лишние рамки в статьях, контактах, личном кабинете.


А также. Правая рамка каждого меню сейчас сливается с внешней правой рамкой. Как сделать отступ? 0.2-0.5-1px где-то. Я бы подобрал. Скриншот:


2. Фон. Сделали все в точности до наоборот. Теперь все внутри окрашено. А надо окрасить снаружи. Только фон. Оставлю результат нетронутым, посмотрите если что. А также тут скриншоты того, чего хотелось бы в качестве примера с другого сайта:

Мой набросок:

3. Жаль, что нельзя удалять.

4. Нет. Персональных настроек нет. Смотрел на других компьютерах - там лучше отображается (на широкоформатниках). Единственное - ужасно отображается у друга на квадратном мониторе. Но это уже проблемы тех людей, а не наши Все равно скоро все будет широкое. Ладно. Может это только мой ПК так умничает. Главные проблемы в п. 1 и 2.

5. Есть ещё одна проблемка. Горизонтальные полоски в опере при прокрутке вверх-вниз. Может это тоже мой ПК глючит, а может проблема известна вам. Но на самом деле в опере глючит только мой сайт. Остальные все ОК. Скриншот:

Сообщите пожалуйста ваш номер аккаунта или адрес вашего сайта

[Andrew S.]

miyako (13 Март 2013 - 08:32) писал:

Сообщите пожалуйста ваш номер аккаунта или адрес вашего сайта

Он в самом верху есть. В начале темы.

[miyako]

По первой задаче:
В шаблонах Статьи, Связь с администрацией, Личный кабинет:
Найдите такой код:

<div class="page cornerAll">

и замените на:

<div class=" cornerAll">

[miyako]

2. Фон:
Найдите код:

body {
padding-top: 30px;
line-height: 1.4em;
margin: 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #333;
font-size: 11px;
opacity: .999;
}

и замените на:

body {
padding-top: 30px;
line-height: 1.4em;
margin: 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #333;
font-size: 11px;
opacity: .999;
background-image: url(images/pattern.jpg);
}

Найдите код:

.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
border-top: 0px;
background: #fff;
background-image: url(images/pattern.jpg);
}

и замените на:

.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
border-top: 0px;
background: #fff;
}

[Andrew S.]

miyako (13 Март 2013 - 08:58) писал:

2. Фон:
Найдите код:

body {
padding-top: 30px;
line-height: 1.4em;
margin: 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #333;
font-size: 11px;
opacity: .999;
}

и замените на:

body {
padding-top: 30px;
line-height: 1.4em;
margin: 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #333;
font-size: 11px;
opacity: .999;
background-image: url(images/pattern.jpg);
}

Найдите код:

.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
border-top: 0px;
background: #fff;
background-image: url(images/pattern.jpg);
}

и замените на:

.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
border-top: 0px;
background: #fff;
}

Все сделал, спасибо! Но как быть с полоской в самом верху? Ее так и нет. (Проблема из п. 1.) Смотрится из-за этого не совсем так как хотелось бы, нет отделения. Сливается как бы. А так - результат уже 90%. Хорошо получается.
И на п. 5 подскажите? Я имею ввиду горизонтальные полоски-следы в браузере.

[miyako]

Andrew S. (13 Март 2013 - 10:41) писал:

Все сделал, спасибо! Но как быть с полоской в самом верху? Ее так и нет. (Проблема из п. 1.) Смотрится из-за этого не совсем так как хотелось бы, нет отделения. Сливается как бы. А так - результат уже 90%. Хорошо получается.
И на п. 5 можете что-нибудь подсказать?

Можете приложить скриншоты с тем, как должно отображаться?
по пятому вопросу - в опере 12 отображается корректно. Какой версии у вас Опера? Попробуйте очистить кэш. И зайти с другого компьютера через Оперу на ваш сайт

[Andrew S.]

miyako (13 Март 2013 - 11:11) писал:

Можете приложить скриншоты с тем, как должно отображаться?
по пятому вопросу - в опере 12 отображается корректно. Какой версии у вас Опера? Попробуйте очистить кэш. И зайти с другого компьютера через Оперу на ваш сайт

5. Все ок. Зашел с другого и ок. Буду тут переустанавливать заново потом. А то много вкладок слишком нужных открыто. Это проблема многих пользователей оперы.

1. Полоска. Прикладываю изображение:

2. И вот здесь как пошире сделать? Добавить расстояние. А до две полоски сливаются в одну. Отступ нужен (справа-внизу):

[Andrew S.]

Жду ответа на предыдущее сообщение и:
Теперь отображается 4 иконки товарных групп заместо 5 как было раньше. Как это вернуть?

P.S.
Хотелось бы сделать такие же отступы как в товарах (может оно так и было раньше):

[miyako]

По первому вопросу -
Найдите код:

.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
border-top: 0px;
background: #fff;
}

и замените на:

.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
background: #fff;
}

2 Расстояние можно добавить так:
Найти код:

.contentTable {
width: 100%;
}

и заменить на:

.contentTable {
width: 99%;
}

[Andrew S.]

miyako (13 Март 2013 - 14:24) писал:

По первому вопросу -
Найдите код:

.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
border-top: 0px;
background: #fff;
}

и замените на:

.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
background: #fff;
}

2 Расстояние можно добавить так:
Найти код:

.contentTable {
width: 100%;
}

и заменить на:

.contentTable {
width: 99%;
}

А где это смотреть? Main.css или где? Не могу сейчас найти.

[miyako]

Andrew S. (13 Март 2013 - 14:30) писал:

А где это смотреть? Main.css или где? Не могу сейчас найти.

Да, в main.css 52 и 53 строки

[Andrew S.]

miyako (13 Март 2013 - 14:24) писал:

По первому вопросу -
Найдите код:

.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
border-top: 0px;
background: #fff;
}

и замените на:

.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
background: #fff;
}

2 Расстояние можно добавить так:
Найти код:

.contentTable {
width: 100%;
}

и заменить на:

.contentTable {
width: 99%;
}

Нашел. Поменял. Огромное спасибо! Ещё осталось вместить 5 рядов категорий товаров в ширину. Дело в том, что в эксплорере вмещаются они, а в опере уже нет почему-то. Смотрел на разных ПК.

Сместил поле товаров и на эксплорере теперь по 4 в ряд стало. Спасайте.. "Дыра" справа образовалась..

А товары как отображались по 5 - так и отображаются. Почему-то они хорошо сохранились.

[miyako]

Andrew S. (13 Март 2013 - 14:36) писал:

Нашел. Поменял. Огромное спасибо! Ещё осталось вместить 5 рядов категорий товаров в ширину. Дело в том, что в эксплорере вмещаются они, а в опере уже нет почему-то. Смотрел на разных ПК.

Сместил поле товаров и на эксплорере теперь по 4 в ряд стало. Спасайте.. "Дыра" справа образовалась..

А товары как отображались по 5 - так и отображаются. Почему-то они хорошо сохранились.

Можете сделать так:
Найдите код:

.content_catalog_nested_categories li {
text-align: center;
float: left;
width: 170px;
overflow: hidden;
padding: 1em;
margin: 0;
list-style-type: none;
background: none !important;
}

и замените на:

.content_catalog_nested_categories li {
text-align: center;
float: left;
width: 168px;
overflow: hidden;
padding: 1em;
margin: 0;
list-style-type: none;
background: none !important;
}

[Andrew S.]

miyako (13 Март 2013 - 14:45) писал:

Можете сделать так:
Найдите код:

.content_catalog_nested_categories li {
text-align: center;
float: left;
width: 170px;
overflow: hidden;
padding: 1em;
margin: 0;
list-style-type: none;
background: none !important;
}

и замените на:

.content_catalog_nested_categories li {
text-align: center;
float: left;
width: 168px;
overflow: hidden;
padding: 1em;
margin: 0;
list-style-type: none;
background: none !important;
}

Получилось! Спасибо! Все работает. Потом проверю в других браузерах.

[Andrew S.]

Здравствуйте. Подскажите ещё как добавить рамку стандартного голубого цвета для всех фотографий товаров? Только для фото, для категорий не надо. Для фото при открытом каждом товаре. Название сайта в начале темы. Вот так хочется:

[miyako]

Andrew S. (14 Март 2013 - 08:40) писал:

Здравствуйте. Подскажите ещё как добавить рамку стандартного голубого цвета для всех фотографий товаров? Только для фото, для категорий не надо. Для фото при открытом каждом товаре. Название сайта в начале темы. Вот так хочется:

Добавьте в файл main.css :

.goodsDataMainImage {border: 1px solid #DCECF7;}

[Koderhan]

Andrew S. (14 Март 2013 - 08:40) писал:

Здравствуйте. Подскажите ещё как добавить рамку стандартного голубого цвета для всех фотографий товаров? Только для фото, для категорий не надо. Для фото при открытом каждом товаре. Название сайта в начале темы. Вот так хочется:

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Добавить в конец файла код:

.goodsDataMainImage {
	border: 1px solid #DCECF7;
}

Для того чтобы выровнять кнопку.
Панель администратора, "Сайт"->"Редактор тем".
В файле "Товар".
Найти код:

style="display:block;margin-top:1em;width:200px;"

Заменить:

style="display:block;margin-top:1em;width:200px;float: right;"