Rabu, 29 April 2015

Menu Drop Down pada HTML dengan CSS

Pada kesempatan kali ini, saya akan memberi sedikit informasi tentang bagaimana cara memberi menu Drop Dwon pada HTML dengan menggunakan CSS, bagi kalian yang terbiasa tidak menggunakan CSS mungkin akan terasa sedikit sulit, namun tidak ada salahnya mencoba untuk belajar, baiklah langsung saja salin script - script dibawah ini :

Pertama kita masukkan script di bawah ini kedalam script CSS yang telah kita buat sebelumnya, silahkan salin script di bawah ini :

nav ul ul {
 display: none;
}
 nav ul li:hover > ul {
  display: block;
 }
nav ul {
    background: none;  /*background menu*/
    list-style: none; /*menghilangkan titik pada list*/
    position: relative;
    display: inline-table;
}
 nav ul:after {
  clear: both;
  display: block;
 }

 nav ul li {
  float: left;
 }
  nav ul li:hover {
   background: none; /*mengubah warna saat mouse berada diatasnya*/
  }
   nav ul li:hover a {
    color: #ec7195; /*mengubah warna link saat mouse berada diatasnya*/
   }
 
  nav ul li a {
   display: block;
   padding: 5px 40px; /*pengaturan link */
   color: #ec7195; text-decoration: none;
  }
  
 
 nav ul ul {
  background: none; /*menu dropdown*/
  padding: 0px;
  position: center;
  top: 100%;
 }
  nav ul ul li {
   float: none; /*menampilkan drop down ke bawah*/
  }
   nav ul ul li a {
    padding: 0px;
    color: #fff;
   }
    nav ul ul li a:hover {
     background: none;
    } 

Kedua adalah memasukkan script Drop Downnya pada "Index" kalian masing - masing, salinlah script di bawah ini:

<center>
<div class="navigation">
    <nav>
     <ul>
        <li><a href="Index.html">H O M E</a></li>
       
        <li><a href="kebutuhan.html">K E B U T U H A N</a></li>
    
         <li><a href="#">P A K A I A N</a>
              <ul>
                 <li><a href="baju.html">B A J U</a></li>
                 <li><a href="piyama.html">P I Y A M A</a></li>
                 <li><a href="celana.html">C E L A N A</a></li>
              </ul>
        </li>
        <li><a href="Kontak.html">K O N T A K</a></li>
   
     </ul>
    </nav>
</div>
</center> 
Tampilannya akan seperti ini :
  
Sekian dan semoga bermanfaat
 

Diposting oleh di Tidak ada komentar:

Login dan Logout tampa Database

Oke guys, setelah kemarin saya memposting cara membuat Form Daftar, Login dan Logout dengan PHP MySQL, kali ini saya dengan gratis alias free akan membagikan sedikit informasi tentang cara membuat Form Login dan Logout tanpa Database, kebetulan ini merupakan revisi saya dalam mengerjakan tugas akhir cawu di kampus, silahkan simak postingan berikut, semoga bermanfaat :

Pertama salin lah scrip di bawah ini dan simpan sebagai "Login.php" (tampa tanda petik)

<html>
<head><title>Login</title>
<style>
.LoginForm
{
    width : 350px;
    height: 200px;
    padding : 5px;
    border : 2px Solid #000;
    background-color : #ccc;
    border-radius : 50px;
    margin : Auto;
}
</style>

</head>

<body>
<center>
    <div class="LoginForm">
            <h2>MASUKKAN<br>Username dan Password</h2>
            <FORM ACTION="proses.php" METHOD="POST" NAME="input">
                <table>     
                        <tr><td>Username</td> <td>: <input type="text" name="username"></td><tr>
                        <tr><td>Password</td> <td>: <input type="password" name="password"></td><tr>
                        <tr><td><input type="submit" name="Login" value="Login"></td>
                        <td><input type="reset" name="reset" value="reset"></td></tr>
                </table>
            </FORM>     
    </div>       
</center>
</body>
</html>    

"LoginForm" di atas tersebut berguna untuk memberi bingkai pada form login, apabila kalian tidak memerlukan bingkai, tinggal hapus saja Script ini "<div class="LoginForm"> </div>" 
Apabila kalian menggunakan tampa "LoginForm" maka tampilannya akan seperti ini :
 
Akan tetapi apabila kalian menggunakan "LoginForm", maka tampilannya akan seperti ini :
 Lebih indah bukan
Kedua silahkan buat Script "Proses.php" sebagai action dari Login.php, salinlah script dibawah ini
<?php
if (isset($_POST['Login'])){
    $user = $_POST['username'] ;
    $pass = $_POST['password'] ;
    if ($user == "gilang" && $pass =="gilang") {
        $_SESSION['username'] = $user ;
        header('location:index.html');
    } else {
        echo "Login Gagal" ;
    }
}
?>
Dalam baris ke lima ( if ($user == "gilang" && $pass =="gilang") { ) silahkan isi user dan password sesuai dengan keinginan kalian masing-masing,kalau disini saya menggunakan user "Gilang" dengan password yang sama dengan user.
Untuk baris ke enam dan ke tujuh merupakan fungsi untuk melanjutkan proses ke "index.html" apabila user name dan password yang di inputkan benar

Itulah script bagaimana caranya membuat Form Login tampa Database, selanjutnya adalah bagaimana cara membuat Script "sederhana" Logout

Yang terkahir adalah membuat Script "sederhana" "Logout.php", silahkan di salin script di bawah ini :

<?php
session_start();
unset($_SESSION['username']);
?><title>Logout</title>
<center>
<h2>Anda telah berhasil logout..</h2>
Silahkan klik <b><a href="login.php">disini</a></b> untuk login kembali
</center>    

Script "Logout.php" ini diletakkan ke dalam "index.html" kalian masing - masing. Berikut tampilannya :

Semoga Bermanfaat, jangan lupa untuk selalu berbagi
Diposting oleh di Tidak ada komentar:

Jumat, 17 April 2015

Cara Membuat Form Daftar, Login dan Logout dengan PHP MySQL

Membuat Database MySQL dengan phpMyAdmin

Terlebih dahulu buatlah database, dalam contoh ini saya menggunakan phpMyAdmin.
-Buat database dengan nama “latihan”.


 -Buat tabel dengan nama “user” dan isikan 3 untuk jumlah kolom yang akan dibuat.
-Kemudian isikan ke 3 kolom yang telah dibuat tadi seperti berikut :
-Jika sudah silahkan tekan tombol save untuk menyimpan field yang telah kita isikan.

Apabila langkah diatas telah dilalui berati database telah selesai dibuat dan siap digunakan. Langkah berikutnya adalah membuat form dan proses PHP ke database MySQL.
Disini diperlukan beberapa file yang harus dibuat.
  1. koneksi.php
  2. index.php
  3. daftar.php
  4. prosesdaftar.php
  5. login.php
  6. proseslogin.php
  7. logout.php
Sebelum ke pembuatan form daftar dan login saya minta untuk membuat file koneksi.php untuk menghubungkan ke database, dengan kode dibawah ini.
1<?php $host = "localhost"; $user = "root"; $pass = ""; $db = "latihan"; $konek = mysql_connect($host, $user, $pass) or die ('Koneksi Gagal! '); mysql_select_db($db); ?>

Pertama buatlah file dengan nama index.php dimana file ini akan ditampilkan ketika login sukses, isikan dengan kode dibawah :
01<?php
02session_start();
03if(!isset($_SESSION['username'])) {
04header('location:login.php'); }
05else { $username = $_SESSION['username']; }
06require_once("koneksi.php");
07$query = mysql_query("SELECT * FROM user WHERE username = '$username'");
08$hasil = mysql_fetch_array($query);
09?>
10<html>
11<head>
12<title>Halaman Sukses Login</title>
13</head>
14<body>
15<center>
16<?php
17echo "<h2>Selamat Datang, $username </h2>";
18?>
19<a href="logout.php"><b>Logout</a>
20</center>
21</body>
22</html>

Buatlah file dengan nama daftar.php dan isikan dengan code dibawah ini.
01<?php
02session_start();
03if(isset($_SESSION['username'])) {
04header('location:index.php'); }
05?>
06<html>
07<head>
08<title>Form Pendaftaran</title>
09</head>
10<body>
11<center>
12<form action="prosesdaftar.php" method="post">
13<table>
14<tr><td colspan="2" align="center"><h1>Daftar Baru</h1></td></tr>
15<tr><td>Username</td><td> : <input type="text" name="username"></td></tr>
16<tr><td>Password</td><td> : <input type="password" name="password"></td></tr>
17<tr><td colspan="2" align="right"><input type="submit" value="Daftar"> <input type="reset" value="Batal"></td></tr>
18<tr><td colspan="2" align="center">Sudah Punya akun ? <a href="login.php"><b>Login</b></a></td></tr>
19</table>
20</form>
21</center>
22</body>
23</html>

Sekarang buat file prosesdaftar.php untuk melakukan proses yang diminta pada file daftar.php.
01<?php
02require_once("koneksi.php");
03$username = $_POST['username'];
04$pass = $_POST['password'];
05$cekuser = mysql_query("SELECT * FROM user WHERE username = '$username'");
06if(mysql_num_rows($cekuser) <> 0) {
07echo "Username Sudah Terdaftar!<br/>";
08echo "<a href='daftar.php'>&amp;amp;laquo; Back</a>";
09} else {
10if(!$username || !$pass) {
11echo "Masih ada data yang kosong!<br/>";
12echo "<a href='daftar.php'>&amp;amp;laquo; Back</a>";
13} else {
14$simpan = mysql_query("INSERT INTO user(username, password) VALUES('$username','$pass')");
15if($simpan) {
16echo "Pendaftaran Sukses, Silahkan <a href='login.php'>Login</a>";
17} else {
18echo "Proses Gagal!";
19}
20}
21}
22?>

Selanjutnya adalah membuat file login.php dengan kode dibawah.
01<?php
02session_start();
03if(isset($_SESSION['username'])) {
04header('location:index.php'); }
05require_once("koneksi.php");
06?>
07<html>
08<head>
09<title>Form Login</title>
10</head>
11<body>
12<center>
13<form action="proseslogin.php" method="post">
14<tr><td colspan="2" align="center"><h1>Masuk</h1></td></tr>
15<table>
16<tr><td>Username</td><td> : <input type="text" name="username"></td></tr>
17<tr><td>Password</td><td> : <input type="password" name="password"></td></tr>
18<tr><td colspan="2" align="right"><input type="submit" value="Login"> <input type="reset" value="Batal"></td></tr>
19<tr><td colspan="2" align="center">Belum Punya akun ? <a href="daftar.php"><b>Daftar</b></a></td></tr>
20</table>
21</form>
22</center>
23</body>
24</html>
;

Agar file login dapat berjalan buatlah file proseslogin.php dengan kode dibawah.
01<?php
02session_start();
03require_once("koneksi.php");
04$username = $_POST['username'];
05$pass = $_POST['password'];
06$cekuser = mysql_query("SELECT * FROM user WHERE username = '$username'");
07$jumlah = mysql_num_rows($cekuser);
08$hasil = mysql_fetch_array($cekuser);
09if($jumlah == 0) {
10echo "Username Belum Terdaftar!<br/>";
11echo "<a href='login.php'>&amp;amp;laquo; Back</a>";
12} else {
13if($pass <> $hasil['password']) {
14echo "Password Salah!<br/>";
15echo "<a href='login.php'>&amp;amp;laquo; Back</a>";
16} else {
17$_SESSION['username'] = $hasil['username'];
18header('location:index.php');
19}
20}
21?>

Dan yang terakhir adalah membuat file logout.php untuk menghapus session yang telah digunakan, isi dengan kode dibawah.
1<?php
2session_start();
3unset($_SESSION['username']);
4?>
5<center>
6<h2>Anda telah berhasil logout..</h2>
7Silahkan klik <b>disini</b> untuk login kembali
8</center>
Pada Cara Membuat Form Daftar, Login dan Logout dengan PHP MySQL ini digunakan fungsi session dan method POST. Baca juga Fungsi dan Perbedaan Method POST dan GET pada PHP.
Diposting oleh di Tidak ada komentar:

Rabu, 18 Maret 2015


Sedikit sentuhan penuh rasa !!

Diposting oleh di Tidak ada komentar:

Selasa, 20 Januari 2015

Ujian Praktek Photoshop -_-


Diposting oleh di Tidak ada komentar:

Loyalitaslah yang Menjadikan Mereka Cinta Dia #Respect

Javier Adelmar Zanetti (lahir di Buenos Aires, 10 Agustus 1973; umur 41 tahun) adalah pemain sepak bola asal Argentina yang bermain untuk klub Serie A Italia, Inter Milan. Javier Zanetti bermain untuk Inter Milan Sejak 1995 dan menjabat kapten sejak 29 Agustus 1999 menggantikan Giuseppe Bergomi.
Dikenal sebagai pemain serba bisa karena dapat bermain dibanyak posisi, Zanetti bisa ditempatkan di kedua sisi sayap belakang dan tengah, serta juga dapat sebagai gelandang tengah dan gelandang bertahan, posisi aslinya adalah bek kanan yang akhir ini beralih menjadi gelandang bertahan sejak kedatangan Maicon yang berposisi sama dan lebih memiliki kekuatan dan kecepatan, posisi baru ini tenyata membuat Zanetti lebih efektif saat menjalani perannya dalam pertandingan.
Ia merupakan satu dari sedikit pemain yang telah bermain lebih dari 1000 pertandingan resmi seumur hidupnya. Terpilih oleh Pelé sebagai 100 pemain terbaik dunia yang pernah ada.
Dalam pertandingan internasional, ia merupakan pemegang rekor caps dengan 145 pertandingan bersama tim nasional Argentina dan tampil dalam turnamen Olimpiade 1996 dan dua kali Piala Dunia yaitu 1998 dan 2002.
Di Argentina di panggil dengan nama "Pupi", dan memperoleh julukan "El Tractor" (si Traktor) setelah kedatangannya ke Italia karena kekuatan, ketahanan, stamina dan kemampuannya. Julukan lainnya adalah "Il Capitano" (si Kapten) yang merupakan kapten Inter Milan yang memenangkan berbagai gelar prestisius. Musim 2011-2012, Zanetti merupakan satu-satunya orang non-Italia yang menjadi kapten untuk tim Serie A. Zanetti juga memengang rekor sepanjang masa sebagai pemain bukan kelahiran italia terbanyak yang mengikuti pertandingan bagi tim asal Italia saat bermain di pertandingan resmi ke 757-nya bersama Inter Milan.
Zanetti, yang berencana setelah pensiun sebagai pemain tetap bekerja dengan Inter Milan ini, juga terkenal akan jiwa sosialnya. Ia menjalankan yayasan bagi anak-anak tidak beruntung di Argentina. Ia dinobatkan sebagai duta SOS Children's Villages oleh FIFA untuk program di Argentina. Pada 2005, ia menerima penghargaan Ambrogino d'Orodari pemerintah kota Milan atas jiwa sosialnya. Zanetti juga adalah duta dunia untuk Olimpiade Khusus Penyandang Cacat.
Di Final Liga Champions 2010 pada 22 May 2010, Zanetti memainkan pertandingan resminya ke 700 bersama Inter Milan, dan kemenangan pertandingan itu melengkapi treble bersejarah bagi tim sepak bola asal Italia. Pada 20 Oktober 2010, Golnya ke gawang Tottenham menjadikannya sebagai pemain tertua yang mencetak gol di Liga Champions, sebelum dipatahkan oleh Filippo Inzaghi dan Ryan Giggs.

Statistik karier

Klub Musim Liga Piala Kontinental1 Lainnya2 Total
Main Gol Main Gol Main Gol Main Gol Main Gol
Talleres RE 1992–93 33 1 — — — 33 1
Total 33 1 — — — 33 1
Banfield 1993–94 37 1 — — — 37 1
1994–95 29 3 — — — 29 3
Total 66 4 — — — 66 4
Inter Milan 1995–96 32 2 5 0 2 0 — 39 2
1996–97 33 3 5 1 12 0 — 50 4
1997–98 28 0 4 0 9 2 — 41 2
1998–99 34+23 3 5 0 9 1 — 50 4
1999–00 34+14 1 8 1 — — 43 2
2000–01 29 0 1 0 4 0 — 34 0
2001–02 33 0 1 1 10 1 — 44 2
2002–03 34 1 1 0 18 0 — 53 1
2003–04 34 0 5 0 12 0 — 51 0
2004–05 35 0 3 0 11 0 — 49 0
2005–06 25 0 5 0 8 0 1 0 39 0
2006–07 37 1 4 0 8 0 1 0 50 1
2007–08 38 1 4 0 8 0 1 0 51 1
2008–09 38 0 4 0 8 0 1 0 51 0
2009–10 37 0 4 0 13 0 1 0 55 0
2010–11 35 0 5 0 8 1 4 1 52 2
2011–12 29 0 2 0 8 0 1 0 40 0
Total 568 12 66 3 148 5 10 1 792 21
Career Total 667 17 66 3 148 5 10 1 891 26
   
Sumber : http://id.wikipedia.org/wiki/Javier_Zanetti
Diposting oleh di Tidak ada komentar:

Selasa, 06 Januari 2015

Saat2 yang hilang dimakan jaman, sayangnya sih pohon kelapanya yang sudah habis, Pasongsongan, Jawa Timur, Indonesia

Diposting oleh di Tidak ada komentar:
Ini tentang cerita masa lalu para seniorku, masa indah yang tak bisa ditukar dengan hal apapun selain persahabatan, ini tentang sepak bola dan dimana kita bisa mendapatkan hal yang tak bisa kita dapatkan dari orang lain, inilah PSHW Pasongsongan - Sumenep
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)