+ + + + +
Share/Save/Bookmark

2010-01-15

تكبير وتصغير الخط




تكبير وتصغير الخط قد يفيد بعض ضعاف النظر , وبعد ساعات متواصلة من النظر امام شاشتك العزيزة ستحتاجه بشدة , بعد اضافة تلك الاداة ستصبح بالشكل الموجود عندى فى المدونة بالاعلى

الخطوات : اذهب الى لوحة التحكم
التخطيط > عناصر المدونة > اضافة اداة جديدة > اداة من نوع هتمل / جافا سكريبت
الصق هذا الكود :



<div>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='.5em'"><span >+</span></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='0.8em'"><span style="font-size: x-small;">+</span></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.1em'"><span >+</span></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.4em'"><span style="font-size: large;">+</span></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.7em'"><span >+</span></a>
</div>



فى الكود السابق :
- الخط الذى سيتم التحكم به هو الخط الموجود فى كل الصفحة body
يمكن تحديد الخط الموجود فى منطقة بعينها عن طريق استبدال كلمة body بالـ id الخاص بالقطعة المراد تكبير وتصغير الخط بها , مثلا post او main-wrapper او side-wrapper وهكذا

- الوحدة التى سيتم التكبير والتصغير على اساسها هى em وهى خاصة بالخطوط , يمكن استعمال البيكسل ايضا لكن الافضل em , حيث ان الاخير ينسق بين حجم الخط وبين مساحات التصميم .

- يتراوح الحجم الادنى والاقصى من 0.5 الى 1.7 , يمكنك تغيير القيم بالطبع .




الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

6 اضف تعليق , التعليقات:

♥ شـــذا ♥ روحــــي ♥ said...
This comment has been removed by the author.
♥ شـــذا ♥ روحــــي ♥ said...
This comment has been removed by the author.
♥ شـــذا ♥ روحــــي ♥ said...

تسلم ايدك يا اخي

بارك الله فيك

دمت متالق ومتميززز

تقبل تحياتي

احمد سحالي said...

جزاك الله خيرا

ALHAKEM said...

بجد اداة اكثر من رائعه
اشكرك شكرا جزيلا جزاك الله خيرا
وفعلا مدونه رائعه
لصاحبها الاروع

blog owner said...

مفهمتش حاجه وعايز اكبر الخط اللي تحت هيدر على طول..اعمل ايه الله يرضى عليك اخوك لسه مبتدأ

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

اضف تعليقك هنا

اضغط على عنوان البوست لتظهر التعليقات