[ssonmez]

***** AŞAĞIDAKİ KODLA İLGİLİ SON BİLGİLER İÇİN http://www.suleymansonmez.com/konu.asp?id=bfzd

Daha önce forumda font browse etme ile başlayan aramalarım güzel sonuçlandı.
Bilgisayarınızda yüklü fontları net üzerinden browse etmece
@biolight teşekkürler...
---------------------------------------------------------------------------
Bir çok siteyi gezerken site fontları kullandığınız ekrana, gözlerinizin yorgunluğuna , zevkinize hitap etmeyebilir.
Oysa bir sitede okurken o sayfada Fontun tipi, puntosu, stili vb. özellikleri değiştirilebilse çok daha kullanışlı bir siteniz olur.

DENEMEK İÇİN :
http://www.suleymansonmez.com/konu.a...denuce&sayfa=2

Şu andaki eksiklikler:
YOK.
Sizin de @biolight, @scud, @soul, @absconder gibi dostlarınız olsun . Tabii eksik kalmaz
-------------------------------------------------------------------------------------
Sayfamdaki bilgiler....

(*) BFZD© (Bırak Fontu Ziyaretçin Değiştirsin) SİSTEMİ NEDİR?
--------------------------------------------------------------------------------

BFZD©, her siteye kolayca eklenebilen tamamen ücretsiz bir JavaScript yazılımdır. Bu sistemi kullanan sitelerde, web ziyaretçisi beğendiği yazıtipini , rengini, büyüklüğünü ve özelliklerini kendisi seçebilir. Seçilen ayarlar cookie aracılığı ile kullanıcının bilgisayarında kalır.
Yani, ziyaretçi sitenizi aynı bilgisayarda, günler, aylar sonra gezerken bile tüm sayfaları seçtiği şekilde görür. Ziyaretçinin görüp seçebildiği fontlar kendi bilgisayarında yüklü olan fontların listesidir. Sistemin en can alıcı yeri de burasıdır.


(*) BFZD© 'nin ÜCRETİ NEDİR?
--------------------------------------------------------------------------------

BFZD© bir gönül borcu olarak, şu ana kadar yetişmemde binlerce katkıları olmuş paylaşımcı, tüm web site tasarımcılarına ÜCRETSİZ / HEDİYE / BEDAVA / FREEWARE 'dir.

Bu aracın programcısı olarak, siz site tasarımcısı ve emeğin değerini bilen sanatçılardan beklentim yukardaki font toolbarında gördüğünüz ve sitemin bu sayfasına bağlanılabilmesini sağlayan BFZD© tanıtım isminin -linki çalışır şekilde- sitenizde görünür bir yerde bulunmasıdır.

Yeri tamamen size bağlıdır. Gerekirse sayfanızın en altında bile yeralması, sizden gelen desteklerle daha iyi işler yapabilmem için ihtiyaç duyduğum tanıtımı sağlayacaktır.

!!! YUKARDAKİ İSTEĞİM İPTAL OLDU !!!
BFZD sistemi kullanmak isteyen, ancak BFZD amblemini kullanmak istemeyenler

> BFZD.js içinden BFZDtoolbar() fonksiyonundan amblemi çıkarabilir.

> Toolbarda dursun ne olacak diyen aynen kullanmaya devam etsin.

Ancak toolbardan amblemi çıkarmak isteyenlerden rica ediyorum.
bzfd.js kod içindeki en başta bulunan sadece kaynak kodda yeralan site ve link bilgilerimin kalmasına lütfen özen gösterin, - Sanırım bu kadarı hakkım -
Ve yine verebiliyorsanız sayfanızın başka bir yerinden sitemi önermeniz ve ya link vermeniz beni samimiyetle mutlu edecektir.



(*) BFZD© NASIL KURULUR?
--------------------------------------------------------------------------------

