Murdepunktide ja meediapäringute kasutamine taustaklipiga Tailwindis

Veebilehe erinevate jaotiste loomisel võib esineda stsenaariume, kus programmeerija peab sisu kogumiseks tausta lõikama või seda muutma. See metoodika aitab tõhusalt hallata lisatud sisu ja kujundada erinevaid leheosasid.

See ajaveeb käsitleb järgmisi põhikontseptsioone:

Kuidas kasutada/kasutada murdepunkte ja meediapäringuid taustaklipiga Tailwindis?
Katkestuspunktide rakendamine taustaklipiga Tailwindis.
Meediumipäringute rakendamine taustaklipiga Tailwindis.

Kuidas kasutada/kasutada murdepunkte ja meediapäringuid taustaklipiga Tailwindis?

' bg-clip-{keyword} ” utiliiti kasutatakse elemendi tausta piirdekasti määramiseks. Seda utiliiti saab kasutada mitme atribuudiga, näiteks ' polsterduskarp ', ' ääris-kast ', ' sisukast ”, ja „ tekstikast ”.

Näide 1: Taustaklipiga katkestuspunktide rakendamine taganttuules

See näide rakendab taustaklipi katkestuspunkte rakendatud ' bg-clip-{keyword} ' utiliit koos ' md st keskmise suurusega ekraanid ja lg st suure ekraaniga klassid:

< html >
< pea >
< meta märgistik = 'utf-8' >
< meta nimi = 'vaateava' sisu = 'laius = seadme laius, esialgne skaala = 1' >
< stsenaarium src = 'https://cdn.tailwindcss.com' >< / stsenaarium >
< / pea >
< keha >
< tekstiala klass = 'bg-clip-border p-6 bg-yellow-500 border-4 border-red-500 border-dash md:bg-clip-text lg:bg-clip-padding' > See on Tailwind CSS < / tekstiala >
< / keha >
< / html >

Nende koodiridade järgi:

