Arkadaşlar görünümü bu şekildedir.
Öncelikle aşağıdaki arkaplan resmini indirin
Not alıntıdır bilginize
bu galba aradıgın veya ben yanlış anladım
Veya aradıgın bu
DEMO
SON VERDİGİM MYBB TEST ETMİŞTİM Bİ ARA AMA ÇOK OLDU
Öncelikle aşağıdaki arkaplan resmini indirin
Kod:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
02
<html xmlns="http://www.w3.org/1999/xhtml">
03
04
<head>
05
<title>Serkan TOGAL {Nam-ı diğer ontedi}</title>
06
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
07
<meta name="author" content="SERKAN TOGAL - www.ontedi.com" />
08
<meta http-equiv="Content-Language" content="tr" />
09
<style type="text/css">
10
/***********************************/
11
/* Yönetim Giriş Ekranı BAŞLANGIÇ */
12
#yonetim_giris_body
13
{
14
background-color:#edf0f5;
15
}
16
/* Toplam Genişlik: 347px, Toplam Yükseklik: 272px */
17
#yonetim_giris_kapsayici
18
{
19
margin:15% auto;
20
width:297px;
21
height:235px;
22
padding:37px 25px 0 25px;
23
background:url(yonetim_giris_arkaplan.png);
24
}
25
#yonetim_giris_kapsayici input[type=text], #yonetim_giris_kapsayici input[type=password]
26
{
27
/* ilk width: 285px; */
28
width:190px;
29
padding:0 5px 0 5px;
30
height:46px;
31
border:1px solid #e1e1e1;
32
margin-bottom:12px;
33
-webkit-border-radius:5px;
34
-moz-border-radius:5px;
35
border-radius:5px;
36
color:#9e9696;
37
font-family:"Verdana", Lucida Grande, Tahoma, Arial, sans-serif;
38
float:left;
39
}
40
#yonetim_giris_kapsayici p
41
{
42
width:90px;
43
padding:15px 5px 0 0;
44
float:left;
45
font-size:13px;
46
font-family:"Verdana", Lucida Grande, Tahoma, Arial, sans-serif;
47
}
48
#yonetim_giris_kapsayici input[type=submit]
49
{
50
width:295px;
51
height:46px;
52
border:1px solid #a2c359;
53
margin-bottom:12px;
54
-webkit-border-radius:5px;
55
-moz-border-radius:5px;
56
border-radius:5px;
57
color:#525b3d;
58
background-color:#b3d175;
59
font-family:"Verdana", Lucida Grande, Tahoma, Arial, sans-serif;
60
}
61
#yonetim_giris_kapsayici span
62
{
63
color:#990000;
64
font-family:"Verdana", Lucida Grande, Tahoma, Arial, sans-serif;
65
}
66
#yonetim_giris_kapsayici a
67
{
68
color:#0000CC;
69
text-decoration:underline;
70
font-family:"Verdana", Lucida Grande, Tahoma, Arial, sans-serif;
71
}
72
/***********************************/
73
/* Yönetim Giriş Ekranı BİTİŞ */
74
</style>
75
</head>
76
<body id="yonetim_giris_body">
77
<form method="post" action="">
78
<div id="yonetim_giris_kapsayici">
79
<p>Kullanıcı Adı</p><input name="kullanici_adi" type="text" />
80
<p>Şifre</p><input name="sifre" type="password" />
81
<input type="submit" value="Giriş Yap" />
82
</div>
83
</form>
84
</body>
85
86
</html>
Not alıntıdır bilginize
bu galba aradıgın veya ben yanlış anladım
(28-10-2013, Saat:17:35)fatihcray09 Adlı Kullanıcıdan Alıntı: Arkadaşlar görünümü bu şekildedir.
Öncelikle aşağıdaki arkaplan resmini indirin
Kod:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
02
<html xmlns="http://www.w3.org/1999/xhtml">
03
04
<head>
05
<title>Serkan TOGAL {Nam-ı diğer ontedi}</title>
06
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
07
<meta name="author" content="SERKAN TOGAL - www.ontedi.com" />
08
<meta http-equiv="Content-Language" content="tr" />
09
<style type="text/css">
10
/***********************************/
11
/* Yönetim Giriş Ekranı BAŞLANGIÇ */
12
#yonetim_giris_body
13
{
14
background-color:#edf0f5;
15
}
16
/* Toplam Genişlik: 347px, Toplam Yükseklik: 272px */
17
#yonetim_giris_kapsayici
18
{
19
margin:15% auto;
20
width:297px;
21
height:235px;
22
padding:37px 25px 0 25px;
23
background:url(yonetim_giris_arkaplan.png);
24
}
25
#yonetim_giris_kapsayici input[type=text], #yonetim_giris_kapsayici input[type=password]
26
{
27
/* ilk width: 285px; */
28
width:190px;
29
padding:0 5px 0 5px;
30
height:46px;
31
border:1px solid #e1e1e1;
32
margin-bottom:12px;
33
-webkit-border-radius:5px;
34
-moz-border-radius:5px;
35
border-radius:5px;
36
color:#9e9696;
37
font-family:"Verdana", Lucida Grande, Tahoma, Arial, sans-serif;
38
float:left;
39
}
40
#yonetim_giris_kapsayici p
41
{
42
width:90px;
43
padding:15px 5px 0 0;
44
float:left;
45
font-size:13px;
46
font-family:"Verdana", Lucida Grande, Tahoma, Arial, sans-serif;
47
}
48
#yonetim_giris_kapsayici input[type=submit]
49
{
50
width:295px;
51
height:46px;
52
border:1px solid #a2c359;
53
margin-bottom:12px;
54
-webkit-border-radius:5px;
55
-moz-border-radius:5px;
56
border-radius:5px;
57
color:#525b3d;
58
background-color:#b3d175;
59
font-family:"Verdana", Lucida Grande, Tahoma, Arial, sans-serif;
60
}
61
#yonetim_giris_kapsayici span
62
{
63
color:#990000;
64
font-family:"Verdana", Lucida Grande, Tahoma, Arial, sans-serif;
65
}
66
#yonetim_giris_kapsayici a
67
{
68
color:#0000CC;
69
text-decoration:underline;
70
font-family:"Verdana", Lucida Grande, Tahoma, Arial, sans-serif;
71
}
72
/***********************************/
73
/* Yönetim Giriş Ekranı BİTİŞ */
74
</style>
75
</head>
76
<body id="yonetim_giris_body">
77
<form method="post" action="">
78
<div id="yonetim_giris_kapsayici">
79
<p>Kullanıcı Adı</p><input name="kullanici_adi" type="text" />
80
<p>Şifre</p><input name="sifre" type="password" />
81
<input type="submit" value="Giriş Yap" />
82
</div>
83
</form>
84
</body>
85
86
</html>
Not alıntıdır bilginize
bu galba aradıgın veya ben yanlış anladım
Veya aradıgın bu
DEMO
Kod:
<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>
Kod:
.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
}
SON VERDİGİM MYBB TEST ETMİŞTİM Bİ ARA AMA ÇOK OLDU