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


Помогите Пожалуйста Изменить Фон


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

#21 Intimento

Intimento

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

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

Отправлено 17 Июль 2013 - 22:49

Благодарю!
Объясните, пожалуйста, как начинающему пользователю и чайнику) Хочется поэкспериментировать с дизайном.
1. Как установить белый фон (т.е. и шапку сайта и сам фон).
2. Как изменить цвет навигационного меню (на красный)

#22 sengun

sengun

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

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

Отправлено 17 Июль 2013 - 22:58

Просмотр сообщенияIntimento (17 Июль 2013 - 22:49) писал:

Объясните, пожалуйста, как начинающему пользователю и чайнику) Хочется поэкспериментировать с дизайном.
1. Как установить белый фон (т.е. и шапку сайта и сам фон).
2. Как изменить цвет навигационного меню (на красный)
3. Как вставить свой логотип в шапку сайта и сделать видимыми корзину и поисковую строку.
1. В main.css код
body {
	 background-color: #EF2243;
	 min-width: 960px;
}
замените на
body {
	 background-color: #FFF;
	 min-width: 960px;
}
2. Если вы про цвет фона верхнего горизонтального меню, то в том же файле код
#top-menu {height: 40px;overflow: hidden;}
замените на
#top-menu {height: 40px;overflow: hidden; background: red;}
3. Я ответил вам в предыдущем сообщении. Или вам что-то не понятно в нем?

#23 Kazanec

Kazanec

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

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 01 Март 2014 - 20:32

Подскажите а можно ли фон сайта изменить на определенную картинку?

#24 Stasya

Stasya

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

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

Отправлено 03 Март 2014 - 11:57

В шаблоне main.css найдите блок
body {
padding-bottom: 30px;
line-height: 1.4em;
margin: 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #333;
font-size: 11px;
opacity: .999;
}
и замените его на
body {
padding-bottom: 30px;
line-height: 1.4em;
margin: 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #333;
font-size: 11px;
opacity: .999;
background: url({ASSETS_IMAGES_PATH}bg.png);
}

Затем загрузите свою картинку в разделе Сайт-> Редактор шаблонов-> Добавить файлы с названием bg и в формате png.

#25 Kazanec

Kazanec

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

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 04 Март 2014 - 18:55

ок, сейчас попробуем

#26 bousn

bousn

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

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

Отправлено 22 Апрель 2014 - 09:16

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

Вот мой сайт http://b23258.storeland.ru/

#27 Castiel

Castiel

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

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

Отправлено 22 Апрель 2014 - 09:29

Просмотр сообщенияbousn (22 Апрель 2014 - 09:16) писал:

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

Вот мой сайт http://b23258.storeland.ru/
Здравствуйте,

В файле "main.css".
Найти:
#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg) no-repeat 0px 80px;
padding-top: 10px;
}

Заменить:
#cpages {
padding-top: 10px;
}


#28 bousn

bousn

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

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

Отправлено 22 Апрель 2014 - 09:34

Классно!!!!!!!Спасибочки огромное!!!!!!!! :D

#29 ApostolofD

ApostolofD

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

  • Пользователи
  • PipPipPip
  • 58 сообщений
  • ГородБелгород

Отправлено 22 Апрель 2014 - 13:37

Спасибо

#30 Castiel

Castiel

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

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

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

Просмотр сообщенияApostolofD (22 Апрель 2014 - 13:37) писал:

Здравствуйте, помогите пожалуйста поменять дизайн. Центральная картинка должна стоять на месте, а сам магазин прокручиваться. Подогнать под этот стиль.

