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

مشاهدات الان

 البحث عن

</body>

فوقه

<b:if cond='data:view.isPost'>

   <div class='Tresizerts'>

      <div id='Ifont'>A+</div>

      <div id='Dfont'>A-</div>

   </div>

</b:if>

<style>

   /* Text Resizer CSS */

   .Tresizerts{position:fixed;right:25px;bottom:150px;background:#ffffff;box-shadow:0 0 5px #000000;border-radius:5px;box-sizing:border-box;z-index:1;transition:all .3s linear}

   .darkMode .Tresizerts{background:var(--darkU);color:#ffffff;box-shadow:0 0 5px #ffffff}

   #Ifont,#Dfont{font-size:18px;padding:10px;box-sizing:border-box;background:#ffffff;color:#000000}

   .darkMode #Ifont,.darkMode #Dfont{background:var(--themeC);color:#ffffff;border-color:#ffffff} 

   #Ifont{border-radius:5px 5px 0 0;border-bottom:.5px solid #000000} 

   #Dfont{border-top:.5px solid #000000} #Dfont{border-radius:0 0 5px 5px} 

   #Ifont:hover,#Dfont:hover{background:var(--themeC);color:var(--darkU);}

</style>

<script src='https://code.jquery.com/jquery-3.6.0.min.js'/>

   <script>/*<![CDATA[*/ 

   

   $("").ready(function(){$("#Ifont").click(function(){curSize=parseInt($(".postBody").css("font-size"))+1,curSize<=20&&$(".postBody").css("font-size",curSize)}),$("#Dfont").click(function(){curSize=parseInt($(".postBody").css("font-size"))-1,curSize>=10&&$(".postBody").css("font-size",curSize)})});

   

   /*]]>*/

</script>

وانتهي