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


Как Поменять Фон На Главной Странице? Цвет В Который Меняю Фон Загружать Как Картинку


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

#1 Ваня Начинающий Пользовате

Ваня Начинающий Пользовате

    Новичок

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

Отправлено 21 Февраль 2013 - 15:03

Помогите пожалуйста ответьте на мой вопрос. Если уже есть ответ на форуме, напишите ссылку.

#2 Stasya

Stasya

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

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

Отправлено 21 Февраль 2013 - 15:25

Как Вы хотели чтобы это выглядело. Пришлите скриншот.

#3 Ваня Начинающий Пользовате

Ваня Начинающий Пользовате

    Новичок

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

Отправлено 21 Февраль 2013 - 19:43

Я просто хочу сменить стандартный белый фон на светло жёлтый (на главной странице) хочу узнать в какой файле и что прописать надо,чтобы фон сменился. и необходимо добавлять jpg. со светло-жёлтым фоном?

#4 mikola

mikola

    Good soo good

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

Отправлено 21 Февраль 2013 - 20:03

Просмотр сообщенияВаня Начинающий Пользовате (21 Февраль 2013 - 19:43) писал:

Я просто хочу сменить стандартный белый фон на светло жёлтый (на главной странице) хочу узнать в какой файле и что прописать надо,чтобы фон сменился. и необходимо добавлять jpg. со светло-жёлтым фоном?
Фон левой ленты можно путем задания фона заливки в следующих классах
.span4 {
		background: none repeat scroll 0 0 #FFFFFF;
		height: 100%;
		margin-bottom: -30000px;
		padding-bottom: 30000px;
		padding-top: 15px;
}
.container-fluid {
		background: url("/web/upload/assets/images/154/153295/site_bg.gif") repeat-y scroll 41% 0 transparent;
		min-height: 100%;
		position: relative;
}
body {
		background: url("/web/upload/assets/images/154/153295/site_bg.gif") repeat-y scroll 38.5% 0 transparent;
}

классы находятся в файле стилей main.css раздела редактора тем. Вам необходимо задать или изменить свойство background

#5 Ваня Начинающий Пользовате

Ваня Начинающий Пользовате

    Новичок

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

Отправлено 22 Февраль 2013 - 08:32

