Как поменять фон на сайте php

Как менять фон сайта в зависимости от времени суток?

Как сделать так чтобы фон сайта с 07:00-20:00 фон сайта был белым, a с 20:00-07:00 был темным? И возможно ли это вообще реализовать?

Отслеживать
задан 14 авг 2018 в 16:36
56 6 6 бронзовых знаков

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

$date = new DateTime('NOW'); $hour = $date->format('G'); if ( ($hour > 7) && ($hour < 20) ) < // Фон для промежутка 7-20 >else < // Фон для промежутка 20-7 >

Отслеживать
ответ дан 14 авг 2018 в 16:45
9,204 4 4 золотых знака 24 24 серебряных знака 47 47 бронзовых знаков

php
javascript
html
css

Важное на Мете

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Как сделать фон на сайте?

Как сделать фон на сайте?
Хоху что-бы на сайте можно было менять фон и что-бы после перезагрузки страницы он сохранялся.

Как сделать так, что бы пользователь сам мог менять фон на сайте
Здравствуйте, помогите пожалуйста, как сделать так, чтобы пользователь при нажатии на кнопку.

Как сделать резиновый фон шапки и резиновый фон меню?
Как сделать резиновый фон шапки и резиновый фон меню?

Юзер с абсолютным слухом

709 / 489 / 195

Регистрация: 17.12.2010

Сообщений: 1,426

Лучший ответ

Сообщение было отмечено DefaultDF как решение

Решение

