CSS3 ile hazırladığımız bir sayfada büyük harf olmasını istediğimiz bölüm için text-transform:uppercase; stilini girdik ancak Türkçe karakterlerimizde sorunlar oluştu. Bu sorunları çözmek için birkaç alternatifimiz var tabi ki. Sitemiz dinamik bir site değilse bu işlemi elle yapabiliriz. Ancak günümüzde dinamik sitelerin artması ile bu işlemi php ya da asp ile – hangi yazılım dilini kullanıyorsak o dil ile – hazırlamamız mümkün. Ancak küçük bir kod ile istediğimiz etiketin içeriğini büyük harfe çevirebiliriz.
Bunun için fonksiyonlar mevcut ancak hazırlamış olduğum jQuery trUpperCase eklentisi ile kolayca istediğimiz etiketin içeriğini büyük harfe çevirebiliriz.
Öncelikle jQuery ve eklentinin linkini sayfaya eklememiz gerekiyor.
<script src="js/jquery.min.js"></script> <script src="js/jquery.trUpperCase.js"></script>
Ardından yapmamız gereken ise aşağıdaki kodu kullanmak.
$('h1').trUpperCase();
Yukarıdaki kullanım tüm h1 etiketli başlıkları büyük harfe çevirecektir. Daha spesifik kullanım için sınıf ya da id kullanabilirsiniz. Ben genel olarak büyük harfle yazılmasını istediğim yerlere uc sınıfını ekliyorum.
<h1 class="uc">Sayfa Başlığı</h1> <p>Tamamı <span class="uc">büyük harfle</span> yazılmasını istediğiniz bölümlere "uc" sınıfı eklemeniz yeterlidir.</p> <script> $('.uc').trUpperCase(); </script>
GitHub Sayfası Eklentiyi İndir
2014 © Web Fikirleri - Her Hakkı Saklıdır.