не могу найти тег .span4 {
от которого плясать,
подскажите пожалуйста под какой он цифрой в main.css ???

#6 miyako

miyako

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

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

Отправлено 22 Февраль 2013 - 09:37

Просмотр сообщенияВаня Начинающий Пользовате (22 Февраль 2013 - 08:32) писал:

не могу найти тег .span4 {
от которого плясать,
подскажите пожалуйста под какой он цифрой в main.css ???
Вы можете найти его в файле bootstrap-responsive.min.csstemplate

#7 Ваня Начинающий Пользовате

Ваня Начинающий Пользовате

    Новичок

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

Отправлено 22 Февраль 2013 - 14:04

Просмотр сообщенияmiyako (22 Февраль 2013 - 09:37) писал:

Вы можете найти его в файле bootstrap-responsive.min.csstemplate

Скажите а это
span4 {
                background: none repeat scroll 0 0 #FFFFFF;
                height: 100%;
                margin-bottom: -30000px;
                padding-bottom: 30000px;
                padding-top: 15px;
}
.container-fluid {
                background: url("/web/upload/assets/images/154/153295/site_bg.gif") repeat-y scroll 41% 0 transparent;
                min-height: 100%;
                position: relative;
}
body {
                background: url("/web/upload/assets/images/154/153295/site_bg.gif") repeat-y scroll 38.5% 0 transparent;
}
ко всем span4 { применять в этом файле тогда фон поменяется я отредактировал один span4, фон остаётся белым.

#8 Stasya

Stasya

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

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

Отправлено 22 Февраль 2013 - 14:36

Фон Вашей является картинкой. Поэтому  чтоб его сменить Вам необходимо в файле "bootstrap-responsive.min.csstemplate" найти строку
.container-fluid{position: relative; min-height: 100%; background: url("http://vsegda-zdorov.storeland.net/site_bg.gif") repeat;}
и после слова
background: либо вставить цвет, либо загрузить изображение и вставить в эту строку адрес картинки.

#9 Ваня Начинающий Пользовате

Ваня Начинающий Пользовате

    Новичок

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

Отправлено 22 Февраль 2013 - 17:11

понял спасибо попробую)

#10 Ваня Начинающий Пользовате

Ваня Начинающий Пользовате

    Новичок

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

Отправлено 23 Февраль 2013 - 17:47

(не так всё просто оказалось.)
сначало вставил сразу после background: свою картинку которую загрузил в файлы http://vsegda-zdorov...соты 2.jpg?8616
зашёл в магазин ничего не поменялось. (перед этим удалил ту картинку которую прикреплял на главную через обычный редактор текста главной странице)
далее вставил вместо вот этого http://vsegda-zdorov...net/site_bg.gif после url("http://vsegda-zdorov...соты 2.jpg?8616")repeat;}
ЗАШЁЛ В МАГАЗИН НА ГЛАВНУЮ ПОЯВИЛАСЬ КАРТИНКА В САМОМ НИЗУ СТРАНИЦЕ очень маленькая, ЗА РАМКОЙ...

вообщем вернул всё обратно. фон так и не сменил. может не так ссылку сделал?

#11 Stasya

Stasya

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

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

Отправлено 23 Февраль 2013 - 18:20

1. загрузите картинку с названием краказябра.jpg
2. после background: вставьте адрес загружаемой картинки например: background: url({ASSETS_IMAGES_PATH}краказябра.jpg") repeat;
3. почистите кэш браузера

#12 support 2.0

support 2.0

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

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

Отправлено 23 Февраль 2013 - 18:23

Просмотр сообщенияВаня Начинающий Пользовате (23 Февраль 2013 - 17:47) писал:

(не так всё просто оказалось.)
сначало вставил сразу после background: свою картинку которую загрузил в файлы http://vsegda-zdorov...соты 2.jpg?8616
зашёл в магазин ничего не поменялось. (перед этим удалил ту картинку которую прикреплял на главную через обычный редактор текста главной странице)
далее вставил вместо вот этого http://vsegda-zdorov...net/site_bg.gif после url("http://vsegda-zdorov...соты 2.jpg?8616")repeat;}
ЗАШЁЛ В МАГАЗИН НА ГЛАВНУЮ ПОЯВИЛАСЬ КАРТИНКА В САМОМ НИЗУ СТРАНИЦЕ очень маленькая, ЗА РАМКОЙ...

вообщем вернул всё обратно. фон так и не сменил. может не так ссылку сделал?


вот смотрите что получилось у меня при вставке своей картинки.
Код выглядит теперь так
.container-fluid {
position: relative;
min-height: 100%;
background: url("http://www.bankoboev.ru/fons/NDg5NQ==/Bankoboev.Ru_derevyannye_polosy.jpg") repeat;
}

ссылка на картинку

вместо моего измененного кода
background: url("http://www.bankoboev.ru/fons/NDg5NQ==/Bankoboev.Ru_derevyannye_polosy.jpg") repeat;
вставьте
background: url(​{ASSETS_IMAGES_PATH}site_bg.gif) repeat;

удалите из раздела сайт -> редактор тем -> файлы -> изображение site_bg.gif
и загрузите свое с таким же названием и форматом gif

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

  • ScreenShot 162.png


#13 altansertac@gmail.com

altansertac@gmail.com

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

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

Отправлено 07 Май 2013 - 03:59

Просмотр сообщенияMikola (21 Февраль 2013 - 20:03) писал:

Фон левой ленты можно путем задания фона заливки в следующих классах
.span4 {
	 background: none repeat scroll 0 0 #FFFFFF;
	 height: 100%;
	 margin-bottom: -30000px;
	 padding-bottom: 30000px;
	 padding-top: 15px;
}
.container-fluid {
	 background: url("/web/upload/assets/images/154/153295/site_bg.gif") repeat-y scroll 41% 0 transparent;
	 min-height: 100%;
	 position: relative;
}
body {
	 background: url("/web/upload/assets/images/154/153295/site_bg.gif") repeat-y scroll 38.5% 0 transparent;
}

классы находятся в файле стилей main.css раздела редактора тем. Вам необходимо задать или изменить свойство background

А как менять цвет фона справа? (не site_bg.jpg, а где товары и всякое)

#14 miyako

miyako

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

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

Отправлено 07 Май 2013 - 11:10

Просмотр сообщенияaltansertac@gmail.com (07 Май 2013 - 03:59) писал:

А как менять цвет фона справа? (не site_bg.jpg, а где товары и всякое)

Скажите пожалуйста ваш номер аккаунта

#15 Theweatherisgood

Theweatherisgood

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

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

Отправлено 13 Июнь 2014 - 00:22

Здравствуйте, прошу прощения если не по теме. Поставил шаблон ВЕСНА. Помогите убрать слайдер (исключительно).
И еще не могу найти блок (с белым фоном) в шапке сайта, под топ-меню, на котором сверху лежит логотип и корзина. Хотелось бы его отредактировать, экспериментально поменять цвет, залить картинку, растянуть, выровнять.
И пока что последнее - это где находятся параметры отображения каталога? Нужно сделать так что бы в ряду было 5 категорий вместо 4х, с соответственным уменьшением изображений.

#16 Castiel

Castiel

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

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

Отправлено 13 Июнь 2014 - 17:29

Просмотр сообщенияTheweatherisgood (13 Июнь 2014 - 00:22) писал:

Здравствуйте, прошу прощения если не по теме. Поставил шаблон ВЕСНА. Помогите убрать слайдер (исключительно).
И еще не могу найти блок (с белым фоном) в шапке сайта, под топ-меню, на котором сверху лежит логотип и корзина. Хотелось бы его отредактировать, экспериментально поменять цвет, залить картинку, растянуть, выровнять.
И пока что последнее - это где находятся параметры отображения каталога? Нужно сделать так что бы в ряду было 5 категорий вместо 4х, с соответственным уменьшением изображений.

Здравствуйте,
Убираем слайдер
В шаблоне HTML
Находим
<div id="module_area">

Заменяем на
<div id="module_area" style="display:none;">

Цвет фона
Добавляем в main.css
#header .inner {
background: #ffffff;
}

В разделе Настройки - Основное находим пункт и изменяем значение 200 на 160
Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории


#17 Theweatherisgood

Theweatherisgood

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

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

Отправлено 17 Июнь 2014 - 14:27

Большое спасибо, все отлично! Теперь такие вопросы:

В топ меню нужно поменять цвета, допустим на белый, а при наведении оранжевый при нажатии так же вкладка что бы оставалась оранжевой. пробовал менять цвет, но меняется так же цвет текста в каталоге и других местах. Можно ли сделать так, что бы можно было редактировать исключительно текст меню и каталога отдельно?.
В каталоге, в серединном блоке с категориями, при наведении, тоже хотелось бы изменить цвет на оранжевый(сейчас он  розовый). А в левом блоке-каталоге с открывающимися вкладками, заменить фон "плюса" вместо розового на оранжевый, как корзина. Ну и так же текст при наведении в категориях, что бы был оранжевым.

#18 Castiel

Castiel

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

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

Отправлено 17 Июнь 2014 - 15:57

Просмотр сообщенияTheweatherisgood (17 Июнь 2014 - 14:27) писал:

Большое спасибо, все отлично! Теперь такие вопросы:

В топ меню нужно поменять цвета, допустим на белый, а при наведении оранжевый при нажатии так же вкладка что бы оставалась оранжевой. пробовал менять цвет, но меняется так же цвет текста в каталоге и других местах. Можно ли сделать так, что бы можно было редактировать исключительно текст меню и каталога отдельно?.                                                                                                                                                                                                                                                                                                                                                                                                                                            
В каталоге, в серединном блоке с категориями, при наведении, тоже хотелось бы изменить цвет на оранжевый(сейчас он  розовый). А в левом блоке-каталоге с открывающимися вкладками, заменить фон "плюса" вместо розового на оранжевый, как корзина. Ну и так же текст при наведении в категориях, что бы был оранжевым.


Здравствуйте,
Цвет верхнего меню

В файле "main.css".
Найти:
#header .links a {
float: left;
display: block;
padding: 11px 10px 9px 10px;
text-decoration: none;
font-size: 12px;
}

Заменить:
#header .links a {
float: left;
display: block;
padding: 11px 10px 9px 10px;
text-decoration: none;
font-size: 12px;
color: #fff;
}

