Üye Giriş Sayfası Yapımı - HTML - CSS - Ders6
HTML İÇERİĞİ:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GİRİŞ</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<img src="images/profil.png"/>
<form>
<div class="form-input">
<input type="text" name="username" placeholder="Kullanıcı Adı">
</div>
<div class="form-input">
<input type="password" name="password" placeholder="Şifreniz">
</div>
<input type="submit" name="submit" value="GİRİŞ" class="btn-giris"><br/>
<a href="#">Şifrenizi Unuttunuz mu?</a>
</form>
</div>
</body>
</html>
CSS İÇERİĞİ:
body{
margin: 0 auto;
background-image: url("images/arkaplan.jpg");
background-repeat: no-repeat;
background-size: 100% 720px;
}
.container{
width: 500px;
height: 400px;
text-align: center;
background-color: rgba(52,73,94,0.7);
border-radius: 4px;
margin: 0 auto;
margin-top: 150px;
}
.container img{
width: 120px;
height: 120px;
margin-top: -60px;
margin-bottom: 30px;
border-radius: 125px;
}
input[type="text"],input[type="password"]{
height: 45px;
width: 300px;
font-size: 18px;
margin-bottom: 20px;
border-radius: 15px;
background-color: white;
padding-left: 40px;
}
.btn-giris{
padding: 15px 25px;
cursor: pointer;
color: white;
border-radius: 4px;
border: none;
background-color: #2ECC71;
border-bottom: 5px solid #27AE60;
margin-bottom: 20px;
}
a{
color: white;
}
benim arka plan resmim açılmıyor adobe dreaamweaver cc de yapıyorum
YanıtlaSilaynen
Silbenimde arka plan resmi acılmıyo
SilArkadaşlar arka plan açılmama diye bir şey olmamalı. Görsel adresinizi, klasör isimlerini, dosya yolunu yanlış yazıyor olabilirsiniz. Kodlarda çok küçük hatalar sizin tüm bir sayfanızın çalışmamasına neden olabilir. Bu yüzden tekrardan inceleyin detaylı bir şekilde.
Siliyi günler öncelikle çok tesekkur ederim ödevime çok yardımcı oldu ama ben bu üye girişine birde mesajlaşmayı nasıl ekleyebilirim bana yardımcı olur musunuz yarın ödevimi teslim etmem lazım
Sil