Перейти к содержанию
Semirina7

В каком файле меняется фон (голубоватый) сайта? [решено]

Рекомендуемые сообщения

В каком файле меняется фон (голубоватый) сайта?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

..catalogviewthemedefaultstylesheetstylesheet.css

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Извиняюсь, последний вопросик и все) в какой строке приблизительно?)))) там много, а чтоб писался background категорией,такого нет и не вижу чтоб стоял голубоватый цвет в этих категориях. Очень нужно, ответьте, пожалуйста!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

в блок body {}нужно добавитьbackground-color: #cccccc; // Где cccccc нужный цвет)это общий фон сайта или нужно поменять там где меню?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

в блок body {}нужно добавитьbackground-color: #cccccc; // Где cccccc нужный цвет)это общий фон сайта или нужно поменять там где меню?

Я вам безумно-безумно благодарна!!!Очень очень мне помогли!Спасибо)))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

всегда пожалуйста)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Прошу не отвечать как "Бабушка"...(в закрытой теме)

Спрашиваю, потому что не знаю.

Хочу поменять фон сайта, с фотошопом в ладах вроде. Сделаю картинку градиентом.

1. В каком разрешении и формате делать?

Не могу понять...

2. как именно прописать её в CSS.

Я новичок в этом, хочу разобраться. Если можно, подробно.

Сильно не пинайте.... :)

С Уважением.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Прошу не отвечать как "Бабушка"...(в закрытой теме)

Спрашиваю, потому что не знаю.

Хочу поменять фон сайта, с фотошопом в ладах вроде. Сделаю картинку градиентом.

1. В каком разрешении и формате делать?

Не могу понять...

2. как именно прописать её в CSS.

Я новичок в этом, хочу разобраться. Если можно, подробно.

Сильно не пинайте.... :)

С Уважением.

цитировать ленина не стану, но вы думаю поняли о чем это я...;)

http://htmlbook.ru/css/background-image

http://htmlbook.ru/css/background-repeat

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Спасибо! Буду колдовать...

Что-ж я на программиста не пошел учиться?

Сложновато пока для меня это :(

Идея об интернет-магазине возникла 1,5 месяца назад. До этого ни когда не сталкивался с php и т.д.

Ну.. как говорится:- "век живи, век учись"

Буду мозг взрывать себе :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

приветствую!

Если вы картинку хотите подложить на фон, то можно так:

catalog/view/theme/YOUR_THEME/stylesheet/stylesheet.css

добавляем:

.layerbg 
{
z-index: -5; 
width: 100%; 
height: 100%; 
position: absolute; 
left: 0; 
top: 0; 
}

catalog/view/theme/YOUR_THEME/template/common/header.tpl

можно сразу после <body>

<div class="layerbg">
<img src="catalog/view/theme/YOUR_THEME/image/bg.jpg" width="100%" alt="" >
</div>

ну и в image темы положите фоновое изображение.

как-то так...

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Думаю, что Digger все-таки хотел не на ".layerbg ",

а сделать фон на весь сайт.

Тогда нужно прописать так:

body {
background-image:url("catalog/view/theme/YOUR_THEME/image/bg.jpg");
}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

а сделать фон на весь сайт

..а в моем решении как-раз это и получается. +картинка масштабируется под размер экрана.

С уважением

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Всем огромное спасибо!

Завтра буду пробоать :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Спасибо, долго искал эту подсказку =)

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

P.s. Не прогадал я все-таки с выбором OpenCart для магазина, а ведь перепробовал многое =)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

AlexFisher Очень познавательно! Хороший кусок кода.

Цель: маленькую картинку повторять определенное количество раз (вверх и вниз) на весь фон ограничивая шириной экрана.

решил так: в файле catalog/view/theme/default/stylesheet/stylesheet.css прописал

body {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: url('/catalog/view/theme/default/image/fon-bg.jpg') top left;	
}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

приветствую!

Если вы картинку хотите подложить на фон, то можно так:

catalog/view/theme/YOUR_THEME/stylesheet/stylesheet.css

добавляем:

.layerbg 
{
z-index: -5; 
width: 100%; 
height: 100%; 
position: absolute; 
left: 0; 
top: 0; 
}

catalog/view/theme/YOUR_THEME/template/common/header.tpl

можно сразу после <body>

<div class="layerbg">
<img src="catalog/view/theme/YOUR_THEME/image/bg.jpg" width="100%" alt="" >
</div>

ну и в image темы положите фоновое изображение.

как-то так...

Пробовал разные варианты разместить фон на сайте и только этот, выше описанный подошел.

Одно "но", фон растягивает страницу вниз - как решить эту проблему? Спасибо!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ребят, помогите пожалуйста. Есть маленькая картинка. Все ставлю вроде, но она не растягивается на весь экран. получается вот так:post-672935-0-27887900-1390849673_thumb.

Как ее растянуть на весь экран. Помогите, пожалуйста

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

А у меня не получилось. В верху сайта появился большой белый кусок и посередине пиктограмма картинки. (((

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.