responsive

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme PHP / CGI responsive

Bu konudaki kullanıcılar: 1 misafir

10
Cevap 674
Tıklama 0
Öne Çıkarma

1. sayfa

responsive

Cevap Yaz

ibrahimyonetici

5 yıl

Teğmen

Konu Sahibi

merhabalar hocalar. sitede arka plan resmine sağ tıklayıp incele dediğimiz zaman list.css:15 de şu kodlar var:
html, body {
min-width: 1152px;
max-width: 1484px;
width: 78%;
}

bunların 3 ünü iptal ettiğimde tam olarak responsive bir site haline geliyor.fakat ben bunun 3 ünü iptal etmeden aynı şekilde duyarlı hale nasıl getirebilirim.teşekkürler
adres-> https://www.torrentoyunindiren.com

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme

< Bu mesaj bu kişi tarafından değiştirildi ibrahimyonetici -- 17 Ekim 2020; 17:8:49 >

mokoko_TR

5 yıl

Yüzbaşı

ipo hani kopyalayıp site yapıyorsun basit css kuralalrını bile bilmiyorsun bile ama bana artislik yapıp akıl veriyorsun

ordan burdan kopya site ile bu kadar oluyor ipo min-width: 680px i yapacaksın sonra sayfa 780 den küçük oldugunda etiketini css inde kullanıp ul#myTab ul sini display block yapacasın

< Bu mesaj bu kişi tarafından değiştirildi mokoko_TR -- 17 Ekim 2020; 19:45:32 >
Bu mesaja 1 cevap geldi.

ibrahimyonetici

5 yıl

Teğmen

Konu Sahibi

yok hocaya kaymalar oluyor.baştan beri yapılması lazım tema hazır kullandığım için bootstrapı es geçtik

< Bu mesaj bu kişi tarafından değiştirildi ibrahimyonetici -- 17 Ekim 2020; 23:37:45 >
Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @mokoko_TR

mokoko_TR

5 yıl

Yüzbaşı

ipo baştan aşşagı fail sin ya

Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @ibrahim59090

ibrahimyonetici

5 yıl

Teğmen

Konu Sahibi

ul#myTab ul sini display block nasıl yaptınız bir örnek verirmisiniz.orayı anlamadım

< Bu mesaj bu kişi tarafından değiştirildi ibrahimyonetici -- 17 Ekim 2020; 20:21:1 >
Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @mokoko_TR

mokoko_TR

5 yıl

Yüzbaşı

quote:

Orijinalden alıntı: ibrahimyonetici

ul#myTab ul sini display block nasıl yaptınız bir örnek verirmisiniz.orayı anlamadım

@media only screen and (max-width:780px){#myTab{display:block]}

Bu mesaja 2 cevap geldi.

ibrahimyonetici

5 yıl

Teğmen

Konu Sahibi

mağlesef hocam yine aynı siz sadece mediaları kullandınız.ben de yaptım sonuç değişmedi

Bu mesajda bahsedilenler: @mokoko_TR

ibrahimyonetici

5 yıl

Teğmen

Konu Sahibi

ul#myTab li a {
color: #cecece;
font-size: 15px;
border-radius: 4px;
}

ul#myTab {
  display: flex;
border: none;
  margin-bottom: 2em;
}

@media (max-width:640px){
ul#myTab {
margin: 1em 0;
}
}
@media (max-width:480px){
ul#myTab {
margin: 0 0 2em;
}
.w3l-agile-horror, .general-agileits-w3l, .single-page-agile-main, .wthree-comedy {
padding:1.5em 0;
}
.w3l-movie-gride-agile {
  margin-right: 3%;
margin-bottom: 4%;
float: left;
width: 47%;

}
.blog-pagenat-wthree ul li a {
padding: 8px 0.9em;
font-size: 0.9em;
}
}

bu dört parçayı nasıl düzenlediniz.

< Bu mesaj bu kişi tarafından değiştirildi ibrahimyonetici -- 17 Ekim 2020; 20:56:56 >
Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @mokoko_TR

mokoko_TR

5 yıl

Yüzbaşı

quote:

Orijinalden alıntı: ibrahimyonetici

ul#myTab li a {
color: #cecece;
font-size: 15px;
border-radius: 4px;
}

ul#myTab {
  display: flex;
border: none;
  margin-bottom: 2em;
}

@media (max-width:640px){
ul#myTab {
margin: 1em 0;
}
}
@media (max-width:480px){
ul#myTab {
margin: 0 0 2em;
}
.w3l-agile-horror, .general-agileits-w3l, .single-page-agile-main, .wthree-comedy {
padding:1.5em 0;
}
.w3l-movie-gride-agile {
  margin-right: 3%;
margin-bottom: 4%;
float: left;
width: 47%;

}
.blog-pagenat-wthree ul li a {
padding: 8px 0.9em;
font-size: 0.9em;
}
}

bu dört parçayı nasıl düzenlediniz.


html, body {
min-width: 680px;
max-width: 1484px;
width: 78%;
}
ul#myTab li a {
 color: #cecece;
 font-size: 15px;
 border-radius: 4px;
}

ul#myTab {
  display: flex;
border: none;
  margin-bottom: 2em;
}

@media (max-width:640px){
ul#myTab {
margin: 1em 0;
display:block;
}
}
@media (max-width:480px){
ul#myTab {
margin: 0 0 2em;
}
.w3l-agile-horror, .general-agileits-w3l, .single-page-agile-main, .wthree-comedy {
padding:1.5em 0;
}
.w3l-movie-gride-agile {
  margin-right: 3%;
margin-bottom: 4%;
float: left;
width: 47%;
  
}
.blog-pagenat-wthree ul li a {
padding: 8px 0.9em;
font-size: 0.9em;
}
}