Как поменять фон на сайте php
Перейти к содержимому

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

  • автор:

Задание фона

Подскажите, пожалуйста, такой вопрос: есть код первой страницы, как сделать фон? Хотя бы просто цвет.

ГЛАВНАЯ

"; > else < echo "

Table1

"; echo "

Table2

"; echo "

Table3

"; > ?>

Отслеживать
51.3k 87 87 золотых знаков 267 267 серебряных знаков 505 505 бронзовых знаков
задан 4 июн 2012 в 3:52
121 1 1 золотой знак 7 7 серебряных знаков 21 21 бронзовый знак
фон чего? страницы(body)?
4 июн 2012 в 4:02
да, страницы
4 июн 2012 в 4:04

@wicS — начните с основ html, css, а не с php PS: нормальные люди не выводят html в echo PPS: stranica вы что 1С-шник? =)

4 июн 2012 в 7:07

2 ответа 2

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

Скрипт? Bgcolor? Люди, зачем вы даёте вредные советы?

Можно сделать так:

echo "body "; 

(выводим в тело страницы тег style, в котором описываем внешний вид через css-правила)

include('layouts/index.php'); 

(включаем в вывод содержимое скрипта layouts/index.php, в котором хранить только HTML c подстановками необходимых переменных и т.д. это сделаем для того, чтобы уменьшить сложность нашего скрипта, так как в будущем в каше из CSS, HTML, PHP даже опытному программисту будет сложно разобраться)

И в файле layouts/index.php:

    Главная   

Главная

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

. — это короткая запись )

А в файле css/main.css:

body

(тут хранится CSS для определения внешнего вида элементов страницы)

Как сменить цвет фона страницы с помощью php?

Есть index.html там форма которая передает POST метод на страницу processing.php. в файле processing.php прописан такой код:

Я думаю ошибка явно в переменной $BackgroundColor, что-то не правильно там прописано, или возможно ошибка в «»

PS Помогите ткнуть меня носом на ошибку.

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

Комментировать
Решения вопроса 1

evgenybuckharev

Евгений Бухарев @evgenybuckharev

Перенесите блок с php кодом до тега body.
Также у вас ошибка в блоке default, если сработает этот блок то в атрибут style попадет следующее background-color: background: blue;

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

Пример #1 Создание PNG средствами PHP

header ( «Content-type: image/png» );
$string = $_GET [ ‘text’ ];
$im = imagecreatefrompng ( «images/button1.png» );
$orange = imagecolorallocate ( $im , 220 , 210 , 60 );
$px = ( imagesx ( $im ) — 7.5 * strlen ( $string )) / 2 ;
imagestring ( $im , 3 , $px , 9 , $string , $orange );
imagepng ( $im );
imagedestroy ( $im );

Этот пример можно было бы вызвать на странице с тегом: . Приведённый выше скрипт button.php возьмёт строку «text» и наложит её поверх базового изображения, которое является, в данном случае «images/button1.png» и выведет конечное изображение. Это очень удобный способ, чтобы избежать необходимости создания новой кнопки всякий раз, когда вы хотите изменить текст кнопки. С помощью этого метода она генерируются динамически.

User Contributed Notes 1 note

7 years ago
Function to create random png images when requested for example.

here is create_image.php
$setting = isset( $_GET [ ‘s’ ]) ? $_GET [ ‘s’ ] : «FFF_111_100_100» ;
$setting = explode ( «_» , $setting );
$img = array();

switch ( $n = count ( $setting )) case $n > 4 :
case 3 :
$setting [ 3 ] = $setting [ 2 ];
case 4 :
$img [ ‘width’ ] = (int) $setting [ 2 ];
$img [ ‘height’ ] = (int) $setting [ 3 ];
case 2 :
$img [ ‘color’ ] = $setting [ 1 ];
$img [ ‘background’ ] = $setting [ 0 ];
break;
default:
list( $img [ ‘background’ ], $img [ ‘color’ ], $img [ ‘width’ ], $img [ ‘height’ ]) = array( ‘F’ , ‘0’ , 100 , 100 );
break;
>

$background = explode ( «,» , hex2rgb ( $img [ ‘background’ ]));
$color = explode ( «,» , hex2rgb ( $img [ ‘color’ ]));
$width = empty( $img [ ‘width’ ]) ? 100 : $img [ ‘width’ ];
$height = empty( $img [ ‘height’ ]) ? 100 : $img [ ‘height’ ];
$string = (string) isset( $_GET [ ‘t’ ]) ? $_GET [ ‘t’ ] : $width . «x» . $height ;

header ( «Content-Type: image/png» );
$image = @ imagecreate ( $width , $height )
or die( «Cannot Initialize new GD image stream» );

$background_color = imagecolorallocate ( $image , $background [ 0 ], $background [ 1 ], $background [ 2 ]);
$text_color = imagecolorallocate ( $image , $color [ 0 ], $color [ 1 ], $color [ 2 ]);

imagestring ( $image , 5 , 5 , 5 , $string , $text_color );
imagepng ( $image );
imagedestroy ( $image );

