Как поменять фон в css
Перейти к содержимому

Как поменять фон в css

  • автор:

Изменение фона с помощью Css

Попробуйте переименовать файл CSS, если ctrl f5 не решает проблему.

Возможно, это техническая проблема с Django, поскольку этот CSS-код обычно работает в VS Code.

Попробуйте записать этот CSS-код в HTML-файл в теге Style, хотя я не уверен, что это сработает для файлов, зафиксированных в HTML.

  1. Вы должны добавить шаблоны в setting.py , а также STATIC_URL = ‘/static/’ затем вы должны перезапустить ваш сервер с помощью этой команды.
  2. Вы должны добавить CSS файл в папку static и эту папку в ваш проект. тогда это будет работать.

Как поменять фон?

P.S. товарищи профи, тапками не швыряйтесь, подозреваю, что тут тяжелый случай.

Отслеживать
ответ дан 29 сен 2011 в 11:48
25.9k 1 1 золотой знак 38 38 серебряных знаков 70 70 бронзовых знаков

Подключите другой css-файл/перепишите тег style/укажите background-image в body — вариантов масса. Как делаете вы?

Отслеживать
ответ дан 29 сен 2011 в 11:59
14.7k 1 1 золотой знак 26 26 серебряных знаков 48 48 бронзовых знаков

    Важное на Мете
Похожие

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Дизайн сайта / логотип © 2024 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2024.2.16.5008

Как поменять фон сайта?

Как поменять фон сайта?

Приветствую вас читатели блога No Zombies Allowed. Сегодня я хочу вам рассказать о том, как заменить фон сайта. Благодаря вашему собственному фону ваш сайт станет уникальным и выделится из серой массы копипастных шаблонов. Поменять фон сайта достаточно не сложно и делается это за 10 минут. И сейчас я расскажу как заменить фон для наиболее популярных движков — Ucoz, Joomla, WordPress.

Заменить фон сайта

Менять фон сайта мы будем при помощи стилей CSS. Фон можно задать несколькими способами:

  • Просто цветом
  • Градиентом
  • Повторяющейся картинкой (паттерном)
  • Полупрозрачной картинкой (png) и цветом на CSS
  • Статичной картинкой
body< //Просто цвет background:#FAFAFA; /* Цвет фона */ //Градиент для всевозможных браузеров. background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 0%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e5799 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1e5799 0%,#7db9e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1e5799 0%,#7db9e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #1e5799 0%,#7db9e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ //Повторяющаяся картинка background: url(images/bg.jpg) repeat-x /* Картинка фона */ //Прозрачная картинка + цвет /*Плюс этого метода в том, что вы можете выбрать текстуру, а затем оперативно менять цвет при помощи CSS*/ background-image: url(images/bg.png); /* Путь изображению */ background-color: #c7b39b; /* Цвет фона */ //Статичная картинка background-image: url(images/bg.jpg) no-repeat /* Картинка фона */ /*Статичная картинка, как правило большая*/ >

Вам нужно разумеется выбрать только 1 способ из представленных. Заместо #FAFAFA и других подобных — поставить свой цвет. Далее в CSS боди вам нужно вставить стиль фона вашего сайта.

ПС Возможно фон необходимо вставить не в стили тега боди, а скажем в div с классом wrapper. У каждого шаблона сделано по-разному, для того, чтобы узнать какой CSS вам нужен воспользуйтесь инспектором браузера.

Как изменить фон сайта Ucoz

Для того, чтобы изменить фон сайта на Ucoz вам необходимо перейти: Панель Управления — Дизайн — Управление дизайном (CSS) — Таблица стилей (CSS). Далее найдите код по типу:

body

И затем поменяйте на ваш фон один из предложенных способов выше.

Изменить фон сайта Ucoz

На скриншоте я подчеркнул красной линией куда нужно переходить и какой стиль поменять.

Желательно, чтобы вы не меняли ничего, кроме background. Т.е. не трогайте padding, line-height, font и тому подобное — это может изменить уже не только фон сайта:)

Как изменить фон сайта Joomla

Чтобы изменить фон сайта на Joomla вам необходимо зайти в панель администрирования, затем Расширения — Менеджер шаблонов и выбрать вкладку «Шаблоны»

Изменить фон сайта Joomla

Далее выберите ваш шаблон

Поменять фон сайта joomla

Вы увидите все CSS файлы вашего шаблона

Изменение стиля фона joomla

Как правило CSS в котором хранятся стили фона это template.css или main.css. Если все же вы не знаете какой файл-CSS вам нужен воспользуйтесь инспектором браузера. После того, как вы выбрали нужный файл CSS нажмите и отредактируйте. Найдите в этом файле стиль body и измените background

body

Как изменить фон сайта WordPress

Изменить фон сайта wordpress

Вам необходимо изменить фон на WordPress? — это будет сделать не сложнее чем на любой другой CMS. Для того, чтобы поменять фон зайдите в админку, далее Внешний вид — Редактор.

У вас откроется главный CSS-файл вашего шаблона. Все, что вам нужно, это найти стили body (они обычно в самом начале файла) и заменить background на ваш.

Я постарался максимально кратко объяснить как поменять фон на сайте. Если я что-то упустил и вам что-то непонятно, то напишите в комментариях. Спасибо за внимание:) Искринне ваш No Zombies Allowed.

Оценка: 5,00 из 5 (голосов: 1 )
Автор: No Zombies Allowed (Михаил)

Посты по теме
  • Как сделать красивое горизонтальное меню с выпадающим спискомГоризонтальное меню для сайта на HTML+CSS
    1 Май 2016
  • Создаем сайт через блокнотСоздание сайта в блокноте
    15 Май 2015
  • CSSCSS-класс ссылки и CSS-класс страницы у Joomla
    27 Дек 2014
  • Сергей 02.01.2015 в 19:07

    Здравствуйте ввел как у вас написано background: url(images/bg.jpg) repeat-x /* Картинка фона */, но картинка размножилась только по горизонтали. Не пойму как сделать чтобы на весь экран было размножено.

    Михаил 02.01.2015 в 19:11

    Сергей, доброго времени суток. Вам необходимо написать просто: repeat.
    repeat-x и repeat-y дублирование паттерна по соответствующим осям — x и y

    Вася 08.04.2015 в 16:59
    Красавчик! Благодарочка!

    Узнавай новости первым

    Ваш e-mail в безопасности

    Свежие записи
    • Вывод сайта из под фильтра АГС: личный опыт
      25 Июн 2016
    • Конверсия сайта: влияющие факторы и способы повышения
      3 Фев 2016
    • Горизонтальное меню для сайта на HTML+CSS
      1 Май 2016
    • Технологии создания сайтов
      27 Дек 2015
    • Преимущества создания веб сайта
      5 Дек 2015
    Рубрики
    • Joomla
    • WordPress
    • Заработок в Интернете
    • Монетизация сайта
    • Раскрутка сайта
    • Создание сайта

    Смена фона подвала и шапки

    Это делается через редактирование CSS файлов темы дизайна. В частности цвет фона задается в файле custom.css в строке примерно 2340 для класса .s-header-wrapper .s-header-top надо прописать свойство background: red и тогда получится вот так.


    Или там же, но в строке примерно 2333 изменить свойство .s-header-wrapper .s-header-section < background: #fff; >на любой другой подходящий цвет. Например на #b09.
    Ну и дальше в таком же ключе свойство за свойством относительно подвала и прочих других частей темы дизайна.
    Если это вам покажется сложно или непонятно, то лучше обратиться к человеку, который в этом деле специализируется.

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *