Tampilkan postingan dengan label program. Tampilkan semua postingan

Cara Membuat Form Login Sederhana Di PHP

Nah pada kesempatan kali ini saya akan membahas tentang bagaimana Cara Membuat Form Login Sederhana Di PHP form login ini sekaligus sudah ditambahkan dengan SESSION, dan tentunya ini masi manual, belum memanggil perintah dari database ,oke..simak caranya berikut

Lihat gambar berikut :

dan script untuk membuat form login, dan simpan dengan nama input.php :

dan login username : admin

password :123

untuk menggantinya silahkan di ubah sendiri :D

<?php 
session_start();
session_destroy();
$user = isset($_REQUEST['user']) ? $_REQUEST['user'] : '';
$pass = isset($_REQUEST['pass']) ? $_REQUEST['pass'] : '';
if ($user=="" || $pass=="")
{
$err="1";
}
else
{
$err="2";
}
if ($err=="1")
$pesan="<script>alert('isi username dan password anda');</script>";
if ($err=="2")
{
     //$nm="admin"; $pw="123";
    
    if ($user=="admin" && $pass=="123")
     {
     session_start();
     $_SESSION['user']="admin";
     $_SESSION['pass']="123";
     header("location:index1.php");
     }
     else
     {
     $err="3";
     }
}
if ($err=="3")
$pesan="<script>alert('isi username dan password anda');</script>";
?>
<html>
<head>
<title>input</title>
<style type="text/css">
<!--
.style3 {font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }
.style5 {font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; }
-->
</style>
</head>
<body>
<form id="form1" name="form1" action="">
  <table width="40%" border="0" align="center">
    <tr>
      <td colspan="2" align="center" bgcolor="#000000"><span class="style5">Login</span></td>
    </tr>
    <tr>
      <td width="35%"><span class="style3">Username</span></td>
      <td width="65%"><input name="user" type="text" id="user" value="<?php echo $user; ?>" /></td>
    </tr>
    <tr>
      <td><span class="style3">Password</span></td>
      <td><input name="pass" type="password" id="pass" value="<?php echo $pass; ?>" /></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><input name="Submit" type="submit" value="Submit" /><?php echo $pesan; ?></td>
    </tr>
  </table>
</form>
</body>
</html>

Untuk form logout lihat gambar berikut:

dan script form logout sebagai berikut, simpan dengan nama Index1.php :

<?php
session_start();
if (empty($_SESSION["user"]))
{
    header("location:input.php");
}
else
{
?>
<html>
<head>
<title>index</title>
</head>
<body>
Welcome
<a href="input.php">Logout</a>
</body>
</html>
<?php } ?>

oke...just simple, jika ingin dikombinasikan dengan Mysql/database., tinggal di oprek2..sdikit...aja..hee

Sumber

2/19/2013

Posted by Unknown

0 Comments

Tag : program

Cara Membuat Jam Analog di PHP

►

Cara Membuat Jam Analog di PHP | Bagaimana Cara Mebuat Jam Analog di Php, Trick Membuat Jam Analog di PHP PHP tidak hanya mampu membuat skrip-skrip kode untuk proses CRUD, tapi juga bisa loh dibuatkan kode untuk pembuatan jam analog, layaknya jam dinding. disini saya ingin mencoba berbagi tentang bagaimana sih caranya membuat jam analog menggunakan fungsi PHP murni.. dalam artian, tidak diikut campurkan dengan teknik atau software lain, misalnya Flash ataupun javascript. langsung tancap aja gan..

Kode PHP nya sebagai berikut :

if (! $size > 0) {

$size = 300;

}

$radius = floor($size/2);

header ("content-Type: image/gif");

$img = ImageCreate($size, $size);

$color_alpha = ImageColorAllocate($img, 254, 254, 254);

$color_white = ImageColorAllocate($img, 255, 255, 255);

$color_black = ImageColorAllocate($img, 0, 0, 0);

$color_grey = ImageColorAllocate($img, 192, 192, 192);

$color_red = ImageColorAllocate($img, 255, 0, 0);

$color_blue = ImageColorAllocate($img, 0, 0, 255);

ImageColorTransparent($img, $color_alpha);

ImageArc($img, $radius, $radius, $size, $size, 0, 360, $color_black);

ImageFill($img, $radius, $radius, $color_white);

$min = 0;

while ($min++ < 0) {

if ($min % 15 == 0)

$len = $radius / 5;

else if ($min % 5 == 0)

$len = $radius / 10;

else

$len = $radius / 25;

$ang = (2 * M_PI * $min) / 60;

$x1 = sin($ang) * ($radius - $len) + $radius;

$y1 = cos($ang) * ($radius - $len) + $radius;

$x2 = (1 * sin($ang)) * $radius;

$y2 = (1 * cos($ang)) * $radius;

ImageLine($img, $x1, $y1, $x2, $y2, $color_black);

}

list($hour, $min, $sec) = preg_split ("/-/",Date("h-i-s", time() - 3600));

$hour = $hour % 12;

$xs = intval(cos($sec * M_PI/30 - M_PI/2) * 0.75 * $radius + $radius);

$ys = intval(sin($sec * M_PI/30 - M_PI/2) * 0.75 * $radius + $radius);

$xm = intval(cos($min * M_PI/30 - M_PI/2) * 0.65 * $radius + $radius);

$ym = intval(sin($min * M_PI/30 - M_PI/2) * 0.65 * $radius + $radius);

