Freehand & Photoshop sorunlarınız?

[fatal]

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.

[cakirx]

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

[fatal]

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

[Grafix]

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>

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

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


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

[cakirx]

fatal´isimli üyeden Alıntı

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

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

[fatal]

#golge
{
width:798px;
overflow: hidden;
background-repeat: repeat-y;
background-image:url(images/tablo_arka.png);
/*IE ICIN PNG ALPHA KANALI HACK*/
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 HACK*/
* html #golge a
{
position: relative;
}

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

Değiştirilmeye ihtiyaç olan yer;

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

background: transparent url(images/tablo_arka.png)

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

[cakirx]

Grafix´isimli üyeden 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

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´isimli üyeden Alıntı

#golge
{
width:798px;
overflow: hidden;
background-repeat: repeat-y;
background-image:url(images/tablo_arka.png);
/*IE ICIN PNG ALPHA KANALI HACK*/
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 HACK*/
* html #golge a
{
position: relative;
}

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

Değiştirilmeye ihtiyaç olan yer;

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

background: transparent url(images/tablo_arka.png)

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

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