Javascript Font Changer – Java İle Font Büyültmek

Tüm haber sitelerinde ve haber dışında birçok sitede bulunan font puntosunu değiştiren bir sistem var. Bunu ziyaretçinin web sitenizden daha rahat faydalanabilmesi için siz de kullanabilirsiniz. Ufak bir java script ile bu yapılabiliyor. Kısaca bir anlatım yapayım:

Aşağıdaki java kodlarını html olan sayfanıza kopyalayın:

<script type="text/javascript">
<!--

var dsi=16;
function funTime(p) {
if (p == “grow”) {
dsi++;
}
else {
dsi–;
}
document.getElementById(‘fs’).style.fontSize=dsi;
}

–>
</script>

Daha sonra sayfanın bir yerine ziyaretçinin fontu büyültüp-küçültmesi için bir alan yapın. Bu konuda aşağıdaki taslağı kullanmanız gerekbilir:
<a onClick=funTime("grow")>Daha Büyük</a> - <a onClick=funTime()>Daha Küçük</a>

Ve son olarak ayarlamanız gereken bir kısım daha var. Büyültüp küçültülecek yazıları bir <strong>div</strong> içerisine almalısınız.

<div id="fs">Yazınız Buraya gelecek</div>

 

İşlem bu kadar basit. Buraya tıklayarak verilen kodların bir örnek kullanımını görüntüleyebilirsiniz.

 

Ayrıca bu işlemleri WordPress’e de uygulayabiliriz.

Temanın Single.php dosyasını açtıktan sonra <?php the_content(); ?> kodundan önce:

<div id="fs">

ve sonrasında da </div> kullanarak basitçe uygulayabilirsiniz.

Yazar: Fatih SARI

2007 yılından bu yana profesyonel anlamda web tasarım, web programlama ve web geliştirme alanlarında çalışmaktayım. Özel hayatım dışında kalan tüm vaktim müşterilerim ve projelerimle geçiyor. Bilişim alanında birçok sektörde profesyonel olarak çalışmalarda bulundum ve bulunuyorum. Birçok dalda iyi düzeyde bilgim olsa da bilişim sektörünün çok geniş olduğundan dolayı her geçen gün yeni şeyler öğrendiğime inanıyorum.

Bu yazıyı paylaş

  • facebook-share
  • tweet-it
  • friendfeed
  • plus-it

yorumlar