Dinamik Yazı Tipi Eklentisi


  • Yabancı blogları gezerken güzel bir eklenti ile karşılaştım.
    Genellikle haber sitelerinde karşılaştığımız yazının puntosunu azaltıp artırabileceğimiz bir eklenti fakat tek farkı bu eklentide yazı boyutunun yanı sıra yazı tipini de değiştirebiliyoruz.
    </head> kodundan önce aşağıdaki kodu ekleyiniz.

    <script>
    function go1(){
    if (document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value != "none") {
    document.getElementById('main').style.fontSize=document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value
    }
    }
    function go2(){
    if (document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value != "none") {
    document.getElementById('main').style.fontFamily=document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value
    }
    }
    </script>
    

    <data:post.title/> Kodunun alt satırına aşağıdaki kodu ekleyiniz.

    <form id="forma" name="selecter2" method="POST">
    <select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
    <option value="Times New Roman"/>Times New Roman
    <option value="Arial"/>Arial
    <option selected value="Book Antiqua"/>Book Antiqua
    <option value="Bookman Old Style"/>Bookman Old Style
    <option value="Century Gothic"/>Century Gothic
    <option value="Comic Sans Ms"/>Comic Sans Ms
    <option value="Tahoma"/>Tahoma
    <option selected value="Trebuchet Ms"//>Trebuchet Ms
    <option value="Verdana"/>Verdana
    </select>
    <select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
    <option value="8px"/>8
    <option value="9px"/>9
    <option value="10px"/>10
    <option value="11px"/>11
    <option selected value="12px"/>12
    <option value="14px"/>14
    <option value="16px"/>16
    <option value="18px"/>18
    </select>
    </form>
    

    İşlem bu kadar kaydedip çıkın.

    Not: Bu eklentinin yapılması güzel fakat keşke yapan biraz arayüzünde çalışma yapsaymış. Yakın zamanda bu eklentiyi düzenleyerek + ve – butonları koyarak sadece yazı içeriğini büyütüp küçültmemizi sağlayan bir eklenti hazırlayacağım.

Yayımlanma Tarihi: 22 Temmuz 2009
  1. teşekkürler güzel bir eklenti

    Cevapla
  2. Önemli değil :-\")

    Cevapla
  3. Kendi sitende niye kullanmadın : :d

    Cevapla
  4. Şu anki haliyle gereksiz bir eklenti olduğunu düşünüyorum. Bu eklentiyi sade bir şekle sokarsam belki kullanırım. :-\")

    Cevapla
  5. Müthiş bir şey hemen eklemeyi düşünüyorum

    Cevapla
  6. #6 burak says:
    11 Kasım 2010, 22:36

    gün bir şekilde oluşturulmadığından şablonunuz çözümlenemedi. Lütfen tüm XML öğelerinin düzgün biçimde kapatıldığından emin olun.
    XML hata iletisi: Attribute name "selected" associated with an element type "option" must be followed by the ' = ' character. böyle bir hata çıkıyor sorun nerede

    Cevapla
  7. demosunu göremiyoum şu an.

    Cevapla
  8. @Murat Mutlu Bilgilendirmen için teşekkür ederim. Çok fazla deneme blogum olduğu için bir ara temizlik yapmıştım o sırada silmişim. :-\")
    Eklenti başlığın altında çıkıyor ve yazıma eklediğim resim ile birebir.

    Cevapla
Yorum Yapın