Dinamik Yazı Tipi Eklentisi

Published by aTOMKARINCa on


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.

Categories: Blogger

8 Comments

siteniz · 22 Temmuz 2009 at 17:39

teşekkürler güzel bir eklenti

aTOMKARINCa · 22 Temmuz 2009 at 17:58

Önemli değil :-\")

OgrenGec · 22 Temmuz 2009 at 19:35

Kendi sitende niye kullanmadın : :d

aTOMKARINCa · 22 Temmuz 2009 at 19:46

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

MyFurkan · 13 Mart 2010 at 21:36

Müthiş bir şey hemen eklemeyi düşünüyorum

burak · 11 Kasım 2010 at 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

Murat Mutlu · 24 Aralık 2010 at 17:58

demosunu göremiyoum şu an.

aTOMKARINCa · 27 Aralık 2010 at 04:13

@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.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir