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


Фон

Автор shreg1, 28 янв. 2011 12:03

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

#621 m-ya-v

m-ya-v

    Продвинутый пользователь

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

Отправлено 03 Декабрь 2014 - 13:41

Просмотр сообщенияAlekseys (03 Декабрь 2014 - 13:41) писал:

Здравствуйте.

Давайте сейчас все еще раз проделаю, и вам напишу, спасибо

#622 m-ya-v

m-ya-v

    Продвинутый пользователь

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

Отправлено 03 Декабрь 2014 - 13:47

Просмотр сообщенияAlekseys (03 Декабрь 2014 - 13:41) писал:

Здравствуйте.

Оо....сделала, получилось ужасно....(((( и пропала панелька, где верхнее меню....(( и логотип. Посмотрите, пожалуйста www.green-profie.ru

Номер аккаунта:

180836

#623 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 03 Декабрь 2014 - 14:03

Просмотр сообщенияm-ya-v (03 Декабрь 2014 - 13:47) писал:

Оо....сделала, получилось ужасно....(((( и пропала панелька, где верхнее меню....(( и логотип. Посмотрите, пожалуйста www.green-profie.ru

Номер аккаунта:

180836


Дело в том что на предыдущей картинке была нарисована панель, это была картинка
Уточните как Вы хотите что отображался фон, новый с листьями и старый.

#624 Alekseys

Alekseys

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

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

Отправлено 03 Декабрь 2014 - 14:15

Просмотр сообщенияm-ya-v (03 Декабрь 2014 - 13:47) писал:

Оо....сделала, получилось ужасно....(((( и пропала панелька, где верхнее меню....(( и логотип. Посмотрите, пожалуйста www.green-profie.ru

Номер аккаунта:

180836


В main.css замените
#wrapper {
background: url("http://st.green-profie.ru/9/1505/358/Abstract_Flower_Backgrounds_23.jpg") repeat;
padding-bottom: 10px;
background-size: 100%;
}
на
#wrapper {
background: url({ASSETS_IMAGES_PATH}header_page.png) no-repeat center top, url("http://st.green-profie.ru/9/1505/358/Abstract_Flower_Backgrounds_23.jpg") repeat;
padding-bottom: 10px;
background-size: 100%;
}
и отредактируйте Abstract_Flower_Backgrounds_23.jpg таким образом, чтоб ширина была не менее 1920px, а по высоте изображение нормально стыковалось.

#625 m-ya-v

m-ya-v

    Продвинутый пользователь

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

Отправлено 03 Декабрь 2014 - 14:23

Просмотр сообщенияAlekseys (03 Декабрь 2014 - 14:15) писал:

В main.css замените
#wrapper {
background: url("http://st.green-profie.ru/9/1505/358/Abstract_Flower_Backgrounds_23.jpg") repeat;
padding-bottom: 10px;
background-size: 100%;
}
на
#wrapper {
background: url({ASSETS_IMAGES_PATH}header_page.png) no-repeat center top, url("http://st.green-profie.ru/9/1505/358/Abstract_Flower_Backgrounds_23.jpg") repeat;
padding-bottom: 10px;
background-size: 100%;
}
и отредактируйте Abstract_Flower_Backgrounds_23.jpg таким образом, чтоб ширина была не менее 1920px, а по высоте изображение нормально стыковалось.

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

#626 Alekseys

Alekseys

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

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

Отправлено 03 Декабрь 2014 - 14:28

Просмотр сообщенияm-ya-v (03 Декабрь 2014 - 14:23) писал:

Спасибо, мы все таки решили изменить только шапку, подскажите, пожалуйста, по каким размерам ее делать, чтобы она хорошо и ровно встала на сайте. Шаблон сияние, и как правильно расположить логотип
- и плашка с верхним меню, ее фон можно изменить -из черного сделать голубым например?
Насколько я вижу, у Вас уже есть полноценная шапка сайта ( header_page.png )
Вам нужно заменить 
#wrapper {
background: url("http://st.green-profie.ru/9/1505/358/Abstract_Flower_Backgrounds_23.jpg") repeat;
padding-bottom: 10px;
background-size: 100%;
}

на
#wrapper {
/*background: url("http://st.green-profie.ru/9/1505/358/Abstract_Flower_Backgrounds_23.jpg") repeat;*/
padding-bottom: 10px;
/*background-size: 100%;*/
}

#627 m-ya-v

m-ya-v

    Продвинутый пользователь

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

Отправлено 03 Декабрь 2014 - 14:35

Просмотр сообщенияAlekseys (03 Декабрь 2014 - 14:28) писал:

Насколько я вижу, у Вас уже есть полноценная шапка сайта ( header_page.png )
Вам нужно заменить 
#wrapper {
background: url("http://st.green-profie.ru/9/1505/358/Abstract_Flower_Backgrounds_23.jpg") repeat;
padding-bottom: 10px;
background-size: 100%;
}

на
#wrapper {
/*background: url("http://st.green-profie.ru/9/1505/358/Abstract_Flower_Backgrounds_23.jpg") repeat;*/
padding-bottom: 10px;
/*background-size: 100%;*/
}


Спасибо, шапка есть, но я хочу сделать новую. И ее уже сделать правильного размера. Т.к. мне написал другой модератор, что изначально неправильная шапка была, т.к. расстояния слева и справа неровные.
Это я к тому,что я просила в левую часть главной страницы вставить баннеры и перенести инфу В контакте и ОК, а мне сказали, что этого нельзя сделать, т.к. ширина справа и слева не равнозначна.

#628 Alekseys

Alekseys

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

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

Отправлено 03 Декабрь 2014 - 14:42

Просмотр сообщенияm-ya-v (03 Декабрь 2014 - 14:35) писал:

Спасибо, шапка есть, но я хочу сделать новую. И ее уже сделать правильного размера. Т.к. мне написал другой модератор, что изначально неправильная шапка была, т.к. расстояния слева и справа неровные.
Это я к тому,что я просила в левую часть главной страницы вставить баннеры и перенести инфу В контакте и ОК, а мне сказали, что этого нельзя сделать, т.к. ширина справа и слева не равнозначна.
Размер шапки по умолчанию 1920х255px

#629 m-ya-v

m-ya-v

    Продвинутый пользователь

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

Отправлено 03 Декабрь 2014 - 15:16

Просмотр сообщенияAlekseys (03 Декабрь 2014 - 14:42) писал:

Размер шапки по умолчанию 1920х255px

спасибо, постараюсь сделать правильно!

#630 A-start

A-start

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

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

Отправлено 17 Декабрь 2014 - 06:36

Здравствуйте как можно размножить картинку (гифку) что бы она повторялась по краям сайта?

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

  • бока сайта.jpg

#631 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Декабрь 2014 - 06:59

в стиле background необходимо прописать repeat-x, пример:
background:url('ссылка на картинку')repeat-x;

#632 A-start

A-start

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

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

Отправлено 17 Декабрь 2014 - 07:14

Просмотр сообщенияVaccina (17 Декабрь 2014 - 06:59) писал:

в стиле background необходимо прописать repeat-x, пример:
background:url('ссылка на картинку')repeat-x;
где именно?
вот что у меня есть:
body {
  font-size: 75%; /* convert 16px base font size to 12px */
  line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
/* background-color: #FFF;*/
  color: #660066;
}

#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}ny.jpg?design=mokko) repeat-x;}
#header {position: relative;width: 960px;height: 150px;margin: 0 auto;}
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg?design=mokko) repeat-x left bottom;}
#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;}

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

на странице HTML вставил :

<div class="side_left">
  <img src={ASSETS_IMAGES_PATH}snow.gif>
  </div>
  <div class="side_right">
  <img src={ASSETS_IMAGES_PATH}snow.gif>
  </div>
       {BODY}

и на странице стилей добавил:

.side_left{position:absolute; left:1px; top:150px;}
.side_right{position:absolute; right:100px; top:150px;}

а вот как сдесь прописать что бы они множились repeat-x не проходит..

#633 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Декабрь 2014 - 07:18

У вас снежинки вставлены просто картинкой, их необходимо вставить как фон, то есть вместо:
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg?design=mokko) repeat-x left bottom;}
пропишите:
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}snow.gif) repeat-x left bottom;}

#634 A-start

A-start

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

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

Отправлено 17 Декабрь 2014 - 07:27

Просмотр сообщенияVaccina (17 Декабрь 2014 - 07:18) писал:

У вас снежинки вставлены просто картинкой, их необходимо вставить как фон, то есть вместо:
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg?design=mokko) repeat-x left bottom;}
пропишите:
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}snow.gif) repeat-x left bottom;}
тогда они получаются просто снизу, а мне надо по бокам