color: #fff;  цвет текста

Цвет при наведении
В файле "main.css".
Найти:
header .links a:hover, #header .links a.selected {
background-color: none;
padding: 11px 10px 9px 10px;
}

Заменить:
header .links a:hover, #header .links a.selected {
background-color: none;
padding: 11px 10px 9px 10px;
color: #ff0;
}

Цвет текста в левом каталоге при наведении

В конец файла "main.css".
Добавить код:
.box-category > ul > li ul > li > a:hover {
color: #ff0;
}


color: #ff0;  заменить на свои цвета

#19 Theweatherisgood

Theweatherisgood

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

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

Отправлено 17 Июнь 2014 - 16:05

Спасибо за быстрый ответ. И еще очень важный вопрос возник. Наткнулся на такую вот вещь по домену, скажите что это значит. и что с этим теперь делать?
vostokinstrument.ru StoreLand - Создать интернет магазин самостоятельно, бесплатно, онлайн.

StoreLand - Создать интернет магазин самостоятельно, бесплатно, онлайн.

StoreLand - Создать интернет магазин самостоятельно, бесплатно, онлайн.

VOSTOKINSTRUMENT.RU

vostokinstrument.ru является истекшим доменом, зарегистрированным сквозь регистратора Domain Registrar REG.RU ( REGRU-REG-RIPN), и его владельцем являлся Private Person.

