Rabu, 26 September 2012
Pada kesempatan ini , sedikit kita akan berinteraksi dengan tampilan, Penggunaan Tulisan Berjalan pada pembuatan web dinamis ini dimaksudkan untuk memperindah tampilan website kita, Sehingga enak di lihat dan memberikan kesan dan informasi yang berguna bagi yang mengakses website kita.
Langsung saja .. Untuk tampilan halaman "index.php" sebelumnya seperti ini :
Kita akan menyisipkan tulisan berjalan, pada baris ke-2 setelah Hider..
Berikut Script Nya :
Perhatikan pada script di atas terdapat tulisan "..........ISI TULISAN............" , pada tulisan ini lah tempat kita mengetikkan tulisan yang ingin kita tampilkan nanti.
Disini Saya akan mengisi tulisan dengan " Selamat Datang Di Website Kami" , Sehingga Scriptnya menjadi :
Setelah itu Kita sisipkan Script di atas pada file "index.php " baris ke-2 pada bagian bawah Header. Sehingga Script "index.php" yang sudah kita sisipkan script Marquee akan berubah seperti di bawah ini :
Dan berikut Tampilannya :
Langsung saja .. Untuk tampilan halaman "index.php" sebelumnya seperti ini :
| |||||||||||
Kita akan menyisipkan tulisan berjalan, pada baris ke-2 setelah Hider..
Berikut Script Nya :
<marquee onmouseover="this.stop()" onmouseout="this.start()" truespeed="true" scrollamount="1" scrolldelay="40" direction="left"> <strong>.....ISI TULISAN.....</strong> </marquee>
Perhatikan pada script di atas terdapat tulisan "..........ISI TULISAN............" , pada tulisan ini lah tempat kita mengetikkan tulisan yang ingin kita tampilkan nanti.
Disini Saya akan mengisi tulisan dengan " Selamat Datang Di Website Kami" , Sehingga Scriptnya menjadi :
<marquee onmouseover="this.stop()" onmouseout="this.start()" truespeed="true" scrollamount="1" scrolldelay="40" direction="left"> <strong>.....Selamat Datang Di Website Kami.....</strong> </marquee>
Setelah itu Kita sisipkan Script di atas pada file "index.php " baris ke-2 pada bagian bawah Header. Sehingga Script "index.php" yang sudah kita sisipkan script Marquee akan berubah seperti di bawah ini :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Web Portal Ebsof</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <table width="800" border="0" align="center" cellpadding="0" cellspacing="0"> <tr bgcolor="#003366"> <td height="100" colspan="2"> </td> </tr> <tr bgcolor="#CCFF66"> <td colspan="2"><marquee onmouseover="this.stop()" onmouseout="this.start()" truespeed="true" scrollamount="1" scrolldelay="40" direction="left"> <strong>.....Selamat Datang Di Website Kami.....</strong> </marquee> </td> </tr> <tr> <td width="200" height="600" valign="top" bgcolor="#00CCFF"><table width="200" border="0" cellspacing="0" cellpadding="0"> <tr> <td><form name="form1" method="post" action="cek_login.php"> <table width="200" border="0" cellspacing="0" cellpadding="2"> <tr bgcolor="#003366"> <td height="30" colspan="2"><div align="center"><strong>Form Login </strong></div></td> </tr> <tr> <td width="74" height="30">Username</td> <td width="126">: <input name="username" type="text" id="username" size="10"></td> </tr> <tr> <td height="30">Password</td> <td>: <input name="password" type="password" id="password" size="10"></td> </tr> <tr> <td height="30"> </td> <td><input type="submit" name="Submit" value="Login"></td> </tr> </table> </form></td> </tr> <tr> <td> </td> </tr> </table></td> <td width="600" valign="top"> </td> </tr> <tr bgcolor="#0099FF"> <td height="80" colspan="2"> </td> </tr> </table> </body> </html>
Dan berikut Tampilannya :
| |||||||||||