Kamis, 17 November 2011

Mewarnai Tabel Secara Selang-Seling Data Informasi dengan CSS dan PHP MySql

Posted at 17.44 by thegudangupil
Kali ini saya akan berbagi sedikit apa yang saya ketahui mengenai bagaimana mewarnai tabel secara selang-seling, pada artikel ini tentunya diharapkan rekan-rekan para pembaca sudah memiliki database yang akan ditampilkan, nah disini saya mencoba menampilkan database informasi mahasiswa yang sebelumnya saya telah membuat databasenya, yang berarti pada tutorial ini hanya memanggil database untuk ditampilkan dalam sebuah database yang akan kita perindah dari segi penampilan tabelnya, langsung saja berikut screenshotnya
 *memperbesar gambar double klik


rumusnya sebagai berikut  dan simpanlah dengan namafile belajar.php :


<style type="text/css">
table {
border: 1px solid #000000;
}
th {
background-color: #B45F04;
color : #08088A;
}
tr:hover{
background-color: #088A85;
}


</style>
<?php
echo "<body bgcolor='#E1F5A9'>";
echo"<center>";
$warna1 = "#04B431";
$warna2= "#AEB404";
$warna = $warna1;


echo "<h1>Halaman Informasi Data Mahasisa</h1>";
echo "<table cellpadding=4><tr><th>Nomor</th><th>NIM</th><th>Nama Mahasiswa</th><th>Email</th><th>Jurusan / Prodi</th></tr>";
mysql_connect("localhost","root","");
mysql_select_db("dbelajar");
$tampil="SELECT * FROM mahasiswa";
$hasil=mysql_query($tampil);


$no=1;
while ($data=mysql_fetch_array($hasil)){
if ($warna == $warna1){
$warna = $warna2;
}
else{
$warna=$warna1;
}
echo "<tr bgcolor=$warna><td>$no</td>
<td>$data[NIM]</td>
<td>$data[nama]</td>
<td>$data[email]</td>
<td>$data[prodi]</td></tr>";
$no++;
}
echo "</table>";
echo "</center>";
echo "</body>";
?>


selamat mencoba dan berkreasi!

Related Post



Tidak ada komentar:

Posting Komentar