Tasarım Forum  

Go Back   Tasarım Forum > Web Tasarım > Web Tasarım Dersleri

Cevapla
 
LinkBack Seçenekler Stil
  #1  
Alt 13-06-2017, 08:39 PM
Yeni Üye
 
Üyelik tarihi: Jun 2017
Mesajlar: 1
Standart admin giris paneli css yardim

Iyigunler arkadaslar ben forumda yeniyim. Bugun basit bir admin giris paneli yazmak istedim ama bir turlu istedigim sonucu alamadim.

input kutucuklarinin yanina ikon koyuyorum ama ne yazik ki kutucuklar ile ikonlar birbirine esit olmuyor bunu nasil duzeltebilirim acaba?



Resimde gordugunuz gibi ikonlar kutucuklarla ayni seviyede degil.

Kod:
* {

	font-family: 'Open Sans', sans-serif;
}

body {
	background: url("C:/Users/mralp/Desktop/DreamMc/Images/background.png");
    background-size: cover;
}
.container {
	width: 300px;
	height: 300px;
	text-align: center;
	background-color: #e67e22;
	margin: 150px auto;
	border-radius: 5px;
	border-color: #34495e;
	border-style: solid;
}

h1 {
    color: #34495e;
    cursor: context-menu;
}

input[type="text"],[type="password"] {
	color: #34495e;
	width: 200px;
	height: 30px;
	font-size: 15px;
	padding-left: 10px;
	margin-bottom: 15px;
	border-style: solid;
	border-radius: 5px;
}

.form-input:before {
	content: url("C:/Users/mralp/Desktop/DreamMc/Icons/username.png");
	padding: 10px;
}

.form-input:nth-child(2):before {
	content: url("C:/Users/mralp/Desktop/DreamMc/Icons/password.png");
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #34495e;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #34495e;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #34495e;
}
:-moz-placeholder { /* Firefox 18- */
  color: #34495e;
}

.login {
	width: 100px;
	height: 30px;
	font-weight: bold;
	background: #34495e;
	color: #e67e22;
	border-style: solid;
	border-radius: 5px;
	border-color: transparent;
	margin-bottom: 10px;
	cursor: pointer;

}

span {
	font-size: 12px;
	color:  #34495e;
}

a {
	text-decoration: none;
	color: #34495e;
}
Alıntı ile Cevapla
Cevapla

Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık



Tüm Zamanlar GMT Olarak Ayarlanmış. Şuanki Zaman: 02:43 PM.


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.6.0