1-) Derlemiş ve yazmış olduğum BFZD© JavaScript dosyasını kaydetmek için aşağıdaki linkin üsünde sağ tıklayarak Farklı Kaydeti (Save As...) seçin. Sitenizin ana klasörüne sitenizin ana klasörüne bfzd.js olarak kaydedin.

bfzd.js DOWNLOAD (YÜKLE)

//**************************************************************************************
// BFZD  (Birak Fontu Ziyaretçin Degistirsin!) SISTEMI
// web sitesi : http://www.suleymansonmez.com/konu.asp?id=bfzd
// 2004 Subat (c) versiyon 1.1 / 
// İtalikten normale dönme eklendi , Kalin italik eklendi
// Sitenize ilk gelenlere default Verdana, 12 punto ve normal değerleri eklendi
// Bu JavaScript kod Freewaredir. Sitenizde kullanilmasi ücretsiz / serbesttir . 
// Ancak kendi siteniz de diger 3. sahislara tekrardan dagitilamaz. 
// Sayfadaki bu açıklama satırları kaldırılmamalıdır.
// Sizden sadece BFZD sembolü sayfama link vermenizi - zorunlu değildir -  rica ediyorum.
// Saygilarimla. Süleyman SÖNMEZ / 
// *************************************************************************************

// Sayfanin ilk açilista ayrlari otomatik olarak yapmasini saglar.
function fnInit(){


var fontname, fontpunto, stil,renk,ii,i,j,kac,ne;
   //for (ii=0; i<document.all.length; ii++)
  //       document.all(ii).unselectable = "off";
   oDiv.unselectable = "off";
   getSystemFonts();
   sortSelect(document.getElementById("oSelect"))
	
// Renk kutusu olusturulur.
  var say=0 // Deniz Dursun (Scud) Renk seçici. Tesekkürler. :)
  renkdizi=new Array("00","33","66","99","CC","ff"); 
  for(i=0;i<6;i++){
      for(k=0;k<6;k++){
         for(l=0;l<6;l++){
		     var renk=renkdizi[i]+renkdizi[k]+renkdizi[l];
			 var renkoption   = document.createElement("OPTION");
             renkoption.text  = "          ";
             renkoption.value = renk;
			 renkoption.style.background=renk;

             document.getElementById("renkselect").add(renkoption);
  }  }   }

// varsa cookie okunur.	Gelen degerler neyse comboboxlarda seçilir.
   fontname  = getCookie("fontname");
   fontpunto = getCookie("fontpunto");
   stil      = getCookie("stil");
   renk      = getCookie("renk");
   
   if (fontname==null) { fontname="Verdana"; }
   kac=  (document.getElementById("oSelect").length);
   for (var j=0; j<kac-1; j++) {
       if (fontname == document.getElementById("oSelect").options[j].text){
               document.getElementById("oSelect").options[j].selected=true; }
   }
   ChangeFontum()
   
   
   if (fontpunto==null) { fontpunto="12"; }
   kac=(document.getElementById("puntoselect").length);
   for (var j=0; j<kac-1; j++) {
       if (fontpunto == document.getElementById("puntoSelect").options[j].text){
              document.getElementById("puntoSelect").options[j].selected=true; }
   }
   ChangePuntom()

   if (stil==null) { stil="normal"; }
   kac= (document.getElementById("stilselect").length);
   for (var j=0; j<kac-1; j++) {
       if (stil == document.getElementById("stilselect").options[j].text){
             document.getElementById("stilselect").options[j].selected=true; }
   }
   ChangeStilim()


   if (renk!="") {
       kac= (document.getElementById("renkselect").length);
       for (var j=0; j<kac-1; j++) {
            if (renk == document.getElementById("renkselect").options[j].value){
               document.getElementById("renkselect").options[j].selected=true; }
       }
   }
   ChangeRengim()
    
}

