Kullanıcı Giriş Panel Tasarımı (CSS Ve Grafiği İle Birlikte)

Tahribat.com Forumları
line

Html - CSS - XML - JavaScript - Ajax
line

Kullanıcı Giriş Panel Tasarımı (CSS Ve Grafiği İle Birlikte)

17/Ara/11 11:31

Kısayol

Şikayet

Özel Mesaj

camarade
ontedi

Kayıt Tarihi: 04/Eylül/2005

Arkadaşlar görünümü bu şekildedir.

--------------------------------------------------------------------------------------------

Öncelikle aşağıdaki arkaplan resmini indirin

-------------------------------------------------------------------

Kodları veriyorum (Güle güle kullanın arkadaşlar)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Serkan TOGAL {Nam-ı diğer ontedi}</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
<meta name="author" content="SERKAN TOGAL - www.ontedi.com" />
<meta http-equiv="Content-Language" content="tr" />
<style type="text/css">
/***********************************/
/* Yönetim Giriş Ekranı BAŞLANGIÇ */
#yonetim_giris_body
{
	background-color:#edf0f5;
}
/* Toplam Genişlik: 347px, Toplam Yükseklik: 272px */
#yonetim_giris_kapsayici
{
	margin:15% auto;
	width:297px;
	height:235px;
	padding:37px 25px 0 25px;
	background:url(yonetim_giris_arkaplan.png);
}
#yonetim_giris_kapsayici input[type=text], #yonetim_giris_kapsayici input[type=password]
{
	/* ilk width: 285px; */
	width:190px;
	padding:0 5px 0 5px;
	height:46px;
	border:1px solid #e1e1e1;
	margin-bottom:12px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#9e9696;
	font-family:"Verdana", Lucida Grande, Tahoma, Arial, sans-serif;
	float:left;
}
#yonetim_giris_kapsayici p
{
	width:90px;
	padding:15px 5px 0 0;
	float:left;
	font-size:13px;
	font-family:"Verdana", Lucida Grande, Tahoma, Arial, sans-serif;
}
#yonetim_giris_kapsayici input[type=submit]
{
	width:295px;
	height:46px;
	border:1px solid #a2c359;
	margin-bottom:12px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#525b3d;
	background-color:#b3d175;
	font-family:"Verdana", Lucida Grande, Tahoma, Arial, sans-serif;
}
#yonetim_giris_kapsayici span
{
	color:#990000;
	font-family:"Verdana", Lucida Grande, Tahoma, Arial, sans-serif;
}
#yonetim_giris_kapsayici a
{
	color:#0000CC;
	text-decoration:underline;
	font-family:"Verdana", Lucida Grande, Tahoma, Arial, sans-serif;
}
/***********************************/
/* Yönetim Giriş Ekranı BİTİŞ */
</style>
</head>
<body id="yonetim_giris_body">
	<form method="post" action="">
		<div id="yonetim_giris_kapsayici">
			<p>Kullanıcı Adı</p><input name="kullanici_adi" type="text" />
			<p>Şifre</p><input name="sifre" type="password" />
			<input type="submit" value="Giriş Yap" />
		</div>
	</form>
</body>

</html>

Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.

Alıntı yap

17/Ara/11 11:33 Kısayol Şikayet Özel Mesaj

LuCiFeR

Kayıt Tarihi: 25/Eylül/2005

ellerine sağlık üstad.

Alıntı yap
17/Ara/11 13:25 Kısayol Şikayet Özel Mesaj

swordfish

Kayıt Tarihi: 07/Haziran/2007

Bir an korktum Mycity diye :D

Eskişehirin göbeğinde tecavüze uğrayan Rapci gençler : http://www.youtube.com/watch?v=248MKazGlpo&feature=plcp

Alıntı yap
17/Ara/11 13:41 Kısayol Şikayet Özel Mesaj

Mycity

Banlanmış Üye

Kayıt Tarihi: 01/Şubat/2011

swordfish bunu yazdı:
-----------------------------

