Merhabalar arkadaşlar ziyaretçilerinizi veya müşterilerinizi etkilemek için dikkat çekicek en önemli yerlerden bir taneside iletişim sayfasıdır. Sizlere bu konuda yardımcı olucak bir Jquery kodu vereyim umarım işinize yarar

Popularity: 4% [?]

Geçenlerde internet explorerdeki png sorunu ile ilgili sizlere bir css çözüm yolu göstermiştim. Şimdi bu sorunu daha kesin ve kolay bir yöntemle çözelim. Bu sefer baş rolümüzde css değil javascript var. Öncelikle sayfamıza aşağıdaki kodu ekliyoruz.

<script defer type="text/javascript" src="pngfix.js"></script>

Daha sonra buradaki pngfix.js diye bir javascript dosyası oluşturalım ve içerisine

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == “PNG”)
{
var imgID = (img.id) ? “id=’” + img.id + “‘ ” : “”
var imgClass = (img.className) ? “class=’” + img.className + “‘ ” : “”
var imgTitle = (img.title) ? “title=’” + img.title + “‘ ” : “title=’” + img.alt + “‘ ”
var imgStyle = “display:inline-block;” + img.style.cssText
var imgAttribs = img.attributes;
for (var j=0; j<imgAttribs.length; j++)
{
var imgAttrib = imgAttribs[j];
if (imgAttrib.nodeName == “align”)
{
if (imgAttrib.nodeValue == “left”) imgStyle = “float:left;” + imgStyle
if (imgAttrib.nodeValue == “right”) imgStyle = “float:right;” + imgStyle
break
}
}
var strNewHTML = “<span ” + imgID + imgClass + imgTitle
strNewHTML += ” style=\”" + “width:” + img.width + “px; height:” + img.height + “px;” + imgStyle + “;”
strNewHTML += “filter:progid:DXImageTransform.Microsoft.AlphaImageLoader”
strNewHTML += “(src=\’” + img.src + “\’, sizingMethod=’scale’);\”></span>”
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent(“onload”, correctPNG);

yazalım işte bu kadar artık bütün png formatındaki görüntüleriniz internet explorerde de sorunsuz görünecek

Popularity: 2% [?]

Sizelere şimdi bi css kodu daha vericem ama ne kadar işinize yarar bilmiyorum. Çünkü dede yadigarı internet explorer maalesef bu desteği sağlayamıyor.

[html]

.sample {
-moz-border-radius:10px; /* all corners */
-moz-border-radius-topleft:15px; /* top left corner */
-moz-border-radius-topright:50px; /* top right corner */
-moz-border-radius-bottomleft:15px; /* bottom left corner */
-moz-border-radius-bottomright:50px; /* bottom right corner */
-moz-border-radius:10px 15px 15px 10px;  /* shorthand topleft topright bottomright bottomleft */
border:1px solid #fc0; /* border color, per usual */
}
[/html]

Kullanım ;

<div>Yaşasın açık kaynak yaşasın Firefox   </div>

Popularity: 2% [?]