כיצד להחיל מצבי ריחוף, מיקוד ופעילות עם עובי עיטור טקסט ברוח גב

מדריך זה מסביר את התכנים הבאים:

• כיצד להחיל מצבי ריחוף, מיקוד ופעילים עם עובי קישוט טקסט ברוח עורף?
• החלת עובי עיטור הטקסט עם ' לְרַחֵף ' מדינה.
• החלת עובי עיטור הטקסט עם ' מוֹקֵד ' מדינה.
• החלת עובי עיטור הטקסט עם ' פָּעִיל ' מדינה.

כיצד להחיל מצבי ריחוף, מיקוד ופעילים עם עובי קישוט טקסט ברוח עורף?

ה ' עיטור טקסט עובי ניתן להחיל עם מצבים אלה על ידי שימוש במצב היעד וב-' טקסט-קישוט-עובי ' מאפיין ואחריו ערך עובי היעד בפיקסלים. השילוב של גישות אלו משנה את עובי עיטור הטקסט (בפיקסלים) עם ריחוף העכבר, האלמנט ממוקד או האלמנט פעיל. פיקסלים אלה יכולים להיות ' 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="/aher/" 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/">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/">מקלעת</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/">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/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-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/">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/">Gcc</a> </li><li> <a href="/fonts/">גופנים</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">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/">Dns</a> </li><li> <a href="/bitcoin/">ביטקוין</a> </li><li> <a href="/keyboard/">מקלדת</a> </li><li> <a href="/inkscape/">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/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">נגני מדיה</a> </li><li> <a href="/posix/">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/">Autodesk</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">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="/aher/">אַחֵר</a> </li><li> <a href="/sqyyp/">סקייפ</a> </li><li> <a href="/p-y-ptl/">פאי פטל</a> </li><li> <a href="/mzlmt-yntrnt/">מצלמת אינטרנט</a> </li><li> <a href="/ngny-mdyh/">נגני מדיה</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/h-prwqsy/">האפרוקסי</a> </li><li> <a href="/gamad/">גַמָד</a> </li><li> <a href="/magap/">מַגָף</a> </li><li> <a href="/nisgab/">נִשׂגָב</a> </li><li> <a href="/wbwntw-24-04-cat/">אובונטו 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/ma-alah/">מַעֲלָה</a> </li><li> <a href="/h-brt-usb/">העברת usb</a> </li><li> <a href="/pdwrh/">פדורה</a> </li><li> <a href="/hp-lh-btwhh/">#הפעלה בטוחה</a> </li><li> <a href="/h-brt-mksyr/">העברת מכשיר</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/htqnh-sl-mnhl-hhtqn/">התקנה של מנהל ההתקן</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/FC/how-to-use-dall-e-for-image-editing-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyzd-lhstms-b-dall-e-l-rykt-tmwnwt">כיצד להשתמש ב-DALL-E לעריכת תמונות?</a> </h3> <div class="meta"> <div> <a href="/aher/"><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/77/fix-send-menu-showing-only-bluetooth-device-windows-10-winhelponline.png);"></a> <div class="text"> <h3 class="heading"> <a href="/fix-send-menu-showing-only-bluetooth-device-windows-10-winhelponline">תקן שלח לתפריט המציג התקן Bluetooth בלבד ב- Windows 10 - 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/35/how-to-use-long-keyword-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyzd-lhstms-bmylt-mpth-rwkh-b-c">כיצד להשתמש במילת מפתח ארוכה ב-C#</a> </h3> <div class="meta"> <div> <a href="/aher/"><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/5A/how-to-install-conky-system-monitoring-tool-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyzd-lhtqyn-t-kly-nytwr-m-rkt-conky-b-raspberry-pi">כיצד להתקין את כלי ניטור מערכת Conky ב-Raspberry Pi</a> </h3> <div class="meta"> <div> <a href="/aher/"><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/07/how-to-create-a-sticky-element-in-html-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/kyzd-lyzwr-lmnt-dbyq-b-html">כיצד ליצור אלמנט דביק ב-HTML</a> </h3> <div class="meta"> <div> <a href="/aher/"><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/28/how-to-remove-commas-from-string-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyzd-lhsyr-psyqym-mmhrwzt-b-javascript">כיצד להסיר פסיקים ממחרוזת ב-JavaScript</a> </h3> <div class="meta"> <div> <a href="/aher/"><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/49/how-to-recover-unsaved-word-documents-in-windows-10-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyzd-lshzr-msmky-word-sl-nsmrw-b-windows-10">כיצד לשחזר מסמכי Word שלא נשמרו ב- Windows 10?</a> </h3> <div class="meta"> <div> <a href="/aher/"><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/0E/how-to-turn-off-silent-mode-on-iphone-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/kyzd-lkbwt-mzb-sqt-b-yypwn">כיצד לכבות מצב שקט באייפון</a> </h3> <div class="meta"> <div> <a href="/aher/"><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/A3/what-do-cows-eat-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mh-wklwt-prwt-bmyynqr-pt">מה אוכלות פרות במיינקראפט</a> </h3> <div class="meta"> <div> <a href="/aher/"><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/1E/how-to-deploy-rails-application-to-aws-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyzd-lprws-plyqzyyt-rails-l-aws">כיצד לפרוס אפליקציית Rails ל-AWS</a> </h3> <div class="meta"> <div> <a href="/aher/"><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/6D/how-to-use-linux-sysctls-in-kubernetes-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyzd-lhstms-b-linux-sysctls-b-kubernetes">כיצד להשתמש ב-Linux sysctls ב-Kubernetes</a> </h3> <div class="meta"> <div> <a href="/aher/"><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/B1/installing-virtual-box-on-debian-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/htqnt-tybh-wyrtw-lyt-bdby-n">התקנת תיבה וירטואלית בדביאן</a> </h3> <div class="meta"> <div> <a href="/aher/"><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/06/how-to-git-cherry-pick-a-commit-example-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/yk-lbhwr-dwgmt-commit">איך לבחור דוגמת Commit</a> </h3> <div class="meta"> <div> <a href="/aher/"><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/3D/linux-logrotate-examples-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/linux-logrotate-dwgm-wt">Linux Logrotate דוגמאות</a> </h3> <div class="meta"> <div> <a href="/aher/"><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/41/link-asana-with-salesforce-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/qsr-t-asana-m-salesforce">קשר את Asana עם Salesforce</a> </h3> <div class="meta"> <div> <a href="/aher/"><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/54/how-to-install-rasparch-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyzd-lhtqyn-rasparch-l-raspberry-pi">כיצד להתקין RaspArch על Raspberry Pi</a> </h3> <div class="meta"> <div> <a href="/aher/"><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/0A/pandas-display-max-rows-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/pndwt-mzygwt-swrwt-mqsymlywt">פנדות מציגות שורות מקסימליות</a> </h3> <div class="meta"> <div> <a href="/aher/"><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/67/how-to-install-gnome-screenshot-utility-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyzd-lhtqyn-t-kly-zylwm-hmsk-sl-gnome-b-raspberry-pi">כיצד להתקין את כלי צילום המסך של GNOME ב-Raspberry Pi</a> </h3> <div class="meta"> <div> <a href="/aher/"><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/90/can-i-run-arduino-24/7-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/h-m-ny-ykwl-lhp-yl-arduino-24/7">האם אני יכול להפעיל Arduino 24/7?</a> </h3> <div class="meta"> <div> <a href="/aher/"><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/B7/10-useful-networking-commands-for-raspberry-pi-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/10-pqwdwt-rst-symwsywt-bwr-raspberry-pi-linux">10 פקודות רשת שימושיות עבור Raspberry Pi Linux</a> </h3> <div class="meta"> <div> <a href="/aher/"><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>