Cообщество пользователей SMF

Объясните пожалуйста как сделать фон картинкой а точней

1 где лучше скачать фоны картинки

2 куда в какой файл заливать фон картинку

ну в общем кому не трудно и кто знает как это делается разъясните навичку как это проще что и куда заливать

Зарание спасибо за ваши ответы

1. Лучше самому сделать, а так в инете искать, где ж ещё?
2. Картинку не заливают в файл, а обычно кладут (файл фонового изображения) в папку с темой и указывают путь в стилевом файле этой темы.
Например файл фона по-умолчанию находится в папке ./Themes/default/images/theme/backdrop.png и прописывается в файле ./Themes/default/css/index.css, для body, строчкой - background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
body
{
background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0 auto;
padding: 15px 0;
}

Пользуйтесь файрбагом, он поможет определить - пути, названия стилей и изображения и многое другое.
Тут есть описание его работу - http://www.simplemachines.ru/index.php?topic=7551.0 (советую юзать Мозиллу для этого, в остальных браузерах, плагин какой-то глючный).

GeorG   Спасибо вам за помощь 

Цитата: GeorG от 22 января 2014, 05:45:07

Код Выделить Развернуть

body
{
background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0 auto;
padding: 15px 0;
}

все сделала,но фон не появился((( в предварительном просмотре все показывало.

Цитироватьbackground: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;

вместо точек СВОЙ адрес вставили?

Ну и кэш почистить надо.

Спасибо! Картинка появилась,но не на весь сайт((( как сделать чтобы на весь была? нужно что то дописывать или картинку искать нужного размера?

Цитата: Irysik от 14 ноября 2016, 08:03:48нужно что то дописывать или картинку искать нужного размера?

Сделайте так скажем background: #E9EEF2 url(../images/theme/backdrop.png) repeat;

repeat-x - меняем на repeat

Плюс у вас картинка очень тяжелая, ужмите ее, а то зашкаливает - 406.38 KB

Цитата: Yworld_garry от 14 ноября 2016, 08:12:11Сделайте так скажем background: #E9EEF2 url(../images/theme/backdrop.png) repeat;

repeat-x - меняем на repeat

Плюс у вас картинка очень тяжелая, ужмите ее, а то зашкаливает - 406.38 KB

Спасибо большое! Все получилось.