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


Фон


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

#541 Чирина Любовь

Чирина Любовь

    Новичок

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

Отправлено 05 Февраль 2014 - 10:45

Здравствуйте. Нужен фон по бокам от текста. И не получается сделать фон так, чтобы он был как бы "растянут", все время повторяется. А сейчас вообще упал под подвал сайта

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

  • Безымянный.jpg


#542 @lina_va

@lina_va

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

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

Отправлено 05 Февраль 2014 - 11:31

Просмотр сообщенияЧирина Любовь (05 Февраль 2014 - 10:45) писал:

Здравствуйте. Нужен фон по бокам от текста. И не получается сделать фон так, чтобы он был как бы "растянут", все время повторяется. А сейчас вообще упал под подвал сайта
1) Попробуйте заменить в main.css:
#footer {
background: url(/design/footer_bg.jpg) repeat center top;
padding: 10px 10%;
margin: 0px auto;
width: 80%;
height: 60px;
}
на
#footer {
bottom: 0px;
background: url(/design/footer_bg.jpg) repeat center top;
padding: 10px 10%;
margin: 0px auto;
width: 80%;
height: 60px;
}

2) Чтобы изменить фон всего сайта, нужно сделать изменения в main.css в следующем блоке:
#wrapper {
background: aqua;
padding-bottom: 10px;
}
в строке background: можете прописать ссылку на изображение или задать нужный цвет.
После этого нужно задать фон шапке сайта с помощью background в блоке:
.container {
position: relative;
width: 960px;
margin: 0px auto;
}
и фон основной части сайта в этом блоке:
.content_page {
background: url(http://design.xn--90acgdab6bmaffe1acp.xn--p1ai/content-page-br.gif) no-repeat 710px 68px;
overflow: hidden;
padding-bottom: 2em;
}


#543 akloch

akloch

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

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

Отправлено 12 Февраль 2014 - 15:46

Здравствуйте.
Много перечитал, но не могу найти как сделать.
Переезжаю со своего сайта http://predatorshop.ru/ на http://predatorshop.storeland.ru/
1. Как сделать крупную картинку сзади, чтобы проглядывалась через остальные блоки и черный фон(либо свой рисунок) по бокам?

2. Как нопку "В корзину" сделать поярче и поменять текст на "заказать"

3. Как после нажатия на "заказать" (ех-"в корзину") переходил не в корзину, там где пересчитать и т.п. а в "оформление заказа"?

Все остальное готово, так что будем сотрудничать :)



кстати если кто готов бюджетно наваять тематическую шапку, постучитесь в личку пжл.

Сообщение отредактировал akloch: 12 Февраль 2014 - 15:48


#544 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 12 Февраль 2014 - 19:15

Просмотр сообщенияakloch (12 Февраль 2014 - 15:46) писал:

Здравствуйте.
Много перечитал, но не могу найти как сделать.
Переезжаю со своего сайта http://predatorshop.ru/ на http://predatorshop.storeland.ru/
1. Как сделать крупную картинку сзади, чтобы проглядывалась через остальные блоки и черный фон(либо свой рисунок) по бокам?

2. Как нопку "В корзину" сделать поярче и поменять текст на "заказать"

3. Как после нажатия на "заказать" (ех-"в корзину") переходил не в корзину, там где пересчитать и т.п. а в "оформление заказа"?

Все остальное готово, так что будем сотрудничать :)



кстати если кто готов бюджетно наваять тематическую шапку, постучитесь в личку пжл.

Здравствуйте
1. Редактируем main.css
Находим
#wrapper {
background-color: #fff;
padding-bottom: 10px;
}

background-color: #fff; заменяем на любой другой цвет фона или ставим картинку
background: url({ASSETS_IMAGES_PATH}bg.jpg) no-repeat;

2. Не нашел кнопки "В корзину", подскажите где можно ее найти и что конкретно вы хотите с ней сделать?

3. Прочтите инструкцию как создать быстрый заказ

#545 akloch

akloch

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

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

Отправлено 13 Февраль 2014 - 11:47

Просмотр сообщенияCastiel (12 Февраль 2014 - 19:15) писал:

Здравствуйте
1. Редактируем main.css
Находим
#wrapper {
background-color: #fff;
padding-bottom: 10px;
}

background-color: #fff; заменяем на любой другой цвет фона или ставим картинку
background: url({ASSETS_IMAGES_PATH}bg.jpg) no-repeat;


