Перейти к содержимому


Изменение Фона Магазина


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 70

#1 tekstil83

tekstil83

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 30 Июнь 2012 - 07:47

Добрый день всем!1) Подскажите подробней как вставить свой задний фон(изображение)? не залить цветом и именно изображение.
                 2) И какие размеры должны быть тогда этого изображения?
Зарание благадарю!
p.s облазил форум понял что тока через бэграунд а куда что и какие размеры не вкурил))) :(

#2 ildar60686

ildar60686

    Пользователь

  • Пользователи
  • PipPip
  • 41 сообщений

Отправлено 30 Июнь 2012 - 12:38

Добрый день!!! Та же проблема подскажите с размерами картинки чтобы растинуть полностью ее на страницу??

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

  • картинка.png


#3 Wo lf

Wo lf

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 461 сообщений

Отправлено 30 Июнь 2012 - 15:13

:unsure:  Ссылку на сайт Ваш можете дать!

#4 ildar60686

ildar60686

    Пользователь

  • Пользователи
  • PipPip
  • 41 сообщений

Отправлено 30 Июнь 2012 - 15:27

да я уже все обратно откатил
:unsure: :unsure:  
http://toptyzhka.storeland.ru/

#5 ildar60686

ildar60686

    Пользователь

  • Пользователи
  • PipPip
  • 41 сообщений

Отправлено 30 Июнь 2012 - 18:58

Подскажите пжл как поправить картинку которая идет на фон я для примеру поставил картинку
заранее спасибо

#6 Wo lf

Wo lf

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 461 сообщений

Отправлено 30 Июнь 2012 - 19:01

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

Вот полезная ссылка, где можно взять фон для сайта http://internet-vip....sayta/index.htm

#7 ildar60686

ildar60686

    Пользователь

  • Пользователи
  • PipPip
  • 41 сообщений

Отправлено 30 Июнь 2012 - 19:38

а как сделать чтобы было прозрачное меню как на вашем сайте чтобы видеть фон основной

#8 ildar60686

ildar60686

    Пользователь

  • Пользователи
  • PipPip
  • 41 сообщений

Отправлено 30 Июнь 2012 - 22:35

Просмотр сообщенияAtadjan (30 Июнь 2012 - 19:01) писал:

Ну вот Вам же я показал, где что отвечает, т.е фон и т.д! Импровизируйте и т.д Ваш же магазин будет, ну и также не надо забывать про посетителей сайта----т.е чтоб дизайн был хороший, ненавязчивый и т.д!Вот полезная ссылка, где можно взять фон для сайта http://internet-vip....sayta/index.htm


Спасибо за идею вот покавырял нашел фон хоть более менее коорый подходит :unsure:
http://toptyzhka.storeland.ru/

#9 Wo lf

Wo lf

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 461 сообщений

Отправлено 03 Июль 2012 - 02:16

Что то у Вас слайдер, как колбаса. Вы задайте одинаковые картинки(размер). А то страница главная пляшет!

И верхнее меню навигации сделайте нормальное... Вот можете с генерировать здесь

Или в фотошопе на рисуйте!

#10 malika

malika

    Новичок

  • Пользователи
  • Pip
  • 1 сообщений

Отправлено 10 Ноябрь 2012 - 21:56

У меня ничего не получается...все прочитала про фон, все перепробывала... ничего не меняется...

#11 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 12 Ноябрь 2012 - 08:09

напишите адрес магазина, и не забудьте пользоваться поиском по форуму..

#12 eee1973

eee1973

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 203 сообщений

Отправлено 16 Январь 2013 - 08:43

Снова вопрос про фон. Подскажите как мне заполнить отмеченные поля фоном.  1.png

В шаблоне стилей сейчас :


#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg)  repeat-x;}
#header {position: relative;width: 960px;height: 150px;margin: 0 auto;}
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x  left bottom;}    Как сделать и повтор по y ??????
#content {width: 960px;margin: 0 auto;}
#contentMainTb {width: 960px;margin:0;border-collapse: collapse;border-spacing: 0;}
#primaryContent {width: 750px;padding:0 0px 40px 0;vertical-align:top;}
.clearBoth {clear: both;height: 0;}