#635 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Декабрь 2014 - 07:56

В данной строке bottom замените на top

#636 Denis22

Denis22

    Продвинутый пользователь

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

Отправлено 07 Апрель 2015 - 13:32

Здравствуйте, как разместить на фон текстуру, не затрагивая шапку? Аккаунт SL-26701
нужно что б получилось примерно такБезымянный.jpg

#637 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 08 Апрель 2015 - 03:50

В main.css найдите:
#cpages  {
  background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg) no-repeat 0px 80px;
  padding-top: 10px;
}
замените на:
#cpages  {
  background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg) no-repeat 0px 80px #fff;
  padding-top: 10px;
}

далее найдите:
#wrapper {
  background-color: #fff;
  padding-bottom: 10px;
}
замените на:
#wrapper {
  padding-bottom: 10px;
}

далее найдите:
.b_page {background: url({ASSETS_IMAGES_PATH}header_page.png) no-repeat center top;}

замените на:
.b_page {background: url({ASSETS_IMAGES_PATH}header_page.png) no-repeat center top, url({ASSETS_IMAGES_PATH}header2.png) repeat center top;}

header2.png замените на название файла текстуры, сам файл загрузите в раздел Редактор шаблонов

#638 Denis22

Denis22

    Продвинутый пользователь

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

Отправлено 08 Апрель 2015 - 07:14

Просмотр сообщенияVaccina (08 Апрель 2015 - 03:50) писал:

В main.css найдите:
#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg) no-repeat 0px 80px;
padding-top: 10px;
}
замените на:
#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg) no-repeat 0px 80px #fff;
padding-top: 10px;
}

далее найдите:
#wrapper {
background-color: #fff;
padding-bottom: 10px;
}
замените на:
#wrapper {
padding-bottom: 10px;
}

далее найдите:
.b_page {background: url({ASSETS_IMAGES_PATH}header_page.png) no-repeat center top;}

замените на:
.b_page {background: url({ASSETS_IMAGES_PATH}header_page.png) no-repeat center top, url({ASSETS_IMAGES_PATH}header2.png) repeat center top;}

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

#639 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 08 Апрель 2015 - 07:44

Измените сам фон, он у вас содержит прозрачность, отчего видно, что находится за ним

#640 Denis22

Denis22

    Продвинутый пользователь

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

Отправлено 08 Апрель 2015 - 07:46

Просмотр сообщенияVaccina (08 Апрель 2015 - 07:44) писал:

Измените сам фон, он у вас содержит прозрачность, отчего видно, что находится за ним
сама шапка?
все получилось, спасибо
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Сияние
  5. → Изменение общей стилистики
  6. Privacy Policy