Forum вход|регистрация
 Бесплатные магазиныУслугиДокументацияУправление магазиномСтатистикаДоска объявленийФорумКонтакты 

расширенный поиск
→ создать интернет-магазин
→ вопрос техподдержке
→ демо-режим
→ панель управления
→ примеры магазинов
→ FAQ
Масштабирование страницы и заливка фона На страницу 1, 2, 3  След.
Начать новую тему   Ответить    Список форумов компании 7910 e-commerce // Конструктор магазинов
Предыдущая тема :: Следующая тема  
Автор Сообщение
mamatyta
user


Зарегистрирован: 16.11.2009
Сообщения: 20

СообщениеДобавлено: Вт Апр 06, 2010 1:52 am    Заголовок сообщения: Масштабирование страницы и заливка фона Цитировать

1) Долго бьемся с дизайнером над отображением сайта
Хочется убрать масштабирование - оно включается почти при всех разрешениях экрана - сейчас вот 1280 на 1024 стоит -высокое-но сайт масштабируется по-прежнему
http://mamatyta.7910.org/
увеличение\уменьшение лого-изображения результата не дает...

2) как убрать\залить серые "уши" по бокам основного фона?
В начало
Профиль В приват E-mail Сайт автора
adminV
admin


Зарегистрирован: 07.08.2007
Сообщения: 4006
Откуда: Kiev

СообщениеДобавлено: Вт Апр 06, 2010 5:56 am    Заголовок сообщения: Цитировать

Ширина сайта определяется его содержимым. В Вашем случае это ширина лого-изображения, которая в данный момент составляет 1600 пикселей. Прибавьте к этому числу примерно 30 пикселей вертикальной полосы прокрутки и серые полосы по бокам магазина. Получается, что для того, чтобы Ваш магазин поместился по ширине экрана без полосы прокрутки, надо, чтобы разрешение экрана было не менее 1700 пикселей. А это далеко не у каждого клиента есть. Шапку однозначно надо делать меньше, рассчитывая на определенную минимальную ширину экрана. У кого ширина экрана окажется меньше - уж извините, извольте прокрутить по горизонтали. Например, если Вы рассчитываете на минимальную ширину экрана 1024 (800х600 уже почти не используется), то надо ширину шапки сделать примерно 990 пикселей (это если убрать боковые полосы).

Существует 2 вида дизайна сайтов - резиновый и фиксированный. "Резиновый" дизайн (когда ширина магазина подстраивается под ширину окна) - это совсем не значит, что магазин будет выглядеть хорошо на любом разрешении и гарантированно не будет полосы прокрутки. Часто проще сделать ширину магазина фиксированной. Тогда дизайн будет всегда предсказуемым, но горизонтальная полоса прокрутки при необходимости будет появляться. У каждого пользователя свое разрешение экрана, поэтому подстроиться под всех сложно. У кого-то сайт будет помещаться на экране без полосы прокрутки, у кого-то нет. С этим надо смириться.

"Резиновость" дизайна устанавливается в CSS в селекторе div#pageWrapper, в свойстве width (Дизайн->Установка CSS http://7910.org/oscommerce_chapter25.php).
width:90% - ширина магазина составляет не менее 90% от ширины экрана (но если не помещается - то все равно шире) - поэтому появляются серые полосы по бокам магазина
width:100% - серых полос не будет, магазин будет занимать весь экран по ширине (если помещается)
width:990px - ширина фиксированная (в данном случае 990 пикселей). Под этот размер должно быть подогнано содержимое сайта. На больших разрешениях по бокам будут серые полосы, магазин будет располагаться по центру.

Перекрасить серые "уши" можно в селекторе body, html, изменяя значение свойства background


Последний раз редактировалось: adminV (Вс Авг 28, 2011 3:56 pm), всего редактировалось 1 раз
В начало
Профиль В приват E-mail Сайт автора ICQ
mamatyta
user


Зарегистрирован: 16.11.2009
Сообщения: 20

СообщениеДобавлено: Ср Апр 07, 2010 11:02 pm    Заголовок сообщения: Цитировать

спасибо вам большое! всё вышло!
вы очень оперативно и доходчиво даёте консультации
Very Happy Very Happy Very Happy
В начало
Профиль В приват E-mail Сайт автора
babyshop24
user


Зарегистрирован: 09.04.2009
Сообщения: 68

СообщениеДобавлено: Чт Май 27, 2010 1:39 pm    Заголовок сообщения: Цитировать

..... Smile

