Обучение/Помощь новичкам | Фон для сайта как сделать
Тема закрыта 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> ------
Скачиваний: 88
________
посл. ред. 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; } ________
посл. ред. 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> 