//--------------- Kullanicinin sistem fontlari listelenir.
function getSystemFonts()
{  

var a=dlgHelper.fonts.count;
var fArray = new Array();
var oOption = document.createElement("OPTION");

oOption.text = " Fontunuzu Seçiniz.";
oOption.value = "0";
document.getElementById("oSelect").add(oOption);
for (i = 1;i < dlgHelper.fonts.count;i++)
	{ 
		fArray[i] = dlgHelper.fonts(i);
		var oOption = document.createElement("OPTION");
		
		oOption.text = fArray[i];
		oOption.Value = i;
//		oOption.style.fontFamily = fArray[i];
		
		document.getElementById("oSelect").add(oOption);	
	} 
}

//--------------- font combobox alfabetik siralanir.
function sortSelect(obj)  // http://www.mattkruse.com  Free use but not re-distrubed
{
  var dizi = new Array();
  if (obj.options==null) { return; }
  for (var i=0; i<obj.options.length; i++) {
		dizi[dizi.length] = new Option( obj.options[i].text, obj.options[i].value, obj.options[i].defaultSelected, obj.options[i].selected) ;
		}
	dizi = dizi.sort( 
		function(a,b) { 
			if ((a.text+"") < (b.text+"")) { return -1; }
			if ((a.text+"") > (b.text+"")) { return 1; }
			return 0;
			} 
		); 
	   	for (var i=0; i<dizi.length; i++) {
		obj.options[i] = new Option(dizi[i].text, dizi[i].value, dizi[i].defaultSelected, dizi[i].selected);
		}

}
//--------------- Hangi font seçilirse yazi o fonta degistirilir.
function ChangeFont(){
var sSelection = document.getElementById("oSelect").options[document.getElementById("oSelect").selectedIndex].text;
document.execCommand("FontName",false,sSelection);
} 

function ChangeFontum(){
var sSelection = document.getElementById("oSelect").options[document.getElementById("oSelect").selectedIndex].text;
    document.getElementById("oDiv").style.fontFamily = sSelection;
} 
//--------------- Hangi font büyüklügü seçilirse yazi o puntoya degistirilir.
function ChangePuntom(){
var sSelectionpunto = document.getElementById("puntoselect").options[document.getElementById("puntoselect").selectedIndex].text;
    document.getElementById("oDiv").style.fontSize = sSelectionpunto;
} 
//--------------- Hangi font stili seçilirse yazi o stile degistirilir.
function ChangeStilim(){
var sSelectionstil =   document.getElementById("stilselect").options[document.getElementById("stilselect").selectedIndex].value;

if (sSelectionstil ==  "bold")  {  
   document.getElementById("oDiv").style.fontWeight ="bold";
   document.getElementById("oDiv").style.fontStyle = "normal";
}   
if (sSelectionstil ==  "normal")  {
   document.getElementById("oDiv").style.fontStyle = "normal";	
   document.getElementById("oDiv").style.fontWeight = "normal";
}
if (sSelectionstil ==  "italic")  {
   document.getElementById("oDiv").style.fontWeight = "normal";
   document.getElementById("oDiv").style.fontStyle  = "italic"
}
if (sSelectionstil ==  "kalinitalic")  {
   document.getElementById("oDiv").style.fontWeight = "bold";
   document.getElementById("oDiv").style.fontStyle  = "italic"
}
} 
//--------------- Hangi font rengi seçilirse yazi o renge degistirilir.
function ChangeRengim(){
var sSelectionrenk = document.getElementById("renkselect").options[document.getElementById("renkselect").selectedIndex].value;
    document.getElementById("oDiv").style.color=sSelectionrenk;
}
//--------------- Cookieye o anda yapilan seçimler yazilir. 12 ay silinmez
function fontayarkaydet()
{
	if (navigator.cookieEnabled) {
  	    var sSelection       = document.getElementById("oSelect").options[document.getElementById("oSelect").selectedIndex].text;
        var sSelectionpunto  = document.getElementById("puntoselect").options[document.getElementById("puntoselect").selectedIndex].text;
        var sSelectionstil   = document.getElementById("stilselect").options[document.getElementById("stilselect").selectedIndex].text;
        var sSelectionrenk   = document.getElementById("renkselect").options[document.getElementById("renkselect").selectedIndex].value;

		sonTarih = new Date
		sonTarih.setMonth(sonTarih.getMonth()+12)	
		document.cookie = "fontname="+sSelection+"; expires="+sonTarih.toGMTString()
		document.cookie = "fontpunto="+sSelectionpunto+"; expires="+sonTarih.toGMTString()
		document.cookie = "stil="+sSelectionstil+"; expires="+sonTarih.toGMTString()
		document.cookie = "renk="+sSelectionrenk+"; expires="+sonTarih.toGMTString()
	} else {
	    alert("Cookie yazma izni yok. Lütfen internet ayarlarindan açiniz")
	}
}
//--------------- Sayfa yüklenirken cookie de daha önce kaydedilmis ayarlari bulup getirir.
function getCookie(cookieName) { 

if (navigator.cookieEnabled) 
{
    cookieString=document.cookie
    cookieName+="="
   if (cookieString.length > 0) {   
		i=cookieString.indexOf(cookieName)
        if (i!=-1) {
            i += cookieName.length
            j = cookieString.indexOf(";",i)
            if (j==-1) {j = cookieString.length}
            return unescape(cookieString.substring(i,j))
        }
     }
	return null
} 
else {
	    alert("Cookie yazma izni yok. Lütfen internet ayarlarindan açiniz")
 	}
}

