راسلنا من خلال النمودج التالي :

الاسم

بريد إلكتروني *

رسالة *

أكتب ما تود البحث عنـه .....

إعلان
إعلان

آخر الأخبار

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


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




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


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







بإستعمال الزر 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>






و شكرا









hala teck
الكاتب : MAHER

مدون عربي صاحب مدونة هلا تك يهتم بكل جديد بعالم التقنية و المعلومات

شارك الموضوع
تعليقات
إعلان