vostokinstrument.ru был зарегистрирован 23.09.2013. Срок регистрации домена истёк и он свободен для регистрации.
Регистрация возможна здесь:
Введите имя домена:
Проверить
Во время действующей регистрации vostokinstrument.ru был размещен на веб-хостинге с IP-адресом 37.228.92.93. Для изображения списка всех доменов на этом сервере нажмите сюда 37.228.92.93

#20 Castiel

Castiel

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

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

Отправлено 17 Июнь 2014 - 16:18

Просмотр сообщенияTheweatherisgood (17 Июнь 2014 - 16:05) писал:

Спасибо за быстрый ответ. И еще очень важный вопрос возник. Наткнулся на такую вот вещь по домену, скажите что это значит. и что с этим теперь делать?
vostokinstrument.ru StoreLand - Создать интернет магазин самостоятельно, бесплатно, онлайн.

StoreLand - Создать интернет магазин самостоятельно, бесплатно, онлайн.

StoreLand - Создать интернет магазин самостоятельно, бесплатно, онлайн.

VOSTOKINSTRUMENT.RU

vostokinstrument.ru является истекшим доменом, зарегистрированным сквозь регистратора Domain Registrar REG.RU ( REGRU-REG-RIPN), и его владельцем являлся Private Person.

vostokinstrument.ru был зарегистрирован 23.09.2013. Срок регистрации домена истёк и он свободен для регистрации.
Регистрация возможна здесь:
    Введите имя домена:
     Проверить
Во время действующей регистрации vostokinstrument.ru был размещен на веб-хостинге с IP-адресом 37.228.92.93. Для изображения списка всех доменов на этом сервере нажмите сюда 37.228.92.93

Уточните пожалуйста где именно вы нашли данное сообщение.
Данное сообщение показывает некоторую информацию о вашем домене, регистратора, дату окончания регистрации и на каком сервере расположен сайт.




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

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