Здравствуйте, для того чтобы фоновое изображение стояло на месте вам необходимо добавить параметр fixed в блоке фона.
Пример
background: url("{ASSETS_IMAGES_PATH}fon.png" fixed no-repeat;

К сожалению полное переделывание сайта (создание нового дизайна) не входит в рамки технической поддержки. Для этого обратитесь в дизайн студию http://storelandlab.ru/

#31 Kazanec

Kazanec

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

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 09 Октябрь 2014 - 21:19

Просмотр сообщенияStasya (03 Март 2014 - 11:57) писал:

В шаблоне main.css найдите блок
body {
padding-bottom: 30px;
line-height: 1.4em;
margin: 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #333;
font-size: 11px;
opacity: .999;
}
и замените его на
body {
padding-bottom: 30px;
line-height: 1.4em;
margin: 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #333;
font-size: 11px;
opacity: .999;
background: url({ASSETS_IMAGES_PATH}bg.png);
}
Затем загрузите свою картинку в разделе Сайт-> Редактор шаблонов-> Добавить файлы с названием bg и в формате png.

не смог найти данный код((

#32 Ирина345

Ирина345

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

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

Отправлено 09 Октябрь 2014 - 22:08

Просмотр сообщенияKazanec (09 Октябрь 2014 - 21:19) писал:

не смог найти данный код((
Здравствуйте, найдите в style.css
#wrapper {
background-color: #f2f2f2;
}
замените на

#wrapper {
background: url({ASSETS_IMAGES_PATH}имя вашей картинки);
}
картинку нужно загрузить на сайт
через Сайт-Редактор шаблонов "Добавить файл"

#33 Kazanec

Kazanec

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

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 19 Октябрь 2014 - 21:40

а картинка в каком формате должна быть?

#34 Danil

Danil

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

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

Отправлено 19 Октябрь 2014 - 21:41

Просмотр сообщенияKazanec (19 Октябрь 2014 - 21:40) писал:

а картинка в каком формате должна быть?
Здравствуйте.
Формат изображений должен быть jpg, png, или gif.

#35 Kazanec

Kazanec

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

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 19 Октябрь 2014 - 21:51

спасибо будем пробовать

#36 Kazanec

Kazanec

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

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 19 Октябрь 2014 - 22:07

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

кроме шапки сайта

#37 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 19 Октябрь 2014 - 22:12

Просмотр сообщенияKazanec (19 Октябрь 2014 - 22:04) писал:

все здорово,получается спасибо теперь другое как весь шрифт поменять на белый,а то не видать ни че((((
Чтобы поменять цвета на сайте делайте следующее:
1. Ищем код:
.autumnshowcase_block h5 a, .autumnshowcase_block h5 a:hover {
color: #484A54;
font-size: 15px;
font-weight: 400;
text-decoration: none;
}
Заменяем этим:
.autumnshowcase_block h5 a, .autumnshowcase_block h5 a:hover {
color: #FFFFFF;
font-size: 15px;
font-weight: 400;
text-decoration: none;
}
2. Теперь ищем этот код:
a, a:active, a:visited {
color: #333;
cursor: pointer;
}
И заменяем:
a, a:active, a:visited {
color: #FFF;
cursor: pointer;
}
3. Теперь ищем следующий:
.autumnshowcase_block h4 {
display: block;
float: left;
color: #444444;
font-size: 18px;
line-height: 24px;
padding: 0;
margin: 0;
background: none;
text-shadow: none;
text-transform: none;
}
И заменяем его на этот:
.autumnshowcase_block h4 {
display: block;
float: left;
color: #FFFFFF;
font-size: 18px;
line-height: 24px;
padding: 0;
margin: 0;
background: none;
text-shadow: none;
text-transform: none;
}
4. И ещё ищем:
h2 {
font-size: 18px;
line-height: 36px;
color: #444444;
margin-bottom: 10px;
}
И заменяем на:
h2 {
font-size: 18px;
line-height: 36px;
color: #FFFFFF;
margin-bottom: 10px;
}

Все изменения производим в шаблоне style.css
После этого весь текст, который плохо был виден, теперь будет белым.

#38 Kazanec

Kazanec

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

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 19 Октябрь 2014 - 22:17

уфффф... щас искать пойду :blink:

#39 Kazanec

Kazanec

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

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 19 Октябрь 2014 - 22:27

:wacko: а как меню(точнее каталог с лева) теперь в черный покрасить? а то теперь там не видно т.к. шрифт белый(( и нижнее меню так же не видно,

#40 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 19 Октябрь 2014 - 22:35

Просмотр сообщенияKazanec (19 Октябрь 2014 - 22:27) писал:

:wacko: а как меню(точнее каталог с лева) теперь в черный покрасить? а то теперь там не видно т.к. шрифт белый(( и нижнее меню так же не видно,
Для этого снова, в том же шаблоне (style.css) найдите код:
.accordion a, .accordion_main a {
text-decoration: none;
border-bottom: 1px solid #eeece7;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 0;
display: block;
cursor: pointer;
}
И замените его на вот этот:
.accordion a, .accordion_main a {
text-decoration: none;
border-bottom: 1px solid #eeece7;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 0;
display: block;
cursor: pointer;
color: #000000;
}





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

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