Hướng dẫn how can i change background color of my website in php? - Làm cách nào để thay đổi màu nền của trang web trong php?

Question

4

Nội dung chính Show

Làm thế nào tôi có thể thay đổi màu nền trong PHP?
nếu( ... .
Làm cách nào để thay đổi màu nền trong HTML CSS?

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Tôi có một trang HTML tiêu chuẩn vì vậy:

<html>
<head>..
.
..
and so on

và tôi có một tập lệnh PHP được liên kết với trang HTML đó với:

if blablabla {

change background color;
}

Có ai biết cách thay đổi màu nền của trang của tôi nếu các điều kiện trong câu lệnh IF được đáp ứng không?

Tôi hy vọng tôi đã làm rõ điều này, nếu không, xin vui lòng nói bit nào không rõ ràng.

Nhờ sự giúp đỡ trước

hỏi ngày 29 tháng 3 năm 2011 lúc 15:59Mar 29, 2011 at 15:59

1

Đặt thẻ

if blablabla {

change background color;
}

1 của bạn bên trong nếu khác

if blablabla {

 echo '<body style="background-color:white">';
}
else {
 echo '<body style="background-color:orange">';
}

Đã trả lời ngày 29 tháng 3 năm 2011 lúc 16:04Mar 29, 2011 at 16:04

Shakti Singhshakti SinghShakti Singh

82.2K20 Huy hiệu vàng133 Huy hiệu bạc150 Huy hiệu Đồng20 gold badges133 silver badges150 bronze badges

2

Nó không nhất thiết là thực hành tuyệt vời, nhưng nó sẽ hoàn thành công việc:

if ( your_conditional ) {
  $styleBlock = sprintf('
    <style type="text/css">
       body {
         background-color:%s
       }
    </style>
  ', $yourColor);
  echo $styleBlock;
}

Một điều tốt (?) Về điều này là với kỹ thuật này, bạn có thể đặt câu lệnh

if blablabla {

change background color;
}

2 của mình ở bất cứ đâu - nó sẽ hành động trên thẻ cơ thể bất kể bạn đặt nó ở đâu.

Một thận trọng: Nếu bạn có các quy tắc phong cách bổ sung cho màu nền của thẻ

if blablabla {

change background color;
}

3 xa hơn trên trang của bạn, chúng sẽ được ưu tiên hơn so với câu lệnh

if blablabla {

change background color;
}

2 của bạn.

Đã trả lời ngày 29 tháng 3 năm 2011 lúc 16:09Mar 29, 2011 at 16:09

Kyle Humfeldkyle HumfeldKyle Humfeld

1.8373 huy hiệu vàng23 Huy hiệu bạc28 Huy hiệu đồng3 gold badges23 silver badges28 bronze badges

Đây là mã mà tôi không thay đổi nền của cơ thể

<body bgcolor="<?php echo $name2; ?>">

Đã trả lời ngày 21 tháng 12 năm 2016 lúc 21:28Dec 21, 2016 at 21:28

Bây giờ bạn có thể dễ dàng thay đổi màu nền của trang web hoặc blog của bạn thông qua PHP. Thông qua ngôn ngữ PHP, bạn có thể thay đổi một cách linh hoạt.

<html>

<head>
<title>Dynamic Background Color Change</title>
</head>

<body bgcolor="<?php
if (isset($_POST['btn']))
{
$col=$_POST['t1'];
if(isset($col))
{
echo $p=$col;
}
else
{
echo $p="#ffffff";
}
}
?>">

<form action="" method="post" >
<strong> Choose Color to Change Background :- </strong>
<select name="t1">
<option value="">Choose Color </option>
<option value="#000000"> Black </option>
<option value="#0000ff"> Blue </option>
<option value="#a52a2a"> Brown </option>
<option value="#00ffff"> Cyan </option>
<option value="#006400"> Dark Green </option>
<option value="#808080"> Grey </option>
<option value="#008000"> Green </option>
<option value="#ffa500"> Orange </option>
<option value="#ffc0cb"> Pink </option>
<option value="#800080"> Purple </option>
<option value="#ff0000"> Red </option>
<option value="#ffffff"> White </option>
<option value="#ffff00"> Yellow </option>
</select>
<br>
<input type="submit" name="btn" value="Submit">
</form>

</body>
</html>

Phương pháp thay thế

Chúng tôi cũng có thể làm điều đó bằng cách sử dụng AJAX khiến nó hấp dẫn và thân thiện với người dùng hơn.

Bước1 Tạo một tệp file.php và đặt mã đã cho ở đó. 1 Create a file color.php and put the given code there.

color.php

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body class="body">

<div class="container">
  <h2>Dynamic Background Color Change using AJAX</h2>

  <form method="post" enctype="multipart/formdata" style="width:40%">
    <div class="form-group">
      <label for="username">Choose Color to Change Background :-</label>
      <select name="t1" class="form-control t1">
		<option value="">Choose Color </option>
		<option value="#000000"> Black </option>
		<option value="#0000ff"> Blue </option>
		<option value="#a52a2a"> Brown </option>
		<option value="#00ffff"> Cyan </option>
		<option value="#006400"> Dark Green </option>
		<option value="#808080"> Grey </option>
		<option value="#008000"> Green </option>
		<option value="#ffa500"> Orange </option>
		<option value="#ffc0cb"> Pink </option>
		<option value="#800080"> Purple </option>
		<option value="#ff0000"> Red </option>
		<option value="#ffffff"> White </option>
		<option value="#ffff00"> Yellow </option>
	 </select>
    </div>
  </form>
</div>
<script>
$(document).on("change",".t1",function(){
var color=$('.t1').val();
jQuery.ajax({
            type: "post",
            url: "ajax.php",
            data: "color=" + color,
            success: function(data) {
               $('.body').css("background",data);
            }
        });
		});
</script>
</body>
</html>

Bước2 Tạo một tệp AJAX.php và đặt mã đã cho ở đó. 2 Create a file ajax.php and put the given code there.

<?php
if(isset($_POST['color'])){
echo $_POST['color'];
}
?>

Output:

Các chủ đề liên quan:

CSS3 Color

Bootstrap Text Color

if blablabla {

change background color;
}

0

Như bạn có thể thấy thay đổi màu sắc của trang web của bạn không khó khăn nhưng hoàn toàn quan trọng để làm điều đó. Màu sắc của trang web của bạn cũng đóng một vai trò rất quan trọng trong việc thu hút khán giả.

Nếu người dùng của bạn không thích màu sắc họ nhìn thấy, rất khó có khả năng họ sẽ quay lại. Vì vậy, sử dụng mã sau để thay đổi màu sắc của trang web của bạn và làm cho nó trông hấp dẫn hơn đối với người dùng của bạn.