#13 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 16 Январь 2013 - 10:49

Для того чтобы установить отдельный фон для бокавых панелей.
Открыть файл main.csstemplate.
Найти код:
#content {width: 960px;margin: 0 auto;}
Заменить:
#content {
width: 960px;
margin: 0 auto;
background-color: white;/*цвет фона*/
background: url("адрес картинки");
}
Найти код:
#contentWrap {clear: both;background: url(/web/upload/assets/images/145/144253/contentWrap_bg.jpg) repeat-x left bottom;}
Заменить:
#contentWrap {
clear: both;
background: url(адрес картинки);
background-color: green;/*цвет фона при отсутствие картинки*/
}


#14 eee1973

eee1973

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 203 сообщений

Отправлено 16 Январь 2013 - 11:20

Спасибо, сделал.
1.  Но на разных страницах отражается по разному: на странице с каталогом - белые места, на других страницах если текста мало, то под подвалом белая полоса.1.png   2.png

2. Что-то меня смущает это белое пространство в центре.... как сделать, чтобы полностью залить в один цвет и бока и центр?

#15 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 16 Январь 2013 - 12:42

Просмотр сообщенияeee1973 (16 Январь 2013 - 11:20) писал:

Спасибо, сделал.
1.  Но на разных страницах отражается по разному: на странице с каталогом - белые места, на других страницах если текста мало, то под подвалом белая полоса.Прикрепленный файл 1.png  Прикрепленный файл 2.png

2. Что-то меня смущает это белое пространство в центре.... как сделать, чтобы полностью залить в один цвет и бока и центр?
Если вы хотите залить цветом или картинкой все пространство блока контент по ширине , то попробуйте изменить стили класса #contentWrap на следующие:
#contentWrap {
clear: both;
background-color: green;
background: url("адрес картинки");
}


#16 eee1973

eee1973

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 203 сообщений

Отправлено 16 Январь 2013 - 13:50

Спасибо, уже лучше получилось, но все-таки внизу под подвалом белое место, как его убрать?  1.png

И еще подскажите:
1. Можно форму поиска перенести под верхнее меню? А на его месте разместить адрес нашего предприятия?  1.png

#17 eee1973

eee1973

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 203 сообщений

Отправлено 16 Январь 2013 - 14:40

Поиск уже сдвинул, но на каждой странице на нем оказались заголовки страниц. Как их опустить ниже?  1.png

#18 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 16 Январь 2013 - 14:40

Просмотр сообщенияeee1973 (16 Январь 2013 - 13:50) писал:

Спасибо, уже лучше получилось, но все-таки внизу под подвалом белое место, как его убрать?  Прикрепленный файл 1.png

И еще подскажите:
1. Можно форму поиска перенести под верхнее меню? А на его месте разместить адрес нашего предприятия?  Прикрепленный файл 1.png
Пожалуйста, сообщите адрес вашего магазина или номер аккаунта.

#19 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 16 Январь 2013 - 14:47

Просмотр сообщенияeee1973 (16 Январь 2013 - 13:50) писал:

Спасибо, уже лучше получилось, но все-таки внизу под подвалом белое место, как его убрать?  Прикрепленный файл 1.png

И еще подскажите:
1. Можно форму поиска перенести под верхнее меню? А на его месте разместить адрес нашего предприятия?  Прикрепленный файл 1.png

Фон подвала можно изменить отредактировав код в файле main.csstemplate.
Найти код:
#footer {background: url("/web/upload/assets/images/145/144253/botfade.jpg") repeat-x 50% 100%;border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}
Заменить:
#footer {
background: url("адрес изображения");/*изображение фона*/
bockground-color: gray;/*цвет фона*/
border-top: 1px solid #CCC;
clear: both;
color: #999;
font-family: verdana;
height: 139px;
margin: 0px;
padding: 0px;
text-align: center;
}


#20 eee1973

eee1973

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 203 сообщений

Отправлено 16 Январь 2013 - 14:56

Сделал, но к сожалению ничего не изменилось-внизу белая полоса.... Аккаунт 166598




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных