29 Изменяем стиль проекта Django 3. Django 3 Css Style Project

🔥🔥🔥 Курс на степике по Django🔥🔥🔥

Степик с меня берет комиссию поэтому
1) Лучший способ приобрести курс - личный банковский перевод в РФ или покупку тарифа на boosty. Я добавлю вас вручную на курс по вашему ид.
2) оплачивать напрямую на степике по реферальной ссылке
так с меня возьмут меньше комиссии

🚀🚀🚀 Доступ к закрытым видео на один месяц вы можете получить, став спонсором канала

👉👉👉Телеграмм канал моего проекта

👉👉👉Группа в вк

Курс по основам Python

Курс по ООП на Python

Django позволяет динамически генерировать HTML. Самый распространенный подход - использование шаблонов. Шаблоны содержат статический HTML и динамические данные, рендеринг которых описан специальным синтаксисом.

Проект Django может использовать один или несколько механизмов создания шаблонов (или ни одного, если вы не используете шаблоны). Django предоставляет бэкенд для собственной системы шаблонов, которая называется - язык шаблонов Django (Django template language, DTL), и популярного альтернативного шаблонизатора Jinja2. Сторонние приложения могут предоставлять бэкенд и для других систем шаблонов.

Django предоставляет стандартный API для загрузки и рендеринга шаблонов, незавимисо от используемого бэкенда. Загрузка включает в себя поиск шаблона по названию и предварительную обработку, обычно выполняется загрузка шаблона в память. Рендеринг означает передачу данных контекста в шаблон и возвращение строки с результатом.

Стать спонсором канала

[egoroffchannel]

base.css

html{
background-color: #3199dc;
}

nav {
text-align: center;
color: white;
font-size: 2rem;
height: 100%;
width: 200px;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #111;
overflow-x: hidden;
padding-top: 20px;
}

nav a {
color: white;
display: block;
font-size: 2rem;
margin: 20px;
}

nav a:hover, ul a:active {
color: #eca8b5;
}


info.css

h2 {
color: #d2d2e5;
text-align: center;
font-family: "Comic Sans MS", "Comic Sans", cursive;
font-size: 30px;
}

h1 {
color: #e8dede;
text-align: center;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 40px;
}


index.css

ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
list-style-type: none;
background-color: #f1f1f1;
width: 90%;
max-width: 35rem;
border-radius: 20px;
margin: 2rem auto;
padding: 1px;
}

ul li {
text-align: center;
width: 100%;
font-size: 3rem;
padding: 2rem 1rem;
}

ul a:hover, ul a:active {
color: #eca8b5;
}


h1 {
color: #e8dede;
text-align: center;
font-family: "Andale Mono", AndaleMono, monospace;
font-size: 48px;
text-decoration: underline;
}

[MsTomoeSan]

Те, кто работает за ноутом, текст описания будет перекрываться боковым меню.
Если вы не знаете css, чтобы поправить это, в файл info.css к тегу h2 добавьте вот такие строки:
width: 70%;
margin: 0 auto;
Тогда ширина блока, где находится текст - сузится, а сам блок встанет по центру. И менюшка не будет перекрывать ваш текст

[zamestaimja]

С этим css чувствую себя ёжиком в тумане)))). Но всё равно классно.

[Sergey-czym]

08:32 - чуть выше уже есть переменная sign, которая дает название знака зодиака

[mwcowbk]

Привет, можешь в своих уроках рассказать про "хлебные крошки" ?!

[ibnabdulahad]

Здравствуйте Артем. У меня есть к вам вопрос. Что произойдет, если файл css со временем изменится? Со мной ничего не случилось. Новые стили не работали.

[vedroman]

По какой-то причине у меня добавление класса ul в index.css меняет отображение всего блока content, а не только элемента ul. Почему так может быть?

[cmqkemg]

Бро, пожалуйста, сними еще видео о вложенных списках пайтон, завтра кр, а я ну совсем не понимаю(((