Profil Penulis

author photo

Hairudy: Nama sebenar saya adalah Hair Rudy Md.Noor, kadang-kadang atau jarang-jarang kawan-kawan saya panggil saya Hair. Ini kerana bunyinya terlalu kekok bagi saya. Saya meminati bidang reka bentuk laman web. Kerjaya sebagai pereka laman web seawal 2002. (http://www.hairudy.net)

Lihat semua pos oleh hairudy

CSS Secara Rawak Gabungan PHP

28 August 2008 | Pos Terkait | Dalam Kategori

Tips hari khamis malam jumaat? :) hari ini saya akan menunjukkan kepada anda cara yang paling mudah untuk menghasilkan latar belakang (background image) laman web anda dengan penggunaan CSS dan PHP.

Sila Lihat: contoh paparan yang telah siap saya hasilkan.

Langkah Pertama

Ok! dalam situasi ini, saya cuma menghasilkan 5 file/document CSS dan index.php untuk paparan web bagi untuk menghasilkan perubahan pada laman web saya apabila saya “refresh page” akan menghasilkan latar belakang yang berbeza-beza. Di dalam kes ini, anda boleh menghasilkan seberapa banyak CSS yang anda perlukan.

Disini contoh structure bagi laman web saya dan contoh CSS saya dibawah ini.

1. index.php (paparan laman web dan link css/php anda.)
2. style.css
3. black.css
4. blue.css
5. orange.css

Style.css

Orange.css

Blue.css

Black.css

Langkah Kedua

Bagi langkah ini, saya menghasilkan PHP code bagi memanggilkan CSS code secara rawak. Sila lihat code dan contoh gambarajah dibawah ini.
<?
$arrstyle[0]=”black”;
$arrstyle[1]=”orange”;
$arrstyle[2]=”blue”;
$x=rand(0,2);
?>

style type="text/css" media="screen"> @import"css/.css";

Langkah Terakhir

Saya telah menambahkan 3 images bagi menarik perhatian anda. Saya menghasilkan 3 latar belakang yang berbeza warna untuk diletakkan di dalam ketiga-tiga code css saya.

Selamat Mencuba!

Muat Turun File

Happy Browsing,
:) hairudy.net

Hantar MaklumBalas

*Sila dapatkan Gravatar anda di www.gravatar.com