$xh = intval(cos($hour * 5 * M_PI/30 - M_PI/2) * 0.5 * $radius + $radius);

$yh = intval(sin($hour * 5 * M_PI/30 - M_PI/2) * 0.5 * $radius + $radius);

ImageLine($img, $radius, $radius, $xs, $ys, $color_grey);

ImageLine($img, $radius, $radius-1, $xm, $ym, $color_blue);

ImageLine($img, $radius-1, $radius, $xm, $ym, $color_blue);

ImageLine($img, $radius, $radius-1, $xh, $yh, $color_blue);

ImageLine($img, $radius-1, $radius, $xh, $yh, $color_blue);

ImageArc($img, $radius, $radius, $radius/8, $radius/8,0,360, $color_red);

ImageFillToBorder($img, $radius, $radius, $color_red, $color_red);

ImageGif($img);

ImageDestroy($img);

Catatan : jika kode ini tidak berjalan dengan baik, bisa jadi karena perbedaan versi server dan juga browser.

disini saya menggunakan Xampp 1.6.7. dan browser Opera 11.0

Semoga pembuatan jam analog PHP murni dapat memberikan pengetahuan baru bagi Anda..

sumber

Posted by Unknown

0 Comments

Tag : program

CSS 3 Kolom

►

Sebelum CSS3, kita biasanya membuat layout kolom dengan bantuan CSS Float atau sistem grid. Tapi saat ini kita bisa menggunakan CSS untuk membelah paragraf menjadi kolom-kolom. Meskipun fiturnya masih terbatas, yaitu hanya bisa membelah, menentukan jarak antar kolom dan memberi garis pemisah, tapi secara keseluruhan, CSS kolom sudah bisa dikatakan sangat membantu terutama karena kemampuannya dalam mengisi setiap kolom dengan jumlah teks yang sama rata.

Sintaks CSS Kolom

p {
  -webkit-column-count:3; /* Chrome & Safari */
  -moz-column-count:3; /* Firefox */
  column-count:3; /* Standar CSS3 & Opera */
}

Kode di atas akan membelah paragraf menjadi tiga buah kolom.

Properti CSS kolom pada peramban Opera sudah mengikuti standar CSS3 dan tidak memerlukan prefiks -o- seperti pada umumnya. Sampai saat ini Internet Explorer masih belum mendukung CSS Kolom.

Jarak dan Pembatas

Selain menentukan jumlah kolom, CSS kolom juga bisa menentukan jarak antar kolom dan juga mengatur garis pembatas antar kolom. Berikut ini adalah contoh cara menentukan jarak antar kolom sebesar 100px:

Sintaks CSS

p {
  -webkit-column-gap:100px;
  -moz-column-gap:100px;
  column-gap:100px;
}

Untuk menciptakan garis pembatas antar kolom, kita menggunakan properti column-rule yang pada dasarnya memiliki cara kerja sama persis dengan properti border:

Sintaks CSS

p {
  -webkit-column-rule:5px solid #ccc;
  -moz-column-rule:5px solid #ccc;
  column-rule:5px solid #ccc;
}

Dan seperti halnya properti border, mereka juga bisa dibagi menjadi tiga properti terpisah:

Sintaks CSS

/* column-rule:column-rule-width column-rule-style column-rule-color; */
p {
  -webkit-column-rule-width:5px;
  -moz-column-rule-width:5px;
  column-rule-width:5px;
  -webkit-column-rule-style:solid;
  -moz-column-rule-style:solid;
  column-rule-style:solid;
  -webkit-column-rule-color:#ccc;
  -moz-column-rule-color:#ccc;
  column-rule-color:#ccc;
}

Membuatnya Menjadi Responsif

Meskipun CSS Kolom akan secara otomatis menyesuaikan lebar masing-masing kolom dengan ukuran lebar elemen pembungkus seperti halnya saat kita menggunakan satuan persentase, tapi saat ukuran layar menyempit, kolom-kolom di dalamnya juga akan ikut menyempit dan membuat kalimat-kalimat di dalamnya menjadi sulit untuk dibaca. Untuk menyiasatinya, kita bisa menggunakan media queries dan mengurangi jumlah kolom ketika ukuran layar sedang berada pada ukuran lebar tertentu:

Sintaks CSS

/* Ubah jumlah kolom menjadi 2 saat lebar layar maksimal berada pada 800 piksel */
@media screen and (max-width:800px) {
    p {
      -webkit-column-count:2;
      -moz-column-count:2;
      column-count:2;
    }
}

Sintaks CSS

/* Satukan semua kolom saat lebar layar maksimal berada pada 600 piksel */
@media screen and (max-width:600px) {
    p {
      -webkit-column-count:auto;
      -moz-column-count:auto;
      column-count:auto;
    }
}

Posted by Unknown

0 Comments

Tag : program

Free Downloads

download Software, Games dan yang lainnya disini gratis

Tampilkan postingan dengan label program. Tampilkan semua postingan

Cara Membuat Form Login Sederhana Di PHP

Cara Membuat Jam Analog di PHP

CSS 3 Kolom

Sintaks CSS Kolom

Jarak dan Pembatas

Sintaks CSS

Sintaks CSS

Sintaks CSS

Membuatnya Menjadi Responsif

Sintaks CSS

Sintaks CSS

Mengenai Saya

Popular Post

Followers

Anda Pengunjung Ke

Blog Archive