Esmalt määrake Tailwindi funktsioonide kasutamiseks CDN-i tee.
Seejärel looge element '', mis sisaldab ' <strong> bg-clip-{keyword}</strong> ” utiliit nii, et see on väikese suurusega ekraanidel seatud „äärisele“ ja „ <strong> bg-klipi tekst</strong> ” ja „ <strong> bg-clip-padding</strong> ' utiliidid keskmise ja suure suurusega ekraanidel ' <strong> md</strong> ” ja „ <strong> lg</strong> ” klassid vastavalt.</li> </ul> <p> <strong> Märge:</strong> Utiliidi määramine on sama, mis selle määramine jaotises ' <strong> sm</strong> ” klass.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> <p> <strong> Väljund</strong> </p> <p> <img class="alignnone wp-image-392117 size-full" alt="" src="https://softoban.com/img/other/ED/how-to-use-breakpoints-and-media-queries-with-background-clip-in-tailwind-1.gif"></p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <p> See tulemus tähendab, et ekraani suuruse suurendamisel kärbitakse taust vastavalt.</p> <h2 id="c"> <strong> Näide 2: Meediumipäringute rakendamine taustaklipiga Tailwindis</strong> </h2> <p> Järgmine koodiesitlus rakendab meediumipäringuid taustaklipiga '' kaudu <strong> @meedia</strong> ” reegel ja määratud parameeter:</p> <!DOCTYPE html> <br> < <a href="http://december.com/html/4/element/html.html"><span class="kw2"> html</span></a> > <br> < <a href="http://december.com/html/4/element/head.html"><span class="kw2"> pea</span></a> > <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> meta</span></a> <span class="kw3"> märgistik</span><span class="sy0"> =</span><span class="st0"> 'utf-8'</span> > <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> meta</span></a> <span class="kw3"> nimi</span><span class="sy0"> =</span><span class="st0"> 'vaateava'</span> <span class="kw3"> sisu</span><span class="sy0"> =</span><span class="st0"> 'laius = seadme laius, esialgne skaala = 1'</span> > <br> < <a href="http://december.com/html/4/element/script.html"><span class="kw2"> stsenaarium</span></a> <span class="kw3"> src</span><span class="sy0"> =</span><span class="st0"> 'https://cdn.tailwindcss.com'</span> ><<span class="sy0"> /</span> <a href="http://december.com/html/4/element/script.html"><span class="kw2"> stsenaarium</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/head.html"><span class="kw2"> pea</span></a> > <br> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> keha</span></a> > <br> < <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> tekstiala</span></a> <span class="kw3"> klass</span><span class="sy0"> =</span><span class="st0"> 'p-6 bg-yellow-500 border-4 border-red-500 border-dased'</span> <span class="kw3"> id</span><span class="sy0"> =</span><span class="st0"> 'temp'</span> >See on Tailwind CSS<<span class="sy0"> /</span> <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> tekstiala</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> keha</span></a> > <br> < <a href="http://december.com/html/4/element/style.html"><span class="kw2"> stiilis</span></a> <span class="kw3"> tüüp</span><span class="sy0"> =</span><span class="st0"> 'text/css'</span> > <br> #temp<span class="br0"> {</span> <br> background-clip: border-box; <br> <span class="br0"> }</span> <br> @<span class="kw3"> meedia</span> <span class="br0"> (</span> max-<span class="kw3"> laius</span> :500 pikslit<span class="br0"> )</span><span class="br0"> {</span> <br> #temp<span class="br0"> {</span> <br> taustaklipp: polsterduskast; <br> <span class="br0"> }</span><span class="br0"> }</span> <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/style.html"><span class="kw2"> stiilis</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/html.html"><span class="kw2"> html</span></a> ><p> Selles koodilõigus:</p> <ul> <li> Korrake Tailwind CDN-tee kaasamise ja elemendi „<textarea>” loomise metoodikat.</li> <li> Nüüd määrake CSS-koodis vaikimisi ' <strong> taustklipp</strong> ' vara kui ' <strong> ääris-kast</strong> ”.</li> <li> Pärast seda rakendage ' <strong> @meedia</strong> ” reegel antud parameetriga nii, et seni, kuni ekraani laius on võrdne „500” piksliga, on „ <strong> taustklipp</strong> ' atribuut on seatud väärtusele ' <strong> polsterduskarp</strong> ”.</li> </ul> <p> <strong> Väljund</strong> </p> <p> <img class="alignnone wp-image-392118 size-full" alt="" src="https://softoban.com/img/other/ED/how-to-use-breakpoints-and-media-queries-with-background-clip-in-tailwind-2.gif"></p> <p> Selle tulemuse põhjal saab kontrollida, et taustaklipp on üle viidud vastavalt ekraani muudetud laiusele.</p> <h2> <strong> Järeldus</strong> </h2> <p> Taustaklippi saab kasutada koos Tailwindi murdepunktide ja meediapäringutega rakenduse „ <strong> bg-clip-{keyword}</strong> ' utiliit koos ' <strong> md</strong> ” või „ <strong> lg</strong> ” klasside kaudu või „ <strong> @meedia</strong> ” reegel. Märksõnaks saab määrata “padding-box”, “border-box”, “content-box”, “text-box” ja palju muud. Selles juhendis oleme näidanud murdepunktide ja meediapäringute kasutamist taustaklipiga Tailwindis.</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="/muud/" class="tag-cloud-link">muud</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Kategooria</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Vaarika Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Muu</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Suumida</a> </li><li> <a href="/cinnamon/">Kaneel</a> </li><li> <a href="/reviews/">Arvustused</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Raadio</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">Kokkusurumine</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Lennurada</a> </li><li> <a href="/office-productivity-software/">Kontori Tootlikkuse Tarkvara</a> </li><li> <a href="/boot/">Saabas</a> </li><li> <a href="/system-calls/">Süsteemikõned</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Võrgustumine</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Dokkija</a> </li><li> <a href="/firewall/">Tulemüür</a> </li><li> <a href="/wireshark/">Wirehark</a> </li><li> <a href="/synology/">Sünoloogia</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Parrot Os</a> </li><li> <a href="/sublime/">Ülev</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hüper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Koodi</a> </li><li> <a href="/gnome/">Päkapikk</a> </li><li> <a href="/manjaro/">Delikatess</a> </li><li> <a href="/mouse/">Hiir</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torrent</a> </li><li> <a href="/tablet/">Tablett</a> </li><li> <a href="/pycharm/">Püharm</a> </li><li> <a href="/curl/">Lokkima</a> </li><li> <a href="/kde/">Kus</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fonte</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Pilte</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Kalmaar</a> </li><li> <a href="/mate/">Kaaslane</a> </li><li> <a href="/vlc-media-player/">Vlc Meediapleier</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Klaviatuur</a> </li><li> <a href="/inkscape/">Inkcape</a> </li><li> <a href="/encryption/">Krüptimine</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Skanner</a> </li><li> <a href="/atom/">Aatom</a> </li><li> <a href="/red-hat/">Punane Müts</a> </li><li> <a href="/teamviewer/">Teamviewer</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/">Jupyteri Märkmik</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Ajaveeb</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Meediamängijad</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Aur</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Võimsus</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Ruutmeetrit</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Haaret</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odüsseia</a> </li><li> <a href="/audio/">Heli</a> </li><li> <a href="/cpu/">Protsessor</a> </li><li> <a href="/tensorflow/">Tensorvool</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/">Windows</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Pärand)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Kontor</a> </li><li> <a href="/muud/">muud</a> </li><li> <a href="/vaarika-pi/">Vaarika Pi</a> </li><li> <a href="/veebikaamera/">veebikaamera</a> </li><li> <a href="/meediapleierid/">meediapleierid</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/pakapikk/">päkapikk</a> </li><li> <a href="/saabas/">saabas</a> </li><li> <a href="/ulev/">ülev</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/jargmine-pilv/">järgmine pilv</a> </li><li> <a href="/voorus/">voorus</a> </li><li> <a href="/usb-labipaas/">usb-läbipääs</a> </li><li> <a href="/turvaline-alglaadimine/">#turvaline alglaadimine</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Lemmik Postitused</h3> <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-max-heap-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-javas-max-heap-kasutada">Kuidas Javas Max Heap kasutada?</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/A8/clear-the-dataframe-in-pandas-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/tuhjendage-pandas-dataframe">Tühjendage Pandas DataFrame</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/AF/load-pickle-file-python-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/laadige-pickle-file-python">Laadige Pickle File Python</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/5C/how-to-get-chorus-fruit-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-hankida-minecraftis-kooripuuvilju">Kuidas hankida Minecraftis kooripuuvilju</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/73/fix-discord-voice-connection-errors-on-windows-11-10-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/parandage-discordi-haaluhenduse-vead-opsusteemis-windows-11-10">Parandage Discordi häälühenduse vead opsüsteemis Windows 11/10</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/CC/what-is-method-overriding-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mis-on-javas-meetodi-alistamine">Mis on Javas meetodi alistamine</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/02/top-5-desktop-environments-for-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/raspberry-pi-5-parimat-toolauakeskkonda">Raspberry Pi 5 parimat töölauakeskkonda</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/7C/how-to-install-wine-on-pop-os-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-installida-wine-i-pop-os-i">Kuidas installida Wine'i Pop!_OS-i</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/76/what-is-the-difference-between-mariadb-and-mysql-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mis-vahe-on-mariadb-ja-mysql-vahel">Mis vahe on MariaDB ja MySQL vahel</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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-dig-command-in-linux-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-kasutada-kasku-dig-linuxis">Kuidas kasutada käsku dig Linuxis</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/EC/how-to-find-hardware-details-raspberry-pi-gui-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-leida-riistvara-uksikasju-raspberry-pi-gui">Kuidas leida riistvara üksikasju Raspberry Pi GUI</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/0B/best-sticky-notes-apps-for-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/parimad-kleepuvate-markmete-rakendused-linux-mint-21-jaoks">Parimad kleepuvate märkmete rakendused Linux Mint 21 jaoks</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/4E/how-to-interface-microsd-card-module-with-esp32-using-arduino-ide-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/microsd-kaardi-mooduli-liidestamine-esp32-ga-arduino-ide-abil">MicroSD-kaardi mooduli liidestamine ESP32-ga Arduino IDE abil</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/E6/developing-custom-bot-actions-in-botpress-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kohandatud-robotitoimingute-valjatootamine-botpressis">Kohandatud robotitoimingute väljatöötamine Botpressis</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/plotly-expess-line-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/plotly-expess-line">Plotly.expess.line</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/2E/elasticsearch-cleanup-snapshot-repository-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/elasticsearchi-puhastamise-hetkepiltide-hoidla">Elasticsearchi puhastamise hetkepiltide hoidla</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/how-to-use-grep-comand-to-print-the-file-name-only-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-kasutada-grep-comandit-ainult-failinime-printimiseks">Kuidas kasutada Grep Comandit ainult failinime printimiseks</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/how-to-use-the-open-file-dialog-in-c-applications-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-kasutada-faili-avamise-dialoogi-c-rakendustes">Kuidas kasutada faili avamise dialoogi C# rakendustes</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/C2/how-to-install-snap-on-debian-12-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-installida-snap-debian-12-sse">Kuidas installida Snap Debian 12-sse</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/0F/how-to-find-yesterday-date-in-bash-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-leida-eilset-kuupaeva-bashis">Kuidas leida eilset kuupäeva Bashis</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <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>