Последний раз редактировалось: babyshop24 (Чт Май 27, 2010 2:17 pm), всего редактировалось 1 раз
В начало
Профиль В приват E-mail Сайт автора
babyshop24
user


Зарегистрирован: 09.04.2009
Сообщения: 68

СообщениеДобавлено: Чт Май 27, 2010 2:00 pm    Заголовок сообщения: Цитировать

Скажите, а как сделать так чтобы магазин выглядел одинаково как на главной странице, так и на страницах с товаром?
Вот у нас например
http://babyshop24.com.ua/
Шапка уже чем страница сайта, при этом когда заходишь на любую страницу с товаром, оно выглядит так, как нам нужно, (ровненько!) Как сделать так, чтобы так же было на главной странице? Smile
В начало
Профиль В приват E-mail Сайт автора
adminV
admin


Зарегистрирован: 07.08.2007
Сообщения: 4006
Откуда: Kiev

СообщениеДобавлено: Чт Май 27, 2010 3:07 pm    Заголовок сообщения: Цитировать

На самом деле такой эффект наблюдается и на странице с товаром при больших разрешениях экрана (например 1600 по ширине).
Чтобы ширина магазина была на всех разрешениях одинаковая, надо установить постоянную ширину магазина (по ширине лого) в селекторе div#pageWrapper, в свойстве width
Но при этом все равно магазин будет "разъезжаться", если в указанную ширину не удастся втиснуть содержимое магазина. Например, сейчас на главной странице достаточно широкие картинки товаров, их общая ширина + ширина боковых боксов больше, чем ширина лого, поэтому магазин разъезжается в ширь.
Надежнее всего сделать лого и фон под ним такими, чтобы фон как-бы дополнял лого, тогда всегда все будет выглядеть красиво, как бы не разъезжался магазин.
В начало
Профиль В приват E-mail Сайт автора ICQ
kphone
Гость





СообщениеДобавлено: Пн Ноя 22, 2010 10:26 pm    Заголовок сообщения: Цитировать

adminV писал(а):
Ширина сайта определяется его содержимым. В Вашем случае это ширина лого-изображения, которая в данный момент составляет 1600 пикселей. Прибавьте к этому числу примерно 30 пикселей вертикальной полосы прокрутки и серые полосы по бокам магазина. Получается, что для того, чтобы Ваш магазин поместился по ширине экрана без полосы прокрутки, надо, чтобы разрешение экрана было не менее 1700 пикселей. А это далеко не у каждого клиента есть. Шапку однозначно надо делать меньше, рассчитывая на определенную минимальную ширину экрана. У кого ширина экрана окажется меньше - уж извините, извольте прокрутить по горизонтали. Например, если Вы рассчитываете на минимальную ширину экрана 1024 (800х600 уже почти не используется), то надо ширину шапки сделать примерно 990 пикселей (это если убрать боковые полосы).

Существует 2 вида дизайна сайтов - резиновый и фиксированный. "Резиновый" дизайн (когда ширина магазина подстраивается под ширину окна) - это совсем не значит, что магазин будет выглядеть хорошо на любом разрешении и гарантированно не будет полосы прокрутки. Часто проще сделать ширину магазина фиксированной. Тогда дизайн будет всегда предсказуемым, но горизонтальная полоса прокрутки при необходимости будет появляться. У каждого пользователя свое разрешение экрана, поэтому подстроиться под всех сложно. У кого-то сайт будет помещаться на экране без полосы прокрутки, у кого-то нет. С этим надо смириться.

"Резиновость" дизайна устанавливается в CSS в селекторе div#pageWrapper, в свойстве width (Дизайн->Установка CSS http://7910.org/oscommerce_chapter25.php).
width:90% - ширина магазина составляет не менее 90% от ширины экрана (но если не помещается - то все равно шире) - поэтому появляются серые полосы по бокам магазина
width:100% - серых полос не будет, магазин будет занимать весь экран по ширине (если помещается)
width:990 - ширина фиксированная (в данном случае 990 пикселей). Под этот размер должно быть подогнано содержимое сайта. На больших разрешениях по бокам будут серые полосы, магазин будет располагаться по центру.

Перекрасить серые "уши" можно в селекторе body, html, изменяя значение свойства background


Я попробывал поменять значения http://kphone.7910.org/ сайт стал какой-то корявый и не могу теперь не чего сделать!
Помогите пожалуйста!
В начало
adminV
admin


Зарегистрирован: 07.08.2007
Сообщения: 4006
Откуда: Kiev

