Freehand & Photoshop sorunlarınız?

Merhaba arkadaslar, freehand ve photoshop hakkindaki sorunlarınızı bir başlık altında toplamaya ne dersiniz? Elimden geldiğince yardımcı olmaya çalışırım.

Saygılar.

güzel fikir tebrikler bende elimden geldiğince cevaplamaya çalışırım soruları. Ama ilk önce benim bir kaç sorum olucak

*site tasarımı için photoshopta shabe leri kullanarak bi şekil yaptım ve bunu arka planı transparan olarak gif şeklinde kaydettim. Sorun şu bunu koyu renkli bir arkaplana koyduğum zaman kenarlerında ki beyaz pürüzlükler çok sırıtıyor. Png olarak kaydettiğimde ise Firefoxda normal gözüküyor ama internet explorer de resmin transparan kısmı komple farklı bir renk alıyor.


PNG nin İE de görünüşü.Gri arka plan üzerine attım. Normalde yıldızın arkasındaki kare transparan.



Burda iki sorum var birincisi shabeleri kenarlarındaki geçiş olmadan nasıl çizebilirim.
ikincisi biraz konu dışı ama png leri İE de nasıl düzgün gösterebilirim. Şimdiden teşekkürler

opacity ayarıyla oynamayı dene, onla alakası olabilir, eger ki olmazsa buraya cevap yaz, bende deniyim yapmayı.

internet explorer 5 ve 6 sürümlerinde olan bir problem bu,

sanırım java ile halledilebilir,şöyle bir kod buldum;

head tagları arasında şu dosyayı çağırın,

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

Genişletmek için tıkla ...

yine head tagları arasına aşağıdaki java scripti yazınız;

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
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 += "filterrogidXImageTransform.Microsoft.AlphaImageLoader"
strNewHTML += "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);

Genişletmek için tıkla ...

js dosyasını aşağıdaki linkten indiriniz.


http://rapidshare.com/files/60606605/pngfix.zip

fatal' Alıntı:

opacity ayarıyla oynamayı dene, onla alakası olabilir, eger ki olmazsa buraya cevap yaz, bende deniyim yapmayı.

Genişletmek için tıkla ...

opacity bi ilgisi yok sanırım zaten 100% sorunu şu şekilde caps la gösterim belki bir fikir verir.

bu shabe kullanarak çizdiğim şekilde


buda kenarlarının yakınlaştırılmış hali



arka planı transparan yapıp .gif şeklinde kaydedince bu kenarlar daki geçişler açık renkli oluyor.



büyük ihtimalle basit bir çözümü var ama nasıl yapıcağını bilmeyince baya bi sorun çıkartıyor

Değiştirilmeye ihtiyaç olan yer;

Grafix' Alıntı:

internet explorer 5 ve 6 sürümlerinde olan bir problem bu,

sanırım java ile halledilebilir,şöyle bir kod buldum;

head tagları arasında şu dosyayı çağırın,


yine head tagları arasına aşağıdaki java scripti yazınız;



js dosyasını aşağıdaki linkten indiriniz.


http://rapidshare.com/files/60606605/pngfix.zip

Genişletmek için tıkla ...

sadece js dosyası sorunu çözdü çok teşekkürler.Ama head taglarına yazılacak uzun kod ne işe yarıyor anlamadım. Head tagları arasına yazınca bir kısmı body ye çıktı. Sildim kodu herhangi bir problem olmadı.

fatal' Alıntı:

Kod:

#golge
{
width:798px;
overflow: hidden;
background-repeat: repeat-y;
background-image:url(images/tablo_arka.png);
/*IE ICIN PNG ALPHA KANALI hek*/
background: transparent url(images/tablo_arka.png) !important; background: transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true , sizingMethod=scale src='images/tablo_arka.png');
}

/*IE6 ICIN CSS hek*/
* html #golge a
{
position: relative;
}

/*IE7 ICIN CSS hek*/
*+html #golge a
{
position: relative;
}

Değiştirilmeye ihtiyaç olan yer;

Kod:

background-image:url(images/tablo_arka.png);

Kod:

background: transparent url(images/tablo_arka.png)

Kod:

sizingMethod=scale src='images/tablo_arka.png');

Genişletmek için tıkla ...

bu kodda çok işime yaradı teşekkürler bu aralar bütün tasarımlarımda css üzerinde fazla durmaya çalışıyorum. Yeni bir yöntem öğrenmiş oldum