N.Design Studio theme de ufak tefek değişiklikler.

N.Design Studio thememizde birkaç ufak tefek hatalar gördüm. Uzun zamandır I.E ile bakmıyordum malumunuz Mozilla firefox kullanıcısıyım yıllardırda kullanıyorum. Mozilla ile siteyi yapmıştım I.E için birkaç sıkıntısı vardı üşengeçlikten bakmıyordum. Bugün uyuz oldum görüntü çok çirkinmiş meğer konu başlığı I.E ile bakıldığında tarihle arasında büyük bir boşluk kalıyormuş önceleri pek önemsemiyordum ama bugün çok uyuzuma gidince Theme de birkaç ufak tefek değişiklik yaptım. Bunlardan bisi ise

index.php içerisindeki boşluğu kaldırmak için Div kodlarındaki yer değişikliği. Eski hali aşağıdaki gibiydi.

< ? p h p i f ( h a v e _ p o s t s () ) : ? >

< ? p h p w h i l e (h a v e _ p o s t s ( ) ) : t h e _ p o s t ( ) ; ? >

< d i v c l a s s = " p o s t " i d = " p o s t - < ? p h p t h e _ I D ( ) ; ? > “>
< d i v class = " post - date " > < s p a n class =" post - month " > < ? p h p t h e _ t i m e ( ' M ' ) ? > < / s pa n > < s p a n c l a s s = " p o s t - d a y " > < ? ph p t h e _ t i m e ( ' d ' ) ? > < / s p a n>
< / d i v >

< d i v c l a s s = " p o s t -t i t l e " >

Bu şekildeydi I.E 6 ve 7 de boşluk bırakıyordu. Bende tarih bölümünü alttaki Div in içine attım.

< ? p h p g e t _ h e a d e r ( ) ; ? >
< d i v i d = " c o n t e n t " >

< d i v c l a s s = " n a v i g a t i o n " >
< s p a n c l a s s = " p r e v i o u s - e n t r i e s " > < ? p h p n e x t _ p o s t s _ l in k ( ' Ö n c e k i y a z ı l a r . ' ) ? > < / s p a n > < s p a n c l a s s = " n e x t - e n t r ie s" > < ? p hp p r ev i o u s _ p o s t s _ l i nk ( ' S o n r a k i y a z ı l a r . ' ) ? >< / s p a n >
< / d i v >

< ? p h p i f ( ha v e _ p o s t s ( ) ) : ? >

< ? p h p w h i l e ( h a v e _ p o s t s ( ) ) : t h e _ p o s t ( ) ; ? >

< d i v c l a s s = " p o s t - t i tl e " >
< ! - - d e ğ i ş i k l i k i e 6 v e i e 7 i ç i n- - >
< d i v c l a s s = " p o s t " i d = " p o s t -< ?p h p t h e _ I D ( ) ; ? > ” >
< d i v c l a s s = " po s t - d a t e " > < s p a n c l a s s = " p o s t - m o n t h "> < ? p h p t h e _ t i me( ' M ' ) ? > < / s p a n > < sp a n c l a s s= " p o s t - d a y "> < ? p h p t h e _ t i m e ( ' d ' ) ?> < / s p a n >
< / d i v >
< ! - - d e ği ş i k l i k i e 6 v e i e 7 i ç i n s o n u - ->

Sonuç olarak I.E 6 ve 7 ye uyumlu oldu tarihin hemen yanında konu başlığı yer aldı. Mozilla da sıkın tı çıkartmadı. Gayet güzel… Birde ek olarak Önceki konular ve sonraki konular bölümünü aşağıdan yukarıya kaldırdım. Site navigasyonunu en altta az kullanıldığı için yukarıya taşıdım.

Yani yine index.php nin içerisine en üst bölüme aşağıdaki kodları ekledim.

Velhasıl kelam güzel oldu. Birde konuların tekilyazı olarak görüntülendiği kısmı düzenlemek gerekiyor. index.php yani ana sayfa şablonu tamamlandı ama tekil yazı bölümünde de aynı sorun var aynı şekli tekil yazıya da uyguladım işlem bitti…

Artık I.E 6 ve 7 de güzel bir görüntü haline geldi.

Siz siz olun kullanıcılarınız için en iyisini ayarlayın… Unutmayın ki ne kadar Firefox kullansakta site ziyaretçi potansiyelimizin %90 ‘ı hala i.e kullanıyor.

En son olarak kalan bir sıkıntı var. Mozilla Firefox’da sayfayı ortalıyor fakat internet explorer de sayfayı ortalamıyor. Bir ara canımı çok sıkarsa onuda düzelteceğim. Eğer bilen birisi varsa görüş ve önerilerinize açığım.

Yorum yapın

teakolik hamza şamlıoğlu blog logo

Wordpress altyapısını kullandığımız bu sistem, Sunucu Çözümleri firmasında yüksek performans sağlayan özel sunucularda barındırılmaktadır. Görüntülemek için en iyi Chrome tarayıcı, 1920x1080 çözünürlük ve Full HD Android telefonlarda çalışır. Ayrıca Sitedeki içeriği istediğiniz gibi çarpabilirsiniz. :)