//--------------- Sayfadaki BFZD Toolbarini çizer.
function BFZDToolbar() { 

<!--font için nesne. ASIL OLAY BU NESNE : BU NESNE OLMADAN SISTEM YÜRÜMEZ:-->
// Object tanimlamasi mümkün oldugunca sayfanin ilk kodlarinda tanimlanmalidir. Yoksa internet Explorer kilitlenebilir.
document.writeln(' <OBJECT id=dlgHelper CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"></OBJECT> ');
//Toolbar çiziliyor.
document.writeln('<table border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal">');
document.writeln(' <form name="form2" method="post" action="konu.ASP?id=<%=id%>&sayfa=<%=sayfa%>&stilkaydet=1" style="display:inline" > ');
document.writeln('			Yazitipi:');
document.writeln('			<SELECT name="oSelect"   style="border: 1px #666666 dotted;font-family:Tahoma, Verdana, Arial;font-size: 9px;color: #0066CC;background-color: #FFFFFF; "   id="oSelect" onchange="ChangeFontum()"> ');
document.writeln('                          </SELECT> ');
document.writeln('			&nbsp;Punto: ');
document.writeln('			<SELECT name="puntoselect"   style="border: 1px #666666 dotted;font-family:Tahoma, Verdana, Arial;font-size: 9px;color: #0066CC;background-color: #FFFFFF; "  id="puntoselect" onchange="ChangePuntom()"> ');
document.writeln('			  <option value="8">8</option> ');
document.writeln('			  <option value="9">9</option> ');
document.writeln('			  <option value="10">10</option> ');
document.writeln('			  <option value="11">11</option> ');
document.writeln('			  <option value="12">12</option> ');
document.writeln('			  <option value="13">13</option> ');
document.writeln('			  <option value="14">14</option> ');
document.writeln('			  <option value="16">16</option> ');
document.writeln('			  <option value="18">18</option> ');
document.writeln('			  <option value="20">20</option> ');
document.writeln('			  <option value="22">22</option> ');
document.writeln('			  <option value="24">24</option> ');
document.writeln('			  <option value="26">26</option> ');
document.writeln('			  <option value="28">28</option> ');
document.writeln('			  <option value="30">30</option> ');
document.writeln('			  <option value="32">32</option> ');
document.writeln('			  <option value="34">34</option> ');
document.writeln('			  <option value="36">36</option> ');
document.writeln('			  <option value="48">48</option> ');
document.writeln('			  <option value="72">72</option> ');
document.writeln('			  <option value="96">96</option> ');
document.writeln('                        </SELECT> ');
document.writeln('			&nbsp;Stil: ');
document.writeln('			<SELECT name="stilselect"   style="border: 1px #666666 dotted;font-family:Tahoma, Verdana, Arial;font-size: 9px;color: #0066CC;background-color: #FFFFFF; "  id="stilselect" onchange="ChangeStilim()"> ');
document.writeln('			  <option value="bold">Kal&yacute;n</option> ');
document.writeln('			  <option value="normal">Normal</option> ');
document.writeln('			  <option value="italic">Italik</option> ');
document.writeln('			  <option value="kalinitalic">Kal&yacute;n Italik</option> ');
document.writeln('			</SELECT> ');
document.writeln('&nbsp;Renk:             ');
document.writeln('<SELECT name="renkselect"   style="border: 1px #666666 dotted;font-family:Tahoma, Verdana, Arial;font-size: 9px;color: #0066CC;background-color: #FFFFFF; "  id="renkselect" onchange="ChangeRengim()"> ');
document.writeln('            </SELECT> ');
document.writeln('            &nbsp;			 ');
document.writeln('<input name="Kaydet" type="button" style="border:1px #CCCCCC dotted; font-family: Tahoma, Verdana, Arial; font-size: 9px" id="Kaydet" value="Kaydet" onclick="fontayarkaydet()"> ');
document.writeln('&nbsp; ');
document.writeln('		   <span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal"><a href="http://www.suleymansonmez.com/konu.ASP?id=bfzd" target="_blank" class="yazimini"><font color="#999999">BFZD<sup>&copy;</sup></font><sup></sup></a></span> ');
document.writeln('		    </form> ');
document.writeln('</td></tr></table>');
}
// BFZD son
//********* forum.Zoque.net 'teki arkadaslarima tesekkürler.
//**************************************************************************

