Arka Rüzgarda Metin Dekorasyon Kalınlığıyla Üzerine Gelme, Odaklanma ve Etkin Durumlar Nasıl Uygulanır?

Bu eğitimde aşağıdaki içerikler açıklanmaktadır:

• Arka Rüzgarda Metin Dekorasyon Kalınlığıyla Üzerine Gelme, Odaklanma ve Etkin Durumlar Nasıl Uygulanır?
• Metin Dekorasyon Kalınlığını “ ile uygulama vurgulu ' Durum.
• Metin Dekorasyon Kalınlığını “ ile uygulama odak ' Durum.
• Metin Dekorasyon Kalınlığını “ ile uygulama aktif ' Durum.

Arka Rüzgarda Metin Dekorasyon Kalınlığıyla Üzerine Gelme, Odaklanma ve Etkin Durumlar Nasıl Uygulanır?

“ Metin dekorasyonu Kalınlığı ” hedef durumu ve “ metin-dekorasyon-kalınlığı ” özelliği ve ardından piksel cinsinden hedef kalınlık değeri. Bu yaklaşımların entegrasyonu, fareyle üzerine gelindiğinde, odaklanılan öğede veya öğenin etkin olduğunda metin süsleme kalınlığını (piksel cinsinden) değiştirir. Bu pikseller “ 1 piksel ', ' 2 piksel ', ' 4 piksel ' veya ' 8 piksel ”. Öyle ki piksel sayısı arttıkça kalınlık da artar.

Örnek 1: Metin Dekorasyon Kalınlığını 'hover' Durumuyla Uygulama

Bu örnek şu şekilde geçerlidir: metin-dekorasyon-kalınlığı ” özelliği “ vurgulu ” fareyle üzerine gelindiğinde kalınlığı ayarlamak için durum:

Tailwind işlevlerinden yararlanmak için bu kod parçacığında “” etiketinin içine CDN yolunu ekleyin. Bundan sonra “ ” öğesinde “ belirtin vurgulu 'uygulananla birlikte durumu' metin-dekorasyon-kalınlığı Dekorasyon kalınlığını, fareyle üzerine gelindiğinde varsayılan alt çizgiden artırılmış '4' piksel kalınlığa ayarlayan özellik.

Çıktı

Bu çıktı, metin dekorasyonunun kalınlığının, yani alt çizginin buna göre ayarlandığını gösterir.

Örnek 2: Metin Dekorasyon Kalınlığını 'odak' Durumuyla Uygulama

Aşağıdaki örnek kod, '' kullanarak odaklanan öğe üzerine metin süsleme kalınlığını hedef piksel değerine uygular. Sekme ' anahtar:

Bu kod bloğunda, CDN yolunu ve “ ” öğesi. Şimdi, geçiş kalınlığıyla birlikte varsayılan kalınlığı, yani '4' pikseli ' ile birlikte belirtin. odak ”Değişikliğin tetiklenen duruma uygulanması için durum.

Not: Varsayılan ' altını çizmek ' ve ' altı çizili dekorasyon-1 ” özellikleri aynı sonucu verir.

Çıktı

Bu çıktıdan metin süsleme kalınlığının buna göre geçiş yaptığı doğrulanabilir.

Örnek 3: Metin Dekorasyon Kalınlığını 'aktif' Durumla Uygulama

Bu kod parçacığında, metin dekorasyonunun kalınlığı, öğenin aktif olmasıyla birlikte değişir:

Bu kod satırlarına göre aynı şekilde CDN yolunu ve “” öğesini de dahil edin. İleriye doğru şunu belirtin: <strong> aktif</strong> ” belirtin ve uygulayın” <strong> metin-dekorasyon-kalınlığı</strong> ” özelliği, öğenin aktif olması, yani üzerine tıklamak yerine kalınlığın “1” pikselden “8” piksele geçmesini sağlar.</p> <p> <strong> Çıktı</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> Gözlemlendiği gibi, metin dekorasyonunun kalınlığı, yani alt çizgi, öğenin içine tıklandığında, yani öğenin uygun şekilde aktif olması durumunda '8' piksel olarak değiştirilir.</p> <h2> <strong> Çözüm</strong> </h2> <p> “ <strong> vurgulu</strong> ', ' <strong> odak</strong> ' Ve ' <strong> aktif</strong> ' durumları ' ile uygulanabilir <strong> metin-dekorasyon-kalınlığı</strong> ” özelliği, sırasıyla farenin öğenin üzerine gelmesi, öğenin odaklanması veya öğenin aktif olması durumunda kalınlığı ayarlamanızı sağlar. Bu yazıda, Tailwind'de metin süsleme kalınlığıyla fareyle üzerine gelme, odaklanma ve etkin durumların nasıl uygulanacağı gösterilmiştir.</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="/diger/" class="tag-cloud-link">Diğer</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">Kategori</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Ahududu Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Başka</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Yakınlaştırma</a> </li><li> <a href="/cinnamon/">Tarçın</a> </li><li> <a href="/reviews/">Yorumlar</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radyo</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Açık Deniz</a> </li><li> <a href="/compression/">Sıkıştırma</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Hava Çatlağı</a> </li><li> <a href="/office-productivity-software/">Ofis Verimlilik Yazılımı</a> </li><li> <a href="/boot/">Bot</a> </li><li> <a href="/system-calls/">Sistem Çağrıları</a> </li><li> <a href="/sysctl/">Sistem</a> </li><li> <a href="/networking/">Ağ Oluşturma</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Kat</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Liman Işçisi</a> </li><li> <a href="/firewall/">Güvenlik Duvarı</a> </li><li> <a href="/wireshark/">Tel Köpekbalığı</a> </li><li> <a href="/synology/">Sinoloji</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Papağan Işletim Sistemi</a> </li><li> <a href="/sublime/">Yüce</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Kod</a> </li><li> <a href="/gnome/">Cüce</a> </li><li> <a href="/manjaro/">Incelik</a> </li><li> <a href="/mouse/">Fare</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Sel</a> </li><li> <a href="/tablet/">Tablet</a> </li><li> <a href="/pycharm/">Şeytan</a> </li><li> <a href="/curl/">Kıvrılmak</a> </li><li> <a href="/kde/">Nerede</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Yazı Tipleri</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Görüntüler</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Kalamar</a> </li><li> <a href="/mate/">Mat</a> </li><li> <a href="/vlc-media-player/">Vlc Medya Oynatıcı</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Tuş Takımı</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Şifreleme</a> </li><li> <a href="/fedora/">Fötr Şapka</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Tarayıcı</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Kırmızı Şapka</a> </li><li> <a href="/teamviewer/">Takım Görüntüleyici</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Jüpiter Defter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Medya Oynatıcılar</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Buhar</a> </li><li> <a href="/jenkins/">Jenkinler</a> </li><li> <a href="/power/">Güç</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Metrekare</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Kavramak</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Yolculuk</a> </li><li> <a href="/audio/">Ses</a> </li><li> <a href="/cpu/">İşlemci</a> </li><li> <a href="/tensorflow/">Tensör Akışı</a> </li><li> <a href="/autodesk/">Otomatik Masa</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Pencereler</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Eski)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Ofis</a> </li><li> <a href="/baska/">Başka</a> </li><li> <a href="/ahududu-pi/">Ahududu Pi</a> </li><li> <a href="/web-kamerasi/">web kamerası</a> </li><li> <a href="/medya-oynaticilar/">medya oynatıcılar</a> </li><li> <a href="/diger/">Diğer</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproksi/">haproksi</a> </li><li> <a href="/cuce/">cüce</a> </li><li> <a href="/bot/">bot</a> </li><li> <a href="/yuce/">yüce</a> </li><li> <a href="/removal-guides/">Kaldırma Kılavuzları</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/sonraki-bulut/">sonraki bulut</a> </li><li> <a href="/erdem/">Erdem</a> </li><li> <a href="/usb-gecidi/">USB geçidi</a> </li><li> <a href="/fotr-sapka/">fötr şapka</a> </li><li> <a href="/guvenli-onyukleme/">#Güvenli Önyükleme</a> </li><li> <a href="/cihaz-gecisi/">cihaz geçişi</a> </li><li> <a href="/sdn/">SDN</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Popüler Mesajlar</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/FA/what-is-the-use-of-table-column-group-and-table-row-group-in-css-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/css-de-tablo-sutun-grubu-ve-tablo-satir-grubunun-kullanimi-nedir">CSS'de Tablo-Sütun Grubu ve Tablo-Satır Grubunun Kullanımı Nedir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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="/node-js-http-sunucusunda-hizmet-reddi-cwe-400-nasil-onlenir">Node.js HTTP Sunucusunda Hizmet Reddi (CWE-400) Nasıl Önlenir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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-text-prompts-with-dall-e-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/dall-e-ile-metin-istemleri-nasil-kullanilir">DALL-E ile Metin İstemleri Nasıl Kullanılır?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/45/how-to-install-cisco-packet-tracer-on-debian-12-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/debian-12-ye-cisco-packet-tracer-nasil-kurulur">Debian 12'ye Cisco Packet Tracer Nasıl Kurulur</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/C5/sending-messages-to-this-channel-has-been-temporarily-disabled-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bu-kanala-mesaj-gonderimi-gecici-olarak-devre-disi-birakilmistir">Bu Kanala Mesaj Gönderimi Geçici Olarak Devre Dışı Bırakılmıştır</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/A7/how-to-change-the-proxy-settings-in-chrome-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/chrome-da-proxy-ayarlari-nasil-degistirilir">Chrome'da Proxy Ayarları Nasıl Değiştirilir?</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</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/9E/how-to-use-setprecision-in-c-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/c-da-setprecision-nasil-kullanilir">C++'da Setprecision Nasıl Kullanılır?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/92/install-mysql-on-ubuntu-24-04-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mysql-i-ubuntu-24-04-e-yukleyin">MySQL'i Ubuntu 24.04'e yükleyin</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/9D/uncaught-typeerror-cannot-set-properties-of-null-at-getelementbyid-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/yakalanmayan-typeerror-getelementbyid-de-null-un-ozellikleri-ayarlanamiyor">Yakalanmayan TypeError: getElementById()'de null'un özellikleri ayarlanamıyor</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/how-to-use-php-rand-function-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/php-rand-islevi-nasil-kullanilir">PHP Rand() İşlevi Nasıl Kullanılır?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/8C/sql-subquery-join-with-outer-query-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/dis-sorgu-ile-sql-alt-sorgu-birlestirme">Dış Sorgu ile SQL Alt Sorgu Birleştirme</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/52/make-your-raspberry-pi-speak-through-espeak-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/raspberry-pi-nizi-espeak-ile-konusturun">Raspberry Pi'nizi eSpeak ile Konuşturun</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/C3/how-to-install-telegram-on-raspberry-pi-os-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/raspberry-pi-os-de-telegram-nasil-kurulur">Raspberry Pi OS'de Telegram Nasıl Kurulur</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</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/BF/how-does-logical-volume-manager-lvm-works-on-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mantiksal-birim-yoneticisi-lvm-linux-ta-nasil-calisir">Mantıksal Birim Yöneticisi (LVM) Linux'ta Nasıl Çalışır?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/34/how-to-use-vprintf-function-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/php-de-vprintf-islevi-nasil-kullanilir">PHP'de vprintf() İşlevi Nasıl Kullanılır?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/how-to-improve-queries-with-mongodb-indexing-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mongodb-indeksleme-ile-sorgular-nasil-iyilestirilir">MongoDB İndeksleme ile Sorgular Nasıl İyileştirilir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/FC/how-to-install-node-js-and-npm-on-ubuntu-22-04-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ubuntu-22-04-e-node-js-ve-npm-nasil-kurulur">Ubuntu 22.04'e Node.js ve Npm Nasıl Kurulur</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/53/how-to-install-the-clion-ide-on-fedora-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/fedora-linux-ta-clion-ide-nasil-kurulur">Fedora Linux'ta CLion IDE Nasıl Kurulur</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/16/how-to-use-breakpoints-and-media-queries-on-clear-in-tailwind-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/tailwind-de-clear-uzerinde-kesme-noktalari-ve-medya-sorgulari-nasil-kullanilir">Tailwind'de “clear” üzerinde Kesme Noktaları ve Medya Sorguları Nasıl Kullanılır?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/9D/esp32-8211-bluetooth-classic-vs-bluetooth-low-energy-ble-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/esp32-bluetooth-klasik-ve-bluetooth-dusuk-enerji-ble-karsilastirmasi">ESP32 – Bluetooth Klasik ve Bluetooth Düşük Enerji (BLE) karşılaştırması</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</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>