اداة التحكم بتكبير وتصغير الخط من قبل الزوار

اداة التحكم بتكبير وتصغير الخط من قبل الزوار
اضافة اداة للتحكم بالخط من قبل الزوار حيث تسهل على الزائر تكبير او تصغير خطوط المدونة مما يجعل الزائر يشعر بالراحة اكبر عندما يضع حجم الخط الذي يتناسب مع نظره .وكنا اضافنا في موضوع سابق ايضآ اضافة اداة تغيير خلفية المدونة ايضآ من قبل الزوار تضاف هذه الاداة من لوحة التحكم التخطيط اضافة اداة جديدة HTML/JavaScrip
تنسخ الكود التالي وتلصقه في الاداة وتعمل حفظ



<!--Font Style & Font Size Widget by Blogolect.blogspot.com-->
<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>
<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>

تعليقات