0

Как добавить фон на сайте? Использую фреймворк Django.
Вот пишу я в detail.html:

body{background-image:url("Путь к картинке"):

и ничего не получается. Потом следовал правилам как поставить фон, там надо было создать index.html по пути Мое приложение/templates/Мое приложение/index.html и создать style.css по пути Мое приложение/static/Мое приложение/style.css и создать папку images в которой надо было хранить фотки для сайта.
Вообщем я не понимаю как поставить картинку на фон, просто изображение под тегом <img> спокойно добавлялось (только надо было написать {% load static %}).
Помогите пожалуйста!

1
  • Я уже писал это,не получалось 12 авг 2020 в 19:32

2 ответа 2

1

Подключи CSS файл . И напиши следующее

body{
background-image: url(путь к картинке)
}
1

UPD:
В css файлах, в таком случае, позволяет поставить на фон изображение, что храниться в /media/.

background-image: url("/media/images/projects/hookadoo.PNG"); /*фон установился*/

В settings.py пропиши:

STATIC_URL = '/static/'
STATIC_ROOT = BASE_DIR / 'static/'

MEDIA_URL = '/media/'
MEDIA_ROOT = BASE_DIR / 'media/'

В urls.py:

from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    # твой urlpatterns,
]

if settings.DEBUG:
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
    urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

В шаблоне:

{% load static %} {# После {% extends ... %} если используется #}

Теперь в шаблоне обращайся к статике так {% static 'путь к твоей статике' %}.
Например, статика моего приложения лежит по такому пути D:\coding\my-site\polls\static\polls\plugins\jquery-1.11.3.min.js. Тогда её вызов будет следующим:

<script type="text/javascript" src="{% static 'polls/plugins/jquery-1.11.3.min.js' %}"></script>

Так же перед запуском (в том числе в продакшене) используй python manage.py collectstatic.

Пример моего сайта-резюме.
Так же возможно будет полезной эта инструкция. Писал для себя по ходу дела.

1
  • Добрый день. Проверьте, пожалуйста, ответ.
    – Vladyslav
    6 мар 2021 в 18:29

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.