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

Автор Sirius1, 22 января 2014, 05:29:35

« назад - далее »

0 Пользователи и 1 гость просматривают эту тему.

Sirius1

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

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

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

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

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


GeorG

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 (советую юзать Мозиллу для этого, в остальных браузерах, плагин какой-то глючный).
Верстка тем по шаблону, их доработка/переработка, переделка тем с версии smf 1.1 на smf 2.0. Примеры работ - insidestyle.ru
Установка модов (заточка под ваш форум); Моды под заказ; Обновление форума; Правильный перенос; Удаление/лечение вирусов; Устранения ошибок.
Обращаться в ЛС
Мой форум
Модуль анти-спама CleanTalk, сам пользуюсь
Сервера которыми сам пользуюсь - cadedic.ru

Sirius1


Irysik

Цитата: GeorG от 22 января 2014, 05:45:07body
{
background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0 auto;
padding: 15px 0;
}

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

Sedoi

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

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

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

Irysik

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

Yworld_garry

Цитата: Irysik от 14 ноября 2016, 08:03:48нужно что то дописывать или картинку искать нужного размера?
Сделайте так скажем background: #E9EEF2 url(../images/theme/backdrop.png) repeat;

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

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

Irysik

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

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

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

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