Kendinize göre düzenleyebilirsiniz. Link alanlarını kendi sitenize göre uyarlayınız.
Demoya buradan bakabilirsiniz.
<div class="genel" >
<div class="baslik" > Üye Paneli</div>
<form >
<p>Kullanıcı adı : <input type="text" name="ad" /> </p>
<p>Şifre : <input style="margin-left:42px; " type="password" name="sifre" /> </p>
<p> <input class="buton" type="submit" value="Giriş" /> </p>
<a href="" >Kayıt Ol </a>
</form>
</div>
.genel
{
border:1px solid #d3d3d3; // Panele kenarlık ekledik
padding:10px; //iç boşluk
width:250px; // panel uzunluğu
height:130px; // panel yüksekliği
background:#eee; // Arkaplan rengi
font:12px Arial, Tahoma, Verdana;;
}
.baslik
{
background:#333;
color:#fff;
padding:5px;
font-weight:bold;
}
.buton
{
float:right; // Butonu sağa yasladık
margin-right:25px;
border:1px solid #666; //kenarlık
padding:2px 5px; //iç boşluk
background:cornflowerblue; //Arkaplan rengi
color:#fff; //yazı rengi
font-weight:bold; // kalın font
} 