сделал как сказали, все залилось, даже шапка исчезла(

А кнопка "в корзину" находится в описании товара справа-вверху. Сделать ее, например, красным цветом, чтобы было невозможно незаметить.

#546 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 13 Февраль 2014 - 12:45

Просмотр сообщенияakloch (13 Февраль 2014 - 11:47) писал:

сделал как сказали, все залилось, даже шапка исчезла(

А кнопка "в корзину" находится в описании товара справа-вверху. Сделать ее, например, красным цветом, чтобы было невозможно незаметить.

Здравствуйте, у вас отсутсвтует картинка фона с названием metall-pat-005.jpg , вам необходимо добавить ее через Редактор шаблонов Добавить файлы.

Чтобы изменить изображение картинки кнопки В корзину, вам необходимо отредактировать данное изображение и загрузить новое с тем же названием.

#547 akloch

akloch

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

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

Отправлено 13 Февраль 2014 - 12:55

Просмотр сообщенияCastiel (13 Февраль 2014 - 12:45) писал:

Здравствуйте, у вас отсутсвтует картинка фона с названием metall-pat-005.jpg , вам необходимо добавить ее через Редактор шаблонов Добавить файлы.

Чтобы изменить изображение картинки кнопки В корзину, вам необходимо отредактировать данное изображение и загрузить новое с тем же названием.

Спасибо за подсказку, я ее закинул через сайт->файлы.
вариант отпадает т.к. пропала шапка и серединка тоже залилась.
Я помню как-то пару лет назад делал заливку боковин только(слева и справа) не подскажете как повторить?

И цвет средней части и правого блока как-то можно поменять?

#548 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 13 Февраль 2014 - 14:47

Просмотр сообщенияakloch (13 Февраль 2014 - 12:55) писал:

Спасибо за подсказку, я ее закинул через сайт->файлы.
вариант отпадает т.к. пропала шапка и серединка тоже залилась.
Я помню как-то пару лет назад делал заливку боковин только(слева и справа) не подскажете как повторить?

И цвет средней части и правого блока как-то можно поменять?

Не совсем понятен ваш вопрос, не могли бы вы уточнить что именно вы хотите поменять указав это на скриншоте.

#549 akloch

akloch

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

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

Отправлено 13 Февраль 2014 - 15:08

Просмотр сообщенияCastiel (13 Февраль 2014 - 14:47) писал:

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

и номер телефона сверху-справа тоже подскажите как сделать?

#550 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 13 Февраль 2014 - 15:36

Просмотр сообщенияakloch (13 Февраль 2014 - 15:08) писал:

вот так как-то
Изображение

и номер телефона сверху-справа тоже подскажите как сделать?

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

#551 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 13 Февраль 2014 - 15:51

Попробуйте такой вариант.
Обновите шаблон HTML
добавляем этот код вместо старого
Скрытый текст

Далее добавляем стили
Находим
#wrapper {
background-color: #fff;
padding-bottom: 10px;
}
Заменяем на
#wrapper {
background-color: #fff;
}
Находим
#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg) no-repeat 0px 80px;
padding-top: 10px;
}
Заменяем на
#cpages {
background: #fff url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg) no-repeat 0px 80px;
padding-top: 10px;
}


Добавляем
#maincontent {
background: #5FFAE7;
}


background: #5FFAE7; цвет фона левого и правого бока

#552 akloch

akloch

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

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

Отправлено 13 Февраль 2014 - 15:56

Просмотр сообщенияCastiel (13 Февраль 2014 - 15:51) писал:

Попробуйте такой вариант.
Обновите шаблон HTML
добавляем этот код вместо старого
Скрытый текст

Далее добавляем стили
Находим
#wrapper {
background-color: #fff;
padding-bottom: 10px;
}
Заменяем на
#wrapper {
background-color: #fff;
}
Находим
#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg) no-repeat 0px 80px;
padding-top: 10px;
}
Заменяем на
#cpages {
background: #fff url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg) no-repeat 0px 80px;
padding-top: 10px;
}


Добавляем
#maincontent {
background: #5FFAE7;
}


background: #5FFAE7; цвет фона левого и правого бока
я готов предположить, что что-то не так делаю. только что поменял, зашел в инкогнито - ничего не изменилось.

а, стоп. не сразу заметил доп комментарии. щас попробую.

