تنظیم اندازه فونت محتوای صفحه توسط کاربر

1 ستاره2 ستاره3 ستاره4 ستاره5 ستاره (بدون امتیاز)
Loading...

با استفاده از این اسکریپت می توانید به کاربران سایت خود این امکان را بدهید که به دلخواه اندازه فونت محتوای صفحه را کوچک یا بزرگ نماید. استفاده از این کد بسیار ساده بوده و به راحتی می توانید در سایت یا وبلاگ خود استفاده نمایید.
جهت استفاده ابتدا فایل ضمیمه را دانلود نموده و مطابق کد نمونه در قسمت head صفحه فراخوانی نمایید و آدرس آن را در صورت لزوم اصلاح کنید. سپس محتوای قسمت body را کپی کرده و در محل مورد نظر خود در سایت یا بلاگ خود قرار دهید.
جهت تغییر واحد اندازه فونت، در فایل textsizer.js کد زیر را یافته و واحد مورد نظر خود را مانند ۱۱px, 12x, 13px و … جایگزین کنید. در کد زیر اندازه فونت پیش فرض روی small تنظیم شده است.

var szs = new Array( ‘xx-small’,’x-small’,’small’,’medium’,’large’);

این اسکریپت به صورت پیش فرض اندازه فونت محتوای body را تغییر می دهد. در صورتیکه بخواهید متن قسمت مشخصی از صفحه قابل تنظیم باشد. به آن قسمت یک id اختصاص داده و آن را بدون علامت # در کد زیر به جای body جایگزین نمایید. با این کار فقط اندازه فونت محتوای قسمت تعیین شده تغییر می کند.

<a href=”javascript:ts(‘body‘,1)”>+ افزایش اندازه</a> | <a href=”javascript:ts(‘body‘,-1)”>+ کاهش اندازه</a></span>

پیش نمایش

Print Friendly, PDF & Email

فایل های پیوست

  • textsizer
    حجم فایل: 841 B    تعداد دانلود: 55