СообщениеДобавлено: Вт Ноя 23, 2010 4:54 am    Заголовок сообщения: Цитировать

В Вашем CSS огромное количество ошибок: http://jigsaw.w3.org/css-validator/validator?uri=http://kphone.7910.org&profile=css21&usermedium=all&warning=1&lang=ru
Такое ощущение, что Вы пытались перевести текст CSS переводчиком на русский язык. Это недопустимо.
В Вашей ситуации наверное лучше всего воспользоваться ссылкой Отменить все изменения и установить CSS по-умолчанию и начать настройку дизайна заново. Эта ссылка находится внизу страницы Дизайн->Установка CSS
В начало
Профиль В приват E-mail Сайт автора ICQ
kphone
Гость





СообщениеДобавлено: Вт Ноя 23, 2010 5:48 am    Заголовок сообщения: Цитировать

adminV писал(а):
В Вашем CSS огромное количество ошибок: http://jigsaw.w3.org/css-validator/validator?uri=http://kphone.7910.org&profile=css21&usermedium=all&warning=1&lang=ru
Такое ощущение, что Вы пытались перевести текст CSS переводчиком на русский язык. Это недопустимо.
В Вашей ситуации наверное лучше всего воспользоваться ссылкой Отменить все изменения и установить CSS по-умолчанию и начать настройку дизайна заново. Эта ссылка находится внизу страницы Дизайн->Установка CSS


Спасибо большое!
У меня браузер переводит автоматически, а я даже не заметил!
В начало
sakura
Гость





СообщениеДобавлено: Ср Ноя 24, 2010 6:18 am    Заголовок сообщения: Цитировать

Скажите пож-та, видела что многие меняют "серые уши" на картинку, как это можно тоже сделать?
В начало
adminV
admin


Зарегистрирован: 07.08.2007
Сообщения: 4006
Откуда: Kiev

СообщениеДобавлено: Ср Ноя 24, 2010 7:49 am    Заголовок сообщения: Цитировать

Это можно сделать в разделе Дизайн->Установка CSS.
См. руководство пользователя, раздел изменить фон по бокам интернет-магазина: http://7910.org/oscommerce_chapter25.php
В начало
Профиль В приват E-mail Сайт автора ICQ
sakura
Гость





СообщениеДобавлено: Ср Ноя 24, 2010 8:15 am    Заголовок сообщения: Цитировать

Спасибо, вам огромное!!!! как я раньше не нашла! ))))))
В начало
sakura
Гость





СообщениеДобавлено: Ср Ноя 24, 2010 9:39 am    Заголовок сообщения: Цитировать

((( все равно не получается, вставляю ссылку на картинку, но ничего не меняется
background-image: url("http://www.opendrive.com/files/8261770_bSZtx_720a/fon.jpg");
Что неправильно?
делаю первый раз, не судите строго
В начало
sakura
Гость





СообщениеДобавлено: Ср Ноя 24, 2010 10:23 am    Заголовок сообщения: Цитировать

И еще как можно в адресной строке изменить стандартную корзину перед адресом, на свой значок?
В начало
adminV
admin


Зарегистрирован: 07.08.2007
Сообщения: 4006
Откуда: Kiev

СообщениеДобавлено: Ср Ноя 24, 2010 11:36 am    Заголовок сообщения: Цитировать

Цитата:
((( все равно не получается, вставляю ссылку на картинку, но ничего не меняется
background-image: url("http://www.opendrive.com/files/8261770_bSZtx_720a/fon.jpg");
Что неправильно?
Загрузите изображение на наш сервер, используя Каталог->Файловый менеджер. Путь к изображению будет
http://sakurajapan.ru/download/sakura/имя_файла. Этот путь и пропишите в background-image: url("");

Цитата:
И еще как можно в адресной строке изменить стандартную корзину перед адресом, на свой значок?
См. http://forum.7910.org/viewtopic.php?p=2268&highlight=#2268
В начало
Профиль В приват E-mail Сайт автора ICQ
Начать новую тему   Ответить    Список форумов компании 7910 e-commerce // Конструктор магазинов Часовой пояс: GMT
На страницу 1, 2, 3  След.
Страница 1 из 3

 
Перейти:  
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах


конструктор интернет-магазинов|система управления интернет-магазином|сервис интернет-статистики|доска объявлений|форум|контакты
Powered by phpBB © 2001, 2002 phpBB Group
7910 e-commerce ©2007-2013 Все права защищены.