Сообщение отредактировал akloch: 13 Февраль 2014 - 16:02


#553 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 13 Февраль 2014 - 16:01

Просмотр сообщенияakloch (13 Февраль 2014 - 15:56) писал:

я готов предположить, что что-то не так делаю. только что поменял, зашел в инкогнито - ничего не изменилось.

Вы все верно сделали, но не добавили стили

#554 akloch

akloch

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

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

Отправлено 13 Февраль 2014 - 16:07

да оно. и последний вопрос: вместо вот этого цвета, который сейчас поставили, мою картинку фона бэкграунда как поставить?

и про номер телефона вопрос по прежнему актуален(поставить над правым меню).

#555 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 13 Февраль 2014 - 16:11

Просмотр сообщенияakloch (13 Февраль 2014 - 16:07) писал:

да оно. и последний вопрос: вместо вот этого цвета, который сейчас поставили, мою картинку фона бэкграунда как поставить?

и про номер телефона вопрос по прежнему актуален(поставить над правым меню).

Номер телефона справа сверху прорисован в шапке.

#maincontent {
background: #5FFAE7;
}

Заменить на свой фон

#556 akloch

akloch

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

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

Отправлено 13 Февраль 2014 - 16:18

Просмотр сообщенияCastiel (13 Февраль 2014 - 16:11) писал:

Номер телефона справа сверху прорисован в шапке.

#maincontent {
background: #5FFAE7;
}

Заменить на свой фон
Посмотрите пож-та 213я строчка background: url({ASSETS_IMAGES_PATH}metall-pat-005.jpg") repeat;
ничего не показывает(

Телефон в шапке прорисован, а его же можно еще над каталогом как-то поставить, чтобы поисковиками индексировался?

#557 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 13 Февраль 2014 - 16:38

Просмотр сообщенияakloch (13 Февраль 2014 - 16:18) писал:

Посмотрите пож-та 213я строчка background: url({ASSETS_IMAGES_PATH}metall-pat-005.jpg") repeat;
ничего не показывает(

Телефон в шапке прорисован, а его же можно еще над каталогом как-то поставить, чтобы поисковиками индексировался?

Вам необходимо загрузить файл metall-pat-005.jpg через Редактор шаблонов - Добавить файлы.
Укажите в настройках - основное ваши контактные телефоны и тогда мы попробуем перенести их в желаемое вами место

#558 akloch

akloch

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

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

Отправлено 13 Февраль 2014 - 16:51

Просмотр сообщенияCastiel (13 Февраль 2014 - 16:38) писал:

Вам необходимо загрузить файл metall-pat-005.jpg через Редактор шаблонов - Добавить файлы.
Укажите в настройках - основное ваши контактные телефоны и тогда мы попробуем перенести их в желаемое вами место
файл загружен, уже давно.

контактные данные добавил, но они сейчас поверх картинки в шапке.

#559 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 13 Февраль 2014 - 16:55

Просмотр сообщенияakloch (13 Февраль 2014 - 16:51) писал:

файл загружен, уже давно.

контактные данные добавил, но они сейчас поверх картинки в шапке.

Файл загружен не верно. Необходимо его загрузить через Сайт - Редактор шаблонов - Добавить файлы (эта кнопка находиться после всех шаблонов)

Редактируем шаблон HTML
Находим
#contactInfo {
position: absolute;
font-size: 1.1em;
top: 10px;
left: 170px;
}

Заменяем на
#contactInfo {
position: absolute;
font-size: 1.1em;
top: 170px;
right: 30px;
z-index: 99;
}


#560 akloch

akloch

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

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

Отправлено 13 Февраль 2014 - 17:15

Просмотр сообщенияCastiel (13 Февраль 2014 - 16:55) писал:

Файл загружен не верно. Необходимо его загрузить через Сайт - Редактор шаблонов - Добавить файлы (эта кнопка находиться после всех шаблонов)

Редактируем шаблон HTML
Находим
#contactInfo {
position: absolute;
font-size: 1.1em;
top: 10px;
left: 170px;
}

Заменяем на
#contactInfo {
position: absolute;
font-size: 1.1em;
top: 170px;
right: 30px;
z-index: 99;
}
вы можете скинуть текст main? файл с фоном перезалил - не помогло.
и странно, в HTML по поиску слова absolute не находит ничего.




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

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