2-) Sayfanızın
<HEAD>.... </HEAD> tagları arasına
<script type="text/JavaScript" SRC="bfzd.js"></script >
ekleyin böylece sayfanız BFZD© sisteminin kodlarını kullanabilir hale gelecektir.


3-) Sayfanızın açılır açılmaz kullanıcının sistemindeki fontları tarayıp liste oluşturabilmesi için en başta çalışması gereken fnInit fonksiyonu için sadece sayfanızın BODY tagına

<BODY .... onload="fnInit();" > ekleyin.


4-) BFZD© Toolbarını (araç çubuğunu ) oluşturan kod aşağıdadır.
Seçerek web sayfanızda Toolbarın görünmesini istediğiniz uygun bir yere yapıştırın.

<script> BFZDToolbar(); </script>


5-) Son olarak yazısının değişebilmesini istediğiniz sayfanızın içine yazıyı içine alacak şekilde
<SPAN id=oDiv>
....
Yazıtipi değişebilen yazınız, sayfanız ......
....
</SPAN> kodlarını ekleyin .

İŞTE HEPSİ BU KADAR.... Böylece web siteniz font seçme özgürlüğüne kavuşsun.


(*) DEMO SAYFASI
--------------------------------------------------------------------------------

BFZD © sistemini daha kolay anlayabilmeniz için hazırlanmış demo sayfasına tıklayın. Dilerseniz linkin üstünde sağ tıklayıp (Farklı Kaydet / Save As..) ile diskinize kaydedebilirsiniz.

BFZD DEMO


(*) VERSİYON BİLGİSİ
--------------------------------------------------------------------------------

BFZD © sistemi şu an 1.0 versiyonundadır. Kod geliştirildikçe yeni özelliklerin eklenmesi ve olası hataların temizlenmesi buradan duyurulacaktır.


(*) KİMLER KULLANIYOR ?
--------------------------------------------------------------------------------

BFZD © sistemini kullanıyorsanız, lütfen bir e-posta ile sitenizin adını gönderin, burada yer alacak listeye ekleyelim. Teşekkürler.



