Membuat Css Dinamis dengan Control PHP MYSql

Publish Date : 07-11-2016 , dibaca 6480 kali, Hari ini dibaca : 1 kali ,0 comments

OK.. tutorial kali ini admin akan share artikel yang cukup menarik.. File css dimana merupakan style tampilan dari sebuah website biasanya hanya bersifat statis, Namun pada beberapa kasus kreasi pembuatan website yang ingin membuat file css bisa dirubah secara dinamis, ini biasanya terjadi pada seseorang yang mempunyai imajinasi dan tinggkat creatifitas yang tinggi,

Gimana Cara membuat File CSS bisa di control atau di kendalikan dengan PHP sih.. ?

Logika CSS Dinamsi denga PHP Mysql

sederhanya , logika untuk mengontrol file css, kita menyimpan nilai value, atau seluruh data css kedalam database kita

Lihat code dibawah ini : contoh style.php

<?php

//Set the content-type header and charset.
header("Content-Type: text/css; charset=utf-8");

//Setup our colour variables.
$backgroundColor = '#000000';
$textColor = '#FFFFFF';

?>

/** CSS begins **/
body{
    background-color: <?= $backgroundColor; ?>;
    color: <?= $textColor; ?>;
}

Dapat anda lihat , pada code di atas kita membuat variabel untuk $backgorundColor , dan pada bagian css kita panggil variabel tersebut, begitu seterusnya,, dan jangan lupa includekan header("Content-Type: text/css; charset=utf-8");pada paling atas css anda.

Contoh Pemanggilan file css nya : index.php

<html>
    <head>
        <meta charset="UTF-8">
        <link rel='stylesheet' type='text/css' href='style.php' />
        <title>Example</title>
    </head>
    <body>
        Hello world!
    </body>
</html>

Bagaimana.. ? silahkan anda kembangkan dan sesuaikan dengan kebutuhan anda ya.. selamat mencoba

Download Style Paging dengan CSS3
Previous Post

Mengelompokkan data didalam Select dengan optgroup
Next Post