Этот пример состоит из двух файлов: index.php и script.php.
Содержимое index.php:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

 if(file_exists("color.dat")){ $color = file("color.dat"); echo ".$color[0].">"; } else{ echo ""; } ?> Нажмите на эту input type="color" onchange="bg_change(this.value)"> кнопку, чтобы изменить фон страницы. script> function bg_change(color){ document.bgColor = color; if(window.XMLHttpRequest){ var request = new XMLHttpRequest(); } else if(window.ActiveXObject){ var request = new ActiveXObject("Microsoft.XMLHTTP"); } else { return; } request.open("GET", "script.php?color=" + color.substring(1), true); request.send(""); } script>

Содержимое script.php:

1 2 3 4 5 6

 $color = $_GET['color']; $file = fopen("color.dat", "w"); fwrite($file, $color); fclose($file); ?>

Новый цвет фона сохраняется в файле color.dat, который при первом выборе автоматически создаётся.

Как на PHP менять цвет фона, выбирая значение из списка?

Необходимо менять цвет фона, в зависимости от того, какой пункт выбран в списке, но чтобы менялось сразу, а не после нажатия кнопки submit. То есть это как-то надо сделать вообще без кнопки submit. Как это можно сделать?
У меня получилось только через кнопку submit, вот код:

 elseif ($_POST['select'] == 'blue') < $color = 'style = "background-color: #4DD;"'; >elseif ($_POST['select'] == 'green') < $color = 'style = "background-color: #CA1;"'; >> ?>  > "method="post">

Вопрос задан более трёх лет назад
3065 просмотров

1 комментарий

Простой 1 комментарий

Произвольный фон в теме WordPress.

Произвольный фон — это стандартная возможность WordPress, которая позволяет устанавливать в админке цвет или изображение фона сайта .

С одной стороны может показаться — «Зачем это нужно, если я могу установить фон прямо в CSS? Даже если периодически придется менять фон сайта, мне не трудно каждый раз редактировать таблицу стилей».

Всё как всегда элементарно просто, ответ — если делаете сайт не для себя. Приведу пример. Вы только что сделали отличнейший сайт, единственная вещь, которая не нравится вашему клиенту — это фон, кроме того, он сам не знает чего хочет. Просит попробовать одно, потом другое, потом третье. И после того, когда ваше терпение уже на исходе, вы просто включаете этот функционал в теме, показываете клиенту, как с ним работать и больше не паритесь.

Шаг 1. add_theme_support() — подключаем необходимый интерфейс в админке.

Начиная с версии 3.4 в WordPress используется функция add_theme_support() для подключения произвольных фонов. В более старых версиях (от 3.0 до 3.4) использовалась другая функция, но сейчас она устарела и я её рассматривать не буду.

Вставляем следующий код в functions.php текущей темы:

add_theme_support( 'custom-background' );

Если же вы подключаете этот функционал в плагине, функция должна быть задействована через хук after_setup_theme , пример ниже:

function true_custom_background_support(){ add_theme_support( 'custom-background' ); } add_action('after_setup_theme', 'true_custom_background_support');

Прежде, чем продолжить, посмотрим, что у нас получилось:

Произвольный фон в WordPress.

Также функция имеет некоторые параметры, которые можно задать в качестве значений по умолчанию (то есть тех значений, которые будут использоваться, если в админке не было ничего настроено):

$defaults = array( 'default-image' => '', // без изображения 'default-repeat' => 'repeat', // повторять 'default-position-x' => 'left', // выровнять по левому краю 'default-attachment' => 'scroll', // фон прокручивается со страницей 'default-color' => '', // без цвета 'wp-head-callback' => '_custom_background_cb', 'admin-head-callback' => '', 'admin-preview-callback' => '', ); add_theme_support( 'custom-background', $defaults );

default-image URL изображения, которое следует установить в качестве изображения фона по умолчанию. Добавляется через CSS-свойство background-image . default-repeat Нужно ли повторять фон. То есть, если ширина или высота изображения меньше ширины или высоты страницы, то оно будет повторяться. CSS-свойство background-repeat . Может принимать значения:

no-repeat — не повторять,
repeat-x — повторять по горизонтали,
repeat-y — повторять по вертикали,
repeat — повторять во всех направлениях.

left — слева,
right — справа,
center — по центру.

scroll — изображение скроллится вместе со страницей,
fixed — изображение зафиксировано и не смещается при прокрутке.

Хорошо, давайте попробуем, я например сделаю вот так:

$defaults = array( 'default-color' => '#eeeeee', 'default-image' => get_stylesheet_directory_uri() . '/grand_canyon.jpg', 'default-repeat' => 'no-repeat', 'default-position-x' => 'center', 'default-attachment' => 'fixed' ); add_theme_support( 'custom-background', $defaults );

Функция get_stylesheet_directory_uri() в данном примере возвращает абсолютный URL текущей темы.

Ого, в админке появились дополнительные настройки:

Дополнительные настройки произвольного фона в WordPress.

Эти настройки также появятся и в первом примере, после того, как вы загрузите изображение для фона. Кстати, если после загрузки изображения, в блоке просмотра оно отображается в уменьшенном варианте, не волнуйтесь, на фон сайта всё равно добавится в полном размере.

Шаг 2. wp_head() и body_class() для добавления фона на страницы сайта.

С админкой вроде разобрались, а что надо сделать в файлах шаблона темы, чтобы фон появился на сайте? Нужны всего две вещи:

style type="text/css" style="color: #c1ef65;">"custom-background-css"> body.custom-background < background-color: #eeeeee; background-image: url('https://misha.agency/wp-content/themes/truemisha/grand_canyon.jpg'); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; >style>

 body_class() ?>>

Кстати говоря, вы можете также поступить и следующим образом:

body style="color: #c1ef65;">"custom-background">

Смотрите также

add_theme_support() — добавляет поддержку: форматов постов, миниатюр, меню, HTML5, произвольного фона и заголовка
body_class() — выводит атрибут класс и его содержимое для страницы
wp_head() — хук для подключения CSS, JS, jQuery и добавления мета-тегов
get_stylesheet_directory_uri() — как узнать абсолютный URL папки с темой

Миша

Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

Пишите, если нужна помощь с сайтом или разработка с нуля.

Читать:

Как разблокировать фрагмент в ворде