ÖNEMLİ NOT:
Kodları kullanırken id takılarının ismi önemlidir. Örneğin <span id=oDiv> adı önemlidir
siz div veya başka çözümlerde bulabilirsiniz
NOT2 : function ChangeFont() sadece seçileni değiştiren bir fonksiyondur. İsteyen kullanabilir . Şu an olmasa da olur. Çünkü onun işini function ChangeFontum() yapmaktadır.

Yardımcı olan herkese tekrar tekrar teşekkürler. Tam hayal ettiğim şey oldu

NOT SON: Yukardaki kod yenilenmiştir. Aşağıdaki mesajlar henüz kodda eksiklikler varken yardım elini uzatan dostlarımızın önerilerini ve kodlarını içerir. Sağolsunlar.

[ssonmez]

Şimdi aklıma geldi. Diyelim bir sayfanız var ve bu sayfanın stilleri sabit olsun bu değişikliklerden etkilenmesin fontları değişmesin diye düşünüyorsanız.
( Özellikle ASP,PHP gibi otomatik oluşturulan sayfalarda.)

div'e CSS ile bir stil vermeniz yeterlidir.
örneğin http://www.suleymansonmez.com/konu.asp?id=ikidenuce

[PsyChaos]

eline sağlık gerçekten güzel bir çalışma

[sahip]

şimdi bu güzel çalışma için bir de repute edeyim dedim, yaptırmadı, biraz etrfa dağıt gibi bir mesaj çıkıyor...
o zaman burdan bir daha tebrik, teşekkür etmek isterim , herkesle paylaştığın için.
sağolasın.

[cihangir]

reputation olayinda tam olarak ne gibi bir hata cikti? daha önce ssonmeze verdigin puan var miydi?

script cok güzel olmus, ssonmez'inde belirttigi birkac eksigin tamamlanmasini 4 gözle bekliyorum

[sahip]

zoque tarafından gönderilen mesaj:

reputation olayinda tam olarak ne gibi bir hata cikti? daha önce ssonmeze verdigin puan var miydi?

çıkan yazı:
You must spread some Reputation around before giving it to ssonmez again.

zoque> sana repute edebiliyorum, ssonmez' e repute edip etmediğimi hatırlamıyorum, yani en son olarak ?
+ bir kaç deneme yaptım... altında editör yazanlarda yapıyor... gibi...

[soul]

süper bir eser olmuş;

[biolight]

çok iyi iş çıkarmışsın eline sağlık.

[gameover]

ellerine sağlık, süper bi uygulama olmuş. bazı fontlar, hatta çoğu font diyeyim, web üzerinde gösterilirse (antialias olmadığından) cidden çok çirkin görünebilir. bu yüzden diyorum ki arial, tahoma, trebuchet ms, verdana gibi temel fontlar dışındaki fontların kullanıcısı pek çıkmayacaktır. dolayısıyla tüm fontları listeletip, ziyaretçiye böyle bir alternatifiniz var demek ne kadar gerekli bilmiyorum ama (tabiki de böyle birşey sunmak ziyaretçiyi memnun edecektir) yine de uğraştığın için ellerine sağlık.

ek olarak bu olayı kullanacak bir sitede ziyratetçi -atıyorum- futura 11px bold kullanacaksa, bunun siteye her girdiğinde sabit kalmasını ister. her seferinde ayar çekmek onu yoracaktır. dolayısıyla cookie'lerle felan işi halletmek çok iyi olacaktır. bunu sayfa yeniletmeden (örnek bu forumda hızlı yanıt bölümünün üstündeki + gibi. hani ona basınca sayfa yenilenmiyor fakat ayarınız kaydediliyor ve orayı kaparsanız her açılışta kapalı oluyor ya...) ayarlarımız kaydedilirse süper olur. buna üyelik gerekebilir ama sanırsam.

[zoom]

Çok keyif aldim Teknik olarak bu noktaya çoook uzak olduğum icin heralde hatta büyülendim diyeblirim.

Tebrik ederim.