Bir an korktum Mycity diye :D

-----------------------------

why

Bazıları sadece konuşur bazıları ise hayalleri ile dünya'ya yön verir.. Mycity

Alıntı yap
17/Ara/11 13:46 Kısayol Şikayet Özel Mesaj

swordfish

Kayıt Tarihi: 07/Haziran/2007

Mycity bunu yazdı:
-----------------------------

swordfish bunu yazdı:
-----------------------------

Bir an korktum Mycity diye :D

-----------------------------

why

-----------------------------

Kanka yine uçuk kaçık tasarımlarından birisi sandım :)

Eskişehirin göbeğinde tecavüze uğrayan Rapci gençler : http://www.youtube.com/watch?v=248MKazGlpo&feature=plcp

Alıntı yap
17/Ara/11 13:56 Kısayol Şikayet Özel Mesaj

Espo

Kayıt Tarihi: 17/Eylül/2010

ellerine sağlık hoca

Yeni bir iş, yeni bir aş, yeni bir hayat. Sil baştan başlamak gerek bazen modunda. Artık buralarda yokum :) Hepinizi seviyorum, muck.

Alıntı yap
17/Ara/11 14:48 Kısayol Şikayet Özel Mesaj

Emuman

Kayıt Tarihi: 24/Ekim/2003

Eline sağlık hoca özellikle mozilla firefox ve webkit tabanlı (chrome ve safari) tarzı tarayıcılar için ayrı css tanımlamaları mevcut...

Aşk-ı şeyda uğruna yanmayı da biliriz, Alem-i Ekber de taş olup susmayı da...

Alıntı yap
26/Eyl/12 01:20 Kısayol Şikayet Özel Mesaj

ottomanmurat

Kayıt Tarihi: 20/Ağustos/2005

Biz Bunu Login Olduktan Sonra Nasil Bir Sayfaya Yonlendirebiliriz yada Yanliş Login de Hata Sayfasina

bana xml li bir login sayfasi lazım nasil yapabilirim

Hayallerinizi Sadece Biz Gerçekleştiririz.

Alıntı yap
26/Eyl/12 02:12 Kısayol Şikayet Özel Mesaj
DrKill

Kayıt Tarihi: 10/Mart/2004
ontedi bunu yazdı

Arkadaşlar görünümü bu şekildedir.

--------------------------------------------------------------------------------------------

Öncelikle aşağıdaki arkaplan resmini indirin

-------------------------------------------------------------------

Kodları veriyorum (Güle güle kullanın arkadaşlar)

Serkan TOGAL {Nam-ı diğer ontedi}
< ="" method="post">

Kullanıcı Adı
< ="text" name="kullanici_adi" />
Şifre
< ="" name="sifre" /> < ="submit" value="Giriş Yap" />
Güzel tasarım işime yarar sanırım. Teşekkürler emeğine sağlık.

Bu imzayı her gördüğünüzde 4gb kotanızın 0,00000358559191226959228515625 azalmaktadır. Bilerek ve istenerek bu imza yapılmıştır. Amaç kotanızı sömürmektir
Alıntı yap
26/Eyl/12 07:04 Kısayol Şikayet Özel Mesaj

kvasir

Kayıt Tarihi: 24/Ağustos/2005

gözümden kaçmış, çok güzel olmuş tebrikler.

edit: birkaç önerim var hocam.

1. resim adresi uyuşmuyor arkaplan resmini indirince "yonetimgirisarkaplan.png" olarak iniyor fakat "yonetim_giris_arkaplan.png" olarak yeniden adlandırmak gerekiyor.

2. Submit inputuna bir hand cursor yakışırdı.
kvasir tarafından 26/Eyl/12 07:21 tarihinde düzenlenmiştir

Alıntı yap
26/Eyl/12 12:26 Kısayol Şikayet Özel Mesaj

Triumph

Kayıt Tarihi: 29/Mayıs/2004

eline saglik

Alıntı yap

Toplam Hit: 3148 Toplam Mesaj: 11

Cevapla