function hex2rgb ( $hex ) // Copied
$hex = str_replace ( «#» , «» , $hex );

switch ( strlen ( $hex )) case 1 :
$hex = $hex . $hex ;
case 2 :
$r = hexdec ( $hex );
$g = hexdec ( $hex );
$b = hexdec ( $hex );
break;

case 3 :
$r = hexdec ( substr ( $hex , 0 , 1 ). substr ( $hex , 0 , 1 ));
$g = hexdec ( substr ( $hex , 1 , 1 ). substr ( $hex , 1 , 1 ));
$b = hexdec ( substr ( $hex , 2 , 1 ). substr ( $hex , 2 , 1 ));
break;

default:
$r = hexdec ( substr ( $hex , 0 , 2 ));
$g = hexdec ( substr ( $hex , 2 , 2 ));
$b = hexdec ( substr ( $hex , 4 , 2 ));
break;
>

$rgb = array( $r , $g , $b );
return implode ( «,» , $rgb );
>

  • Примеры
    • Создание PNG средствами PHP
    • Добавление водяных знаков на изображения с помощью альфа-​каналов
    • Использование imagecopymerge создать полупрозрачный водяной знак
    • Copyright © 2001-2024 The PHP Group
    • My PHP.net
    • Contact
    • Other PHP.net sites
    • Privacy policy

    Как сделать фон в онлайн сервисах и как его поменять на сайтах HTML и PHP

    как поменять фон на сайте или блоге

    Здравствуйте друзья! Недавно я делал анализ своего блога с целью найти слабые места дизайна и пришел к выводу, что задний фон смотрится очень убого и никак не сочетается с основной цветовой гаммой сайта в целом.

    Все из-за того, что задний фон совпадает с основными цветами шаблона, лично меня это немного раздражает, а глаза сильно переутомляются.

    :)

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

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

    Перед тем как мы будем создавать фон, вы должны понять, что не стоит выбирать для этого большое изображение, которое создаст только дополнительную нагрузку на проект, в результате чего он будет долго загружаться.

    О том, как увеличить скорость загрузки блога я писал в предыдущих статьях: «Плагин Hyper Cache» и «Оптимизация базы данных».

    Поэтому в качестве картинки для фона лучше всего использовать ПАТТЕРН.

    Паттерн — это небольшая картинка, не имеющая швов, которая при повторении образует большой фон, заполняющий все пространство сайта.

    Чтобы сделать фон (паттерн) существует огромное число способов. Например, вы можете открыть любой поисковик и вбить в строку поиска запрос «Скачать фон для сайта», а потом долго просматривать различные сайты в надежде отыскать подходящий паттерн.

    Но как сделать фон приложив минимум усилий? Предлагаю обратить внимание на подборку онлайн сервисов, которые в своей базе имеет сотни уже готовых фонов, их останется только отредактировать и настроить по своему вкусу.

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

    Посмотрите, что у меня получилось выбрать для себя:

    Тоже неплохой онлайн генератор фонов. Есть небольшой ряд настроек и немаленькая база заготовок.

    Мой результат работы:

    фон для блога в stripegenerator

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

    Посмотрите, что я подобрал себе:

    Для тех, кто хочет создать себе фон в клеточку стоит посетить данный онлайн сервис фонов.

    фон tartanmaker

    Как поменять фон на сайтах HTML и PHP

    Если вы работаете с сайтом разработанным исключительно на HTML, тогда вам понадобиться вставить фон в открывающий тег . Должно получиться примерно следующее:

    body background="images/fon-1.png">

    Главное правильно укажите путь к изображению. Также для страховки можете прописать вдобавок к картинке еще и цвет, на тот случай если вдруг по каким-либо причинам паттерн не загрузится.

    body bgcolor="#FFFFFF" background="images/fon-1.png">

    Если основной паттерн не загрузится, вместо него подгрузится цвет, указанный в bgcolor (FFFFFF).

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

    Для этого я закачиваю картинку (паттерн) на хостинг, папка находится по такому адресу:

    /httpdocs/wp-content/themes/Prosumer/images

    Затем необходимо открыть файл style.css и указать адрес, где хранится ваше изображение.

    Внимание! Если у вас картинка и файлы css темы, расположены в разных директориях, укажите точный путь к ней.

    Перезагружаем страницу сайта и смотрим полученный результат.

    P.S. Еще хотелось бы добавить, что вы можете настраивать как будет повторяться паттерн. Для этого существует атрибут repeat.

    background: #FFFFFF url(images/fon-1.png) repeat;

    background: #FFFFFF url(images/fon-1.png) repeat;

    Основные настройки:

    • — repeat — изображение будет повторяться как по вертикали, так и по горизонтали;
    • — repeat-x — повторение только по горизонтали;
    • — repeat-y — повторение только по вертикали;
    • — no-repeat – запрет на повторение.

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

    Посмотрите видео «Как поменять фон на сайте» и у вас не должно остаться никаких вопросов.

    На сегодня у меня все. Понравилась статья? Подпишись на обновления страниц блога по почте и будь в курсе новых постов, новостей и конкурсов. Жду отзывы и дополнения в комментариях. Пока!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *