Добавление стилей
Добавим немного стилей к нашему проекту.
Для того, чтобы добавить файл со стилями в Django, нужно в папке приложения logs (log/log/logs) создать папку static, и в ней папку с названием приложения logs. В этой папке создадим файл style.css. Его содержимое я сделал следующим (можете добавить своё):
body {
font-family: "Roboto","Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;
}
a:link, a:visited {
color: #447e9b;
text-decoration: none;
cursor: pointer;
}
a:focus, a:hover {
color: #036;
}
a:focus {
text-decoration: underline;
}
div.header {
background-color: #f2f2f2;;
padding: 20px;
}
div.header > p {
text-align: center;
font-size: 23px;
}
div.header + h3 {
margin-top: 5px;
padding: 8px;
font-size: 13px;
text-align: left;
background: #79aec8;
color: #fff;
letter-spacing: 0.5px;
text-transform: uppercase;
}
Также еще переделаем файл шаблона base.html. Его новое содержимое должно быть следующим:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Изучаем Django</title>
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'logs/style.css' %}">
</head>
<body>
<div class="header">
<p><a href="{% url 'logs:index' %}">
Журнал записей пользователя
{% if user.is_authenticated %}{{ user.username }}{% endif %}
</a></p>
</div>
{% block content %}{% endblock content %}
</body>
</html>
Теперь сайт должен выглядеть следующим образом:
![](/assets/img/posts/57_django_site_example/5.png)