Görseldeki HTML CSS şablon olmuş mu?

rauzy · 1 Ocak 2024

Merhaba şu an site yapma ödevim var. Şablonlar benziyor mu birbine? Bir de sizce bu şablon olur mu? İlki yapacagım şablon 2. ci yapmaya çalıştıgım sablonnasıl. Kolay yapabilir kimlerin videolarını izlemeliyim sizce? Hangi kodlar hatalı? Yardımcı olursanız sevinirim. En son 2 resımde CSS ve HTML kodu.

delikarga · 1 Ocak 2024

Hocam görünüm olarak olmuş ama css kodu olmamış. Flex veya grid kullansanız daha doğru olur.

rauzy · 1 Ocak 2024

delikarga dedi:
Hocam görünüm olarak olmuş ama css kodu olmamış. Flex veya grid kullansanız daha doğru olur.

hocam dersde onları görmedik fazla bende eklemek istemedim

delikarga dedi:
Hocam görünüm olarak olmuş ama css kodu olmamış. Flex veya grid kullansanız daha doğru olur.

biraz daha buyutmelımıyım sizce şablonları

delikarga · 1 Ocak 2024

HTML:

<html lang="tr">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>delikarga</title>
  <style>
  .container{
  width: 400px;
  height:100dvh;
  background-color:#e5e5e5;
  padding: 0 8px;
}
.container h1{
  text-align:center;
}
.button-container{
  display:grid;
  grid-template-columns:1fr 1fr;
  justify-content:space-between;
  justify-items:center;
  align-items:center;
  gap:20px;
}

.button-container div{
  display:flex;
  justify-content:center;
  align-items:center;
  width:150px;
  height:100px;
  border-radius:9px;
  background-color:lightblue;
  text-align:center;
}
.baziurunler{
  margin-top:20px;
}
  </style>
</head>
<body>
  <div class="container">
    <h1>Ana Sayfa</h1>
    <div class="button-container">
      <div>X</div>
      <div>Y</div>
      <div>Z</div>
      <div>F</div>
    </div>
    <div class="baziurunler">BAZI ÜRÜNLER BURAYA</div>
  </div>
</body>
</html>

rauzy · 2 Ocak 2024

delikarga dedi:

HTML:

<html lang="tr">
<head>
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>delikarga</title>
 <style>
 .container{
 width: 400px;
 height:100dvh;
 background-color:#e5e5e5;
 padding: 0 8px;
}
.container h1{
 text-align:center;
}
.button-container{
 display:grid;
 grid-template-columns:1fr 1fr;
 justify-content:space-between;
 justify-items:center;
 align-items:center;
 gap:20px;
}

.button-container div{
 display:flex;
 justify-content:center;
 align-items:center;
 width:150px;
 height:100px;
 border-radius:9px;
 background-color:lightblue;
 text-align:center;
}
.baziurunler{
 margin-top:20px;
}
 </style>
</head>
<body>
 <div class="container">
 <h1>Ana Sayfa</h1>
 <div class="button-container">
 <div>X</div>
 <div>Y</div>
 <div>Z</div>
 <div>F</div>
 </div>
 <div class="baziurunler">BAZI ÜRÜNLER BURAYA</div>
 </div>
</body>
</html>

Hocam CSS'de olması lazim.

delikarga · 2 Ocak 2024

rauzy dedi:
Hocam CSS'de olması lazim.

style tagı içerisindeki css zaten. Ayrı dosyaya yazmadım ben istersen ayrı dosyaya koyabilirsin.

Görseldeki HTML CSS şablon olmuş mu?

Ayrıntılı düzenleme

rauzy

Hectopat

Dosya Ekleri

delikarga

Kilopat

rauzy

Hectopat

delikarga

Kilopat

rauzy

Hectopat

delikarga

Kilopat

Benzer konular

Bu konuyu görüntüleyen kullanıcılar

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz