Обучение/Помощь новичкам | Фон для сайта как сделать
Тема закрыта by
372780514
Причина: background-image: url('../img/logo.png');
Причина: background-image: url('../img/logo.png');
Всем привет! Помогите новичку, начал учить php Столкнулся с проблемой добавления фона на сайт. Сделал индекс в котором через инклуд вывожу верхний блок сайта (условно header), добавил файл CSS.
Вопрос 1. Каким кодом добавить фон к сайту?
Вопрос 2. Если я добавлю только в header.php, то он будет применяться к верхнему блоку, если да то как прописать к примеру в индексе, что будет Подргужаться фон с другого файла, потом хеадер, основная информация и в конце нижний блок (условно футер)
Вопрос 1. Каким кодом добавить фон к сайту?
Вопрос 2. Если я добавлю только в header.php, то он будет применяться к верхнему блоку, если да то как прописать к примеру в индексе, что будет Подргужаться фон с другого файла, потом хеадер, основная информация и в конце нижний блок (условно футер)
html
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ваш заголовок</title>
<!-- Подключение файла стилей CSS -->
<link rel="stylesheet" href="sys/style.css">
</head>
<body>
<?php
$GL = '<a href="/index.php">Главная</a>';
$ONAS = '<a href="/about.php">О нас</a>';
$CONT = '<a href="/contact.php">Контакты</a>';
echo "<nav>$GL $ONAS $CONT</nav>";
?>
</body>
</html>Это мне посоветовал Chatgpt, но не работает фон
------
Скачиваний: 83
________
посл. ред. 19.01.2024 в 00:05; всего 1 раз(а); by 372780514
В style.css добавить (если нет то добавить)
body{background:#000;}
#000 цвет фона сайта
body{background:#000;}
#000 цвет фона сайта
В style.css добавить (если нет то добавить)
body{background:#000;}
#000 цвет фона сайта
css
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-image: url('img/logo.png');
background-size: cover;
background-position: right;
color: #fff;
text-align: center;
padding: 50px;
}
nav {
display: flex;
justify-content: right;
margin-top: 20px;
}
nav a {
margin: 0 15px;
text-decoration: none;
color: #fff;
font-size: 18px;
font-weight: bold;
background-color: #4CAF50;
padding: 10px 20px;
border-radius: 5px;
transition: background-color 0.3s;
}
nav a:hover {
background-color: #45a049;
}background-image пробовал ставить и в body - не помогло
________
посл. ред. 19.01.2024 в 00:19; всего 1 раз(а); by 372780514
html
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Мой первый сайт</title>
<link rel="stylesheet" href="sys/style.css">
</head>
<body>
<?php
$GL = '<a href="/index.php">Главная</a>';
$ONAS = '<a href="/about.php">О нас</a>';
$CONT = '<a href="/contact.php">Контакты</a>';
echo "<nav>$GL $ONAS $CONT</nav>";
?>
</body>
</html>Вот так я написал header.php
