IE6 ve IE7 Css Sorunu

Etiketler: Css, IE

Benim sorunum ie7 ile alakalıydı aslında ufak bir araştırmadan sonra işimi ayrı bir css dosyası hazırlayarak hallettim.

<!--[if lte IE 7]>

<![endif]-->

Firefoxta ve IE7'de düzgün çalışan transparent png dosyası ie6 tarayıcısında bozuk halde çıkıyor.Bu sorunu halletmek için aşağıdaki yöntemi uyguladım ve güzel bir sonuç aldım.

div#bottom_fade { 
 width: 590px; height: 50px; 
 top:420px; position: absolute; 
 z-index:99; left: 22px;
 background-image: url(image/adres.png)!important;
 background-image: none;
 filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader 
 (src='image/adres.png', sizingMethod='scale');} 

IE 6 da top ve left kodları işlemiyor onun içinde ayrıca ie6 css oluşturdum.(bknz)

<!--[if IE 6]>

<![endif]-->

elim değmişken ie 5.5 geçmeyi düşünüyordum fakat sitenin durumu iyi görünmüyordu.Kullanan varsa halen benim yapabileceğim bu kadar umarım akılda kalıcı bir bilgi olmuştur.

Bloglar için Google Translate Api Eklentisi

Etiketler: Blogger, Translate, Widget

Sayfama yerleştirmedim fazla kasmaması için ama örnek için şuraya bakabilirsiniz.Google api altyapısını kullanarak ayrıca bir sayfa açmaya gerek duymadan otomatik çeviri yapıyor.Hazır google translateye türkçe dili eklenmişken denemek istedim.Kullanışlı bir eklentiye benziyor ama blogunuzda java script fazlasıyla varsa açılma süreside uzar.Kullanmak isterseniz aşağıdaki javascript dosyalarını ücretsiz bir host bularak kullanabilirsiniz.

<script src='translate/js/jquery-latest.pack.js' type='text/javascript'></script>
<script src='translate/js/jquery.cookie.js' type='text/javascript'></script>
<script src='translate/js/jsapi.js' type='text/javascript'></script>
<script src='translate/js/translate.pages.js' type='text/javascript'></script>

Sonra sayfanızda arayarak <data:post.body/> bulun.

<div id='main' style='font-size: 12px;'>
<div class='sayfa' style='border: 0px inset ; margin: 0px; padding: 0px; overflow: auto; width: 490px;'>
<data:post.body/> </div>
<div class='translate_sayfa' style='display:none;'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
<div style='float: right; margin-top: 15px;'> </div>
</div>

Buradaki kodla değiştirin.