Cara Mengubah CSS Menggunakan PHP

04 May 2023



pada kesempatan kali ini saya akan berbagi tutorial yaitu bagaimana cara mengubah style css menggunakan bahasa pemrograman php

 

Pertama buatkan file dengan nama index.php

lalu isikan script berikut :

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>PHP TUTORIAL</title>
</head>
<body>

	<form action="" method="post" autocomplete="off">
		<label for="">Pilih Warna Background</label>
		<input type="color" name="color"> <br><br>

		<button type="submit">Simpan</button><br>
	</form>
	
</body>
</html>

 

Penjelasan :

<input type="color" name="color"> <br><br>

Disini saya akan membuat warna latar belakang menjadi dinamis sesuai dengan inputan user

pada input diatas saya menggunakan type color yaitu untuk memberikan warna

 

Lalu tambahkan script php pada paling atas codingan

berikut codenya

 

<?php 
	
	if (isset($_POST['color'])) {
		$color 	= $_POST['color'];
	}else {
		$color = "#ffffff";
	}

 ?>

pada script di atas ketika isset atau form sedang di eksekusi maka ubah nilai color menjadi value sesuai yang di inputkan

 

namun apabila tidak di eksekusi formnya maka defaultnya berisi #ffffff yang artinya sebuah hex warna putih

 

Kemudian tambahkan code style css di tag head

<style>
		body {
			background-color: <?= $color; ?>;
		}
	</style>

 

 

Script lengkapnya sebagai berikut :

<?php 
	
	if (isset($_POST['color'])) {
		$color 	= $_POST['color'];
	}else {
		$color = "#ffffff";
	}

 ?>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>PHP TUTORIAL</title>
	<style>
		body {
			background-color: <?= $color; ?>;
		}
	</style>
</head>
<body>

	<form action="" method="post" autocomplete="off">
		<label for="">Pilih Warna Background</label>
		<input type="color" name="color"> <br><br>

		<button type="submit">Simpan</button><br>
	</form>
	
</body>
</html>

 

Sekian penjelasan bagaimana mengubah style css menggunakan bahasa pemograman php

 

#php tutorial #php edit css #Mengubah CSS menggunakan PHP