كيفية تطبيق حالات التمرير والتركيز والحالات النشطة مع سُمك زخرفة النص في الريح الخلفية

يشرح هذا البرنامج التعليمي المحتويات التالية:

• كيفية تطبيق حالات التمرير والتركيز والحالات النشطة مع سُمك زخرفة النص في الريح الخلفية؟
• تطبيق سمك زخرفة النص باستخدام ' يحوم ' ولاية.
• تطبيق سمك زخرفة النص باستخدام ' ركز ' ولاية.
• تطبيق سمك زخرفة النص باستخدام ' نشيط ' ولاية.

كيفية تطبيق حالات التمرير والتركيز والحالات النشطة مع سُمك زخرفة النص في الريح الخلفية؟

ال ' سمك زخرفة النص 'يمكن تطبيقه مع هذه الحالات من خلال الاستفادة من الحالة المستهدفة و' سمك زخرفة النص ' متبوعة بقيمة السُمك المستهدف بالبكسل. يؤدي تكامل هذه الأساليب إلى تغيير سمك زخرفة النص (بالبكسل) عند تحريك الماوس، أو العنصر الذي يتم التركيز عليه، أو العنصر النشط. يمكن أن تكون هذه البكسلات ' 1 بكسل '،' 2 بكسل '،' 4 بكسل ' أو ' 8 بكسل '. ومن هذا القبيل أنه كلما زاد عدد البكسلات، زاد سمكها.

مثال 1: تطبيق سمك زخرفة النص مع حالة 'التحويم'.

ينطبق هذا المثال على ' سمك زخرفة النص 'الملكية مع' يحوم 'حالة لتعيين السُمك عند تحريك الماوس:

في مقتطف الرمز هذا، قم بتضمين مسار CDN ضمن العلامة '' للاستفادة من وظائف Tailwind. وبعد ذلك ضمن ' <منطقة النص> 'العنصر، حدد ' يحوم 'الدولة جنبا إلى جنب مع التطبيق' سمك زخرفة النص ' الخاصية التي تحدد سمك الزخرفة من التسطير الافتراضي إلى سمك متزايد يبلغ '4' بكسل عند تحريك الماوس.

انتاج |

يشير هذا الإخراج إلى أن سمك زخرفة النص (أي التسطير) قد تم ضبطه وفقًا لذلك.

مثال 2: تطبيق سمك زخرفة النص مع حالة 'التركيز'.

يطبق كود المثال التالي سمك زخرفة النص على قيمة البكسل المستهدفة عند التركيز على العنصر باستخدام ' فاتورة غير مدفوعة ' مفتاح:

في هذه المجموعة من التعليمات البرمجية، كرر الأساليب التي تمت مناقشتها لدمج مسار CDN و' <منطقة النص> ' عنصر. الآن، حدد السُمك الافتراضي مع السُمك المنقول، أي '4' بكسل مع ' ركز 'حالة لتطبيق التغيير على الحالة المثارة.

ملحوظة: الافتراضي ' تسطير ' و ال ' تسطير الديكور-1 'الخصائص تعطي نفس النتيجة.

انتاج |

من هذا الإخراج، يمكن التحقق من أن سمك زخرفة النص قد تم نقله وفقًا لذلك.

مثال 3: تطبيق سمك زخرفة النص مع الحالة 'النشيطة'.

في مقتطف الكود هذا، يتم تغيير سمك زخرفة النص عندما يكون العنصر نشطًا:

وفقًا لأسطر التعليمات البرمجية هذه، قم أيضًا بدمج مسار CDN وعنصر ''. للمضي قدمًا، حدد ' <strong> نشيط</strong> ' الدولة وتطبيق ' <strong> سمك زخرفة النص</strong> ' بحيث يتم نقل السُمك من '1' بكسل إلى '8' بكسل بدلاً من أن يكون العنصر نشطًا، أي عند النقر عليه.</p> <p> <strong> انتاج |</strong> </p> <p> <img class="wp-image-390663" src="https://softoban.com/img/other/1C/how-to-apply-hover-focus-and-active-states-with-text-decoration-thickness-in-tailwind-3.gif"></p> <p> كما لوحظ، يتم تغيير سمك زخرفة النص، أي التسطير إلى '8' بكسل عند النقر داخل العنصر، أي أن العنصر نشط بشكل مناسب.</p> <h2> <strong> خاتمة</strong> </h2> <p> ال ' <strong> يحوم</strong> '،' <strong> ركز</strong> ' و ' <strong> نشيط</strong> 'يمكن تطبيق الحالات باستخدام' <strong> سمك زخرفة النص</strong> 'خاصية لتعيين السُمك عند تحريك الماوس فوق العنصر، أو التركيز على العنصر، أو العنصر النشط، على التوالي. توضح هذه المقالة كيفية تطبيق التمرير والتركيز والحالات النشطة بسمك زخرفة النص في Tailwind.</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/akhr/" class="tag-cloud-link">آخر</a> </div> </div> </div><!-- END--> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">فئة</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">فطيرة التوت</a> </li><li> <a href="/ethernet/">إيثرنت</a> </li><li> <a href="/other/">آخر</a> </li><li> <a href="/nano/">نانو</a> </li><li> <a href="/zoom/">تكبير</a> </li><li> <a href="/cinnamon/">قرفة</a> </li><li> <a href="/reviews/">المراجعات</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">مذياع</a> </li><li> <a href="/minecraft/">ماين كرافت</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">ضغط</a> </li><li> <a href="/laravel/">ارافيل</a> </li><li> <a href="/aircrack/">ايركراك</a> </li><li> <a href="/office-productivity-software/">برامج الإنتاجية المكتبية</a> </li><li> <a href="/boot/">حذاء طويل</a> </li><li> <a href="/system-calls/">مكالمات النظام</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">الشبكات</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">أعرج</a> </li><li> <a href="/plex/">نوع من أنواع الصفائح من نوع Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">عامل ميناء</a> </li><li> <a href="/firewall/">جدار الحماية</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">سينولوجيا</a> </li><li> <a href="/pdf/">بي دي إف</a> </li><li> <a href="/ethereum/">اثير</a> </li><li> <a href="/parrot-os/">نظام الببغاء</a> </li><li> <a href="/sublime/">سامية</a> </li><li> <a href="/selinux/">سيلينو</a> </li><li> <a href="/hyper-v/">مفرط- V</a> </li><li> <a href="/phone/">هاتف</a> </li><li> <a href="/kodi/">الشفرة</a> </li><li> <a href="/gnome/">جنوم</a> </li><li> <a href="/manjaro/">رقة</a> </li><li> <a href="/mouse/">الفأر</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">ميتاسبلويت</a> </li><li> <a href="/torrent/">سيل</a> </li><li> <a href="/tablet/">لوح</a> </li><li> <a href="/pycharm/">بيشارم</a> </li><li> <a href="/curl/">لفة</a> </li><li> <a href="/kde/">أين</a> </li><li> <a href="/gcc/">مجلس التعاون الخليجي</a> </li><li> <a href="/fonts/">الخطوط</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">نفيديا</a> </li><li> <a href="/images/">الصور</a> </li><li> <a href="/usb/">يو اس بي</a> </li><li> <a href="/squid/">حبار</a> </li><li> <a href="/mate/">رفيق</a> </li><li> <a href="/vlc-media-player/">مشغل الميديا ​​vlc</a> </li><li> <a href="/dns/">نظام أسماء النطاقات</a> </li><li> <a href="/bitcoin/">بيتكوين</a> </li><li> <a href="/keyboard/">لوحة المفاتيح</a> </li><li> <a href="/inkscape/">إنكسكيب</a> </li><li> <a href="/encryption/">التشفير</a> </li><li> <a href="/fedora/">فيدورا</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">الماسح الضوئي</a> </li><li> <a href="/atom/">ذرة</a> </li><li> <a href="/red-hat/">قبعة حمراء</a> </li><li> <a href="/teamviewer/">برنامج Teamviewer</a> </li><li> <a href="/skype/">سكايب</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">دفتر Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">مدونة</a> </li><li> <a href="/lvm/">لفم</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">مشغلات الوسائط</a> </li><li> <a href="/posix/">بوسيكس</a> </li><li> <a href="/steam/">بخار</a> </li><li> <a href="/jenkins/">جينكينز</a> </li><li> <a href="/power/">قوة</a> </li><li> <a href="/oracle-linux/">أوراكل لينكس</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">متر مربع</a> </li><li> <a href="/bluetooth/">بلوتوث</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">سيطرة</a> </li><li> <a href="/gentoo/">جنتو</a> </li><li> <a href="/odyssey/">ملحمة</a> </li><li> <a href="/audio/">صوتي</a> </li><li> <a href="/cpu/">وحدة المعالجة المركزية</a> </li><li> <a href="/tensorflow/">تينسورفلو</a> </li><li> <a href="/autodesk/">أوتوديسك</a> </li><li> <a href="/lubuntu/">لوبونتو</a> </li><li> <a href="/llvm/">لفم</a> </li><li> <a href="/windows/">شبابيك</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (قديم)</a> </li><li> <a href="/internet-explorer/">متصفح الانترنت</a> </li><li> <a href="/office/">مكتب. مقر. مركز</a> </li><li> <a href="/akhr/">آخر</a> </li><li> <a href="/skayb/">سكايب</a> </li><li> <a href="/nzam-asma-alntaqat/">نظام أسماء النطاقات</a> </li><li> <a href="/ftyrt-altwt/">فطيرة التوت</a> </li><li> <a href="/kamyra-wyb/">كاميرا ويب</a> </li><li> <a href="/mshghlat-alwsayt/">مشغلات الوسائط</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/habrwksy/">هابروكسي</a> </li><li> <a href="/jnwm/">جنوم</a> </li><li> <a href="/hdha-twyl/">حذاء طويل</a> </li><li> <a href="/samyt/">سامية</a> </li><li> <a href="/awbwntw-24-04-cat/">أوبونتو 24.04</a> </li><li> <a href="/com-nextcloud/">com.nextcloud</a> </li><li> <a href="/fdylt/">فضيلة</a> </li><li> <a href="/nfydya/">نفيديا</a> </li><li> <a href="/bwr-usb/">عبور USB</a> </li><li> <a href="/fydwra/">فيدورا</a> </li><li> <a href="/alaqla-alamn/">#الإقلاع الآمن</a> </li><li> <a href="/bwr-aljhaz/">عبور الجهاز</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/tthbyt-brnamj-altshghyl/">تثبيت برنامج التشغيل</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">المشاركات الشعبية</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/18/how-do-i-download-discord-on-windows-64-bit-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyf-aqwm-btnzyl-discord-ly-nzam-altshghyl-windows-64-bt">كيف أقوم بتنزيل Discord على نظام التشغيل Windows 64 بت؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/windows/94/how-unblock-files-downloaded-from-internet.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/how-unblock-files-downloaded-from-internet">كيفية إلغاء حظر الملفات التي تم تنزيلها من الإنترنت؟ - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> شبابيك</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D9/what-is-a-roblox-noob-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ma-hw-roblox-noob">ما هو Roblox Noob</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E8/fix-print-spooler-service-not-running-after-windows-10-update-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/aslah-khdmt-print-spooler-la-t-ml-b-d-thdyth-windows-10">إصلاح خدمة Print Spooler لا تعمل بعد تحديث Windows 10</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/7E/how-to-save-an-image-on-a-macbook-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyf-thfz-swrt-ly-jhaz-macbook">كيف تحفظ صورة على جهاز MacBook؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/0D/how-to-fix-lf-will-be-replaced-by-crlf-warning-in-git-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-aslah-lf-sytm-astbdalh-bthdhyr-crlf-fy-git">كيفية إصلاح LF سيتم استبداله بتحذير CRLF في Git</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/71/how-to-use-css-pointer-events-property-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-astkhdam-khasyt-ahdath-almwshr-fy-css">كيفية استخدام خاصية أحداث المؤشر في CSS</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/FA/how-to-use-ssh-to-access-a-remote-server-in-linux-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-astkhdam-ssh-llwswl-aly-khadm-b-yd-fy-linux">كيفية استخدام SSH للوصول إلى خادم بعيد في Linux</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/91/basename-function-in-c-language-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/basename-alwzyft-in-c-language">Basename () الوظيفة in C Language</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/68/pyspark-selectexpr-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pyspark-selectexpr">PySpark SelectExpr ()</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/70/how-to-prevent-denial-of-service-cwe-400-in-node-js-http-server-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-mn-rfd-alkhdmt-cwe-400-fy-khadm-node-js-http">كيفية منع رفض الخدمة (CWE-400) في خادم Node.js HTTP؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/47/simple-and-advanced-alias-command-examples-and-explanation-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/amthlt-wshrh-lamr-alasm-almst-ar-albsyt-walmtqdm">أمثلة وشرح لأمر الاسم المستعار البسيط والمتقدم</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D1/how-to-solve-a-system-of-nonlinear-equations-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-hl-nzam-alm-adlat-ghyr-alkhtyt-fy-matlab">كيفية حل نظام المعادلات غير الخطية في MATLAB</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/82/create-gif-8211-install-peek-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ansha-gif-tthbyt-peek-ly-linux-mint-21">إنشاء GIF - تثبيت Peek على Linux Mint 21</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/17/haproxy-beginner-s-tutorial-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/albrnamj-alt-lymy-haproxy-llmbtdyyn">البرنامج التعليمي HAProxy للمبتدئين</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/7E/mvn-dependency-tree-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/shjrt-tb-yt-mvn">شجرة تبعية MVN</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/30/arduino-byte-to-integer-conversion-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ardwynw-bayt-lthwyl-dd-shyh">اردوينو بايت لتحويل عدد صحيح</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/70/pointer-to-pointer-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mwshr-aly-mwshr-fy-c">مؤشر إلى مؤشر في C++</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/ED/how-to-use-systemctl-to-show-failed-units-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-astkhdam-systemctl-lazhar-alwhdat-alfashlt">كيفية استخدام systemctl لإظهار الوحدات الفاشلة</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/43/how-to-voice-chat-with-discord-on-playstation-5-ps5-consoles-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-ajra-mhadtht-swtyt-bastkhdam-discord-ly-ajhzt-playstation-5-ps5">كيفية إجراء محادثة صوتية باستخدام Discord على أجهزة PlayStation 5 (PS5)</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div> </div> </div> </div><!-- END COL --> </div> </section> </div><!-- END COLORLIB-MAIN --> </div><!-- END COLORLIB-PAGE --> <!-- loader --> <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>