U3F1ZWV6ZTgwNzczMjc0MDNfQWN0aXZhdGlvbjkxNTA0OTc4MjA3
recent
أخبار ساخنة

إضافة تكبير و تصغير الخط بداخل المواضيع


إضافة تكبير  تصغير الخط بداخل المواضيع




اضافة مميزة جدا 
تمكنك من تكبير او تصغير الخط بداخل المواضيع
الاضافة جميلة جدا سيستفيد منها جميع الزائرين للموضوع


شرح التطبيق على القالب







بإستعمال الزر C + Ctrl للنسخ و V + Ctrl للصق قم بوضع الأكواد في المكان المناسب

إبحث في القالب على </head> وضع هذا الكود فوقه مباشرة





 <style>
button.tipr-zome{text-align:center;float:right;background:#2368a1;border-radius:4px;color:#FFFFFF;border:1px solid transparent;cursor:pointer;padding:0;width:30px;font-size: 10px;height:30px;margin:0.2em;text-decoration:none;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#postedit-font-btn{position:relative;display:inline-block;left: 336px;}
button.tipr-zome:hover {background: #d3d5d6;color: #1c629c;}
@media screen and (max-width : 480px) {#postedit-font-btn {position: relative;display: inline-block;left: 0px;}
</style>



إبحث في القالب على </body>  وضع هذا الكود فوقه مباشرة




<b:if cond='data:blog.pageType == "item"'>
<script>
//<![CDATA[
var _0xee16=["\x66\x6F\x6E\x74\x2D\x73\x69\x7A\x65","\x63\x73\x73","\x65\x61\x63\x68","\x2E\x70\x6F\x73\x74\x2D\x62\x6F\x64\x79","\x6F\x72\x69\x67\x2D\x73\x69\x7A\x65","\x64\x61\x74\x61","\x63\x6C\x69\x63\x6B","\x23\x62\x74\x6E\x2D\x69\x6E\x63\x72\x65\x61\x73\x65","\x23\x62\x74\x6E\x2D\x64\x65\x63\x72\x65\x61\x73\x65","\x23\x62\x74\x6E\x2D\x6F\x72\x69\x67"];function changeFontSize(_0xf999x2){$affectedElements[_0xee16[2]](function(){var _0xf999x3=$(this);_0xf999x3[_0xee16[1]](_0xee16[0],parseInt(_0xf999x3[_0xee16[1]](_0xee16[0]))+ _0xf999x2)})}var $affectedElements=$(_0xee16[3]);$affectedElements[_0xee16[2]](function(){var _0xf999x2=$(this);_0xf999x2[_0xee16[5]](_0xee16[4],_0xf999x2[_0xee16[1]](_0xee16[0]))}),$(_0xee16[7])[_0xee16[6]](function(){changeFontSize(1)}),$(_0xee16[8])[_0xee16[6]](function(){changeFontSize(-1)}),$(_0xee16[9])[_0xee16[6]](function(){$affectedElements[_0xee16[2]](function(){var _0xf999x2=$(this);_0xf999x2[_0xee16[1]](_0xee16[0],_0xf999x2[_0xee16[5]](_0xee16[4]))})})
//]]>
</script>
</b:if>



الان ضع هذا فوق المواضيع ذات صلة او امام ازرار المشاركة التي تأتي اسفل التدوينة





<b:if cond='data:blog.pageType == "item"'>
<center>
<h1>
تعديل على حجم الخط</h1>
<span id="postedit-font-btn">
<button class="tipr-zome" id="btn-decrease" title="تصغير الخط">A<span>-</span></button>
<button class="tipr-zome" id="btn-orig" title="خط إفتراضي">A</button>
<button class="tipr-zome" id="btn-increase" title="تكبير الخط">A<span>+</span></button>
</span>
</center>
</b:if>






و شكرا








الاسمبريد إلكترونيرسالة