[Share] Html/CSS ~ Simple Login Admin

Assallamualaikum wr. wb.
Di thread ane ini, ane mau coba share Simple Login admin, tpi baru html ma cssnya aja y ada php paling cuman Time Function. berikut ss nya :

Html => Save to index.php

PHP Code:

<div id="wrapper">
<div id="title">
<h1> <a href="#" title="Login admin" > </a></h1>
<h5>
<?php date_default_timezone_set("Asia/Jakarta");
echo date('l, d  F  Y | h:i A')
;?>
</h5>
</div>
<div id="form">
  <form id="login_admin" name="login_admin" method="post" action="">
    <p>
   
      <input type="text" name="user" class="user" placeholder="username" required="required"/>
      <label class="user_key" for="user"></label>
    </p>
    <p>
      <input type="password" name="pass" class="pass" placeholder="password"  required="required"/>
      <label class="pass_key" for="pass"></label>
    </p>

      <input type="submit" name="button" class="button" value="login" />
 
  </form>
</div>
</div> 



Style Css

PHP Code:

@charset "utf-8";/* Nisan tampan Was Here :P | login admin  */*{ margin:0px; padding:0px;}body{
 background:url(../images/bg.jpg) fixed;
}#wrapper{
 margin:10% auto;
 width:500px; height:autopx;
 background:#fff;}#title{
 width:500px;
 height:60px;
 margin-bottom:15px;
 border-bottom:1px solid #c65146;
 }#title h1{
 background:url(../admin/images/logo_admin_03.png) 0 0 no-repeat;
 width:200px; height:32px;
 float:left;
 margin-top:20px;
 margin-left:10px;

}#title h5{
 float:right;
 margin-top:37px;
 margin-right:10px;
 font-family:arial;
 color:#c65146;
 font-size:12px;
}#form{
 width:275px;
 height:200px;
 margin:60px auto;
 margin-bottom:50px;

}#form p{
 border:1px solid #c65146;
 height:auto;
 width:260px;
 margin-bottom:10px;
}
.user , .pass{
 height:34px;
 width:218px;
 padding-left:10px;
 border:0px;
 font-family:arial;

}

.user_key{
 background:#7ab9f8 url(../admin/images/user.png) 0 0 no-repeat;
 width:32px; height:34px;
 position: absolute;
}

.pass_key{
 background:#7ab9f8 url(../admin/images/key.png) 0 0 no-repeat;
 width:32px; height:34px;
 position: absolute;
}

.button{
 width:85px; height:28px;
 background:#c65146;
 border:0px;
 font-family:arial;
 color:#fff;
 font-size:14px;
 text-align:left;
 padding-left:10px;
 margin-top:15px;
 margin-bottom:15px;
}

DEMO | DOWNLOAD SOURCE


Semoga bermanfaat
Maaf ya kalau jelek ,jangan lupa commet + follow

Sekian dari ane wassallamualaikum wr. wb.

• Tweet
• Share
• Share
• Share
• Share

About Admin MC3

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Related Post

• Bintang Tamu Pada Perpisahan Sekolah SMA N 2 Lamongan Tahun 2013Sebelumnya saya mau ngucapin Assalamualaikum Wr.Wb. welcome to my blog :) Kali ini saya akan memba
• Kisah Seorang Ibu Yang Memberikan Hadiah iPhone 5 Kepada Anaknya Quote: iPhone 5 adalah simbol gadget terdepan abad ini. Namun kali ini saya akan meceritaka
• Cara Menggabungkan File .001 dengan HJ-SplitCara menggabungkan file hasil pecahan HJ Split (.001,.. dst), dapat dilakukan sbb: Yang perlu diper
• Tutor Facebook Fan Page Auto Like Script [HTML] What it is??!! Thread apa inii??!! hehehe, guyon titik.., disini saya akan menjelaskan script f