#slide-out-open {
top: 55px!important;
}
Sahifa Teması Hakkında Bilgisi Olanlar Bakabilir Mi? |
19 Mesajlar | 2.463 Okunma | ||
- Üyelik 05.05.2017
- Yaş/Cinsiyet 29 / E
- Meslek Web-Developer
- Konum İstanbul Avrupa
- Ad Soyad M** K**
- Mesajlar 1027
- Beğeniler 366 / 534
- Ticaret 5, (%100)
- Üyelik 02.08.2019
- Yaş/Cinsiyet 23 / E
- Meslek Öğrenci
- Konum Kahramanmaraş
- Ad Soyad A** K**
- Mesajlar 164
- Beğeniler 41 / 54
- Ticaret 0, (%0)
@media only screen and (max-width: 900px) and (min-width: 321px) {
#slide-out-open{
margin-top: 20px;
}
}
@media only screen and (max-width: 320px){
#slide-out-open{
display: block;
}
}
Şeklinde değer verilebilir.
320px cihazlarda kutucuk eşit görünüyor, eğer 320px cihazları görmezden gelip 0'dan 900px genişliğe sahip cihazlara kadar margin-top verdirirsek 320px ve alt genişliğe sahip cihazlarda kutucuğun eşitliği bozulacak ve altta görünecek. Bu yüzden her iki çözünürlük için özel ayar vermemiz doğru olur.
Eğer CSS dosyasına erişebiliyorsanız ilk ekran kuralına (900px'lik) display : block; değerini ekleyerek kopyala yapıştır yapın ancak erişemiyorsanız yeni .css dosyası ekleyip bu kodları olduğu gibi yapıştırın. 900px'lik kuralda display : block değeri var fakat biz bu grubu 321px - 900px arasına aldığımız için 320px ve altındaki cihazlarda geçerli olmayacak yani display : block değerini almayacaklar, default durumda da bu kutucuk için display değeri none(görünmez) olduğu için kutucuk görünmeyecek, bu yüzden düzenleme yaptığımız çözünürlük grubuna yani 320px ve altındaki cihazlara bu değeri özel olarak vermeliyiz/telafi etmeliyiz.
- Üyelik 06.07.2017
- Yaş/Cinsiyet 27 / E
- Meslek Blogger
- Konum İstanbul Anadolu
- Ad Soyad K** Ö**
- Mesajlar 861
- Beğeniler 167 / 264
- Ticaret 1, (%100)
Hocam logonuz 280x88 olarak görünüyor orjinalde 175x44 siz logoyu yükledikten sonra tema boyutu kendi mi değiştirdi?
Little things affect little minds.
- Üyelik 15.07.2018
- Yaş/Cinsiyet 29 / E
- Meslek Öğrenci
- Konum İzmir
- Ad Soyad U** Y**
- Mesajlar 133
- Beğeniler 58 / 11
- Ticaret 0, (%0)
Bu kodu nereye eklemem gerekiyor hocam
gendue.com
- Üyelik 15.07.2018
- Yaş/Cinsiyet 29 / E
- Meslek Öğrenci
- Konum İzmir
- Ad Soyad U** Y**
- Mesajlar 133
- Beğeniler 58 / 11
- Ticaret 0, (%0)
Hocam logonuz 280x88 olarak görünüyor orjinalde 175x44 siz logoyu yükledikten sonra tema boyutu kendi mi değiştirdi?
Yok hocam ilk başta 175×44 yaptım ancak düzeltmeyince logo daha iyi gözüksün diye boyutu kendim değiştirmiştim.
gendue.com
- Üyelik 15.07.2018
- Yaş/Cinsiyet 29 / E
- Meslek Öğrenci
- Konum İzmir
- Ad Soyad U** Y**
- Mesajlar 133
- Beğeniler 58 / 11
- Ticaret 0, (%0)
@media only screen and (max-width: 900px) and (min-width: 321px) {
#slide-out-open{
margin-top: 20px;
}
}
@media only screen and (max-width: 320px){
#slide-out-open{
display: block;
}
}
Şeklinde değer verilebilir.
320px cihazlarda kutucuk eşit görünüyor, eğer 320px cihazları görmezden gelip 0'dan 900px genişliğe sahip cihazlara kadar margin-top verdirirsek 320px ve alt genişliğe sahip cihazlarda kutucuğun eşitliği bozulacak ve altta görünecek. Bu yüzden her iki çözünürlük için özel ayar vermemiz doğru olur.
Eğer CSS dosyasına erişebiliyorsanız ilk ekran kuralına (900px'lik) display : block; değerini ekleyerek kopyala yapıştır yapın ancak erişemiyorsanız yeni .css dosyası ekleyip bu kodları olduğu gibi yapıştırın. 900px'lik kuralda display : block değeri var fakat biz bu grubu 321px - 900px arasına aldığımız için 320px ve altındaki cihazlarda geçerli olmayacak yani display : block değerini almayacaklar, default durumda da bu kutucuk için display değeri none(görünmez) olduğu için kutucuk görünmeyecek, bu yüzden düzenleme yaptığımız çözünürlük grubuna yani 320px ve altındaki cihazlara bu değeri özel olarak vermeliyiz/telafi etmeliyiz.
Teşekkür ederim cevabınız için hocam. Deneyeceğim.
gendue.com
- Üyelik 06.07.2017
- Yaş/Cinsiyet 27 / E
- Meslek Blogger
- Konum İstanbul Anadolu
- Ad Soyad K** Ö**
- Mesajlar 861
- Beğeniler 167 / 264
- Ticaret 1, (%100)
hocam chrome dev tools'tan 175x44 yaptım güzel görünüyor ama beğenmediğiniz kısım menü butonu ile hizalı görünmemesi sanırım. Onun sebebi İ harfinin diğer harflerden uzun olması bundan dolayı en uzun genişliğe göre ortalıyor logoyu düzenlerseniz bence düzelir kodları bozmaya pek gerek yok.
Little things affect little minds.
- Üyelik 15.07.2018
- Yaş/Cinsiyet 29 / E
- Meslek Öğrenci
- Konum İzmir
- Ad Soyad U** Y**
- Mesajlar 133
- Beğeniler 58 / 11
- Ticaret 0, (%0)
Dediğiniz gibi olabilir hocam mantıklı geldi bana da. Çok teşekkür ederim deniyeyim birazdan.
gendue.com
- Üyelik 15.07.2018
- Yaş/Cinsiyet 29 / E
- Meslek Öğrenci
- Konum İzmir
- Ad Soyad U** Y**
- Mesajlar 133
- Beğeniler 58 / 11
- Ticaret 0, (%0)
@media only screen and (max-width: 900px) and (min-width: 321px) {
#slide-out-open{
margin-top: 20px;
}
}
@media only screen and (max-width: 320px){
#slide-out-open{
display: block;
}
}
Şeklinde değer verilebilir.
320px cihazlarda kutucuk eşit görünüyor, eğer 320px cihazları görmezden gelip 0'dan 900px genişliğe sahip cihazlara kadar margin-top verdirirsek 320px ve alt genişliğe sahip cihazlarda kutucuğun eşitliği bozulacak ve altta görünecek. Bu yüzden her iki çözünürlük için özel ayar vermemiz doğru olur.
Eğer CSS dosyasına erişebiliyorsanız ilk ekran kuralına (900px'lik) display : block; değerini ekleyerek kopyala yapıştır yapın ancak erişemiyorsanız yeni .css dosyası ekleyip bu kodları olduğu gibi yapıştırın. 900px'lik kuralda display : block değeri var fakat biz bu grubu 321px - 900px arasına aldığımız için 320px ve altındaki cihazlarda geçerli olmayacak yani display : block değerini almayacaklar, default durumda da bu kutucuk için display değeri none(görünmez) olduğu için kutucuk görünmeyecek, bu yüzden düzenleme yaptığımız çözünürlük grubuna yani 320px ve altındaki cihazlara bu değeri özel olarak vermeliyiz/telafi etmeliyiz.
hocam chrome dev tools'tan 175x44 yaptım güzel görünüyor ama beğenmediğiniz kısım menü butonu ile hizalı görünmemesi sanırım. Onun sebebi İ harfinin diğer harflerden uzun olması bundan dolayı en uzun genişliğe göre ortalıyor logoyu düzenlerseniz bence düzelir kodları bozmaya pek gerek yok.
Hocam dediğiniz gibi i harfini küçülttüm ama olmadı. Yukarıdaki kodları özelleştir'den ek css'e ekleyince hizalandı. Yardımcı olan herkese çok teşekkür ederim tekrardan :)
gendue.com
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)