Kā izmantot pārtraukuma punktus un multivides vaicājumus ar fona klipu programmā Tailwind

Ka Izmantot Partraukuma Punktus Un Multivides Vaicajumus Ar Fona Klipu Programma Tailwind

Veidojot dažādas tīmekļa lapas sadaļas, var būt gadījumi, kad programmētājam ir jāizgriež fons vai tas jāmaina, lai uzkrātu saturu. Šī metodoloģija palīdz efektīvi pārvaldīt pievienoto saturu, kā arī veidot dažādas lapas sadaļas.

Šajā emuārā ir aprakstīti šādi pamatjēdzieni:

Kā izmantot/izmantot pārtraukuma punktus un multivides vaicājumus ar fona klipu programmā Tailwind?
Pārtraukuma punktu lietošana ar fona klipu aizmugurējā vējā.
Multivides vaicājumu lietošana ar fona klipu programmā Tailwind.

Kā izmantot/izmantot pārtraukuma punktus un multivides vaicājumus ar fona klipu programmā Tailwind?

' bg-clip-{keyword} ” utilīta tiek izmantota, lai iestatītu elementa fona ierobežojošo lodziņu. Šo utilītu var izmantot ar vairākiem rekvizītiem, piemēram, ' polsterējums-kaste ',' apmale-box ',' satura lodziņš ', un ' teksta lodziņš ”.

1. piemērs: pārtraukuma punktu pielietošana ar fona klipu aizmugurējā vējā

Šajā piemērā tiek lietoti pārtraukuma punkti ar fona klipu, izmantojot lietoto “ bg-clip-{keyword} ' lietderība ar ' md t.i., vidēja izmēra ekrāni un lg t.i., liela izmēra ekrānu klases:

< html >
< galvu >
< meta rakstzīmju kopa = 'utf-8' >
< meta nosaukums = 'skata logs' saturu = 'platums=ierīces platums, sākotnējais mērogs=1' >
< skripts src = 'https://cdn.tailwindcss.com' >< / skripts >
< / galvu >
< ķermenis >
< teksta apgabals klasē = 'bg-clip-border p-6 bg-yellow-500 border-4 border-red-500 border-dash md:bg-clip-text lg:bg-clip-padding' > Šis ir Tailwind CSS < / teksta apgabals >
< / ķermenis >
< / html >

Saskaņā ar šīm koda rindām:

Vispirms norādiet CDN ceļu, lai izmantotu Tailwind funkcijas.
Pēc tam izveidojiet elementu “”, kas sastāv no “ <strong> bg-clip-{keyword}</strong> ” utilīta, lai tā būtu iestatīta uz “apmale” maza izmēra ekrānos un iestatīta uz “ <strong> bg-clip-text</strong> ' un ' <strong> bg-clip-polsterējums</strong> ” utilītas vidēja un liela izmēra ekrānos, izmantojot <strong> md</strong> ' un ' <strong> lg</strong> ” nodarbības, attiecīgi.</li> </ul> <p> <strong> Piezīme:</strong> Lietderības norādīšana vienkārši ir tāda pati kā tās norādīšana laukā “ <strong> sm</strong> ” klase.</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> Izvade</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> Šis rezultāts nozīmē, ka, paplašinot ekrāna izmēru, fons tiek attiecīgi apgriezts.</p> <h2 id="c"> <strong> 2. piemērs. Multivides vaicājumu lietošana ar fona klipu Tailwind režīmā</strong> </h2> <p> Šajā koda demonstrācijā tiek izmantoti multivides vaicājumi ar “fona klipu”, izmantojot “ <strong> @media</strong> ” noteikums un norādītais parametrs:</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"> galvu</span></a> > <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> meta</span></a> <span class="kw3"> rakstzīmju kopa</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"> nosaukums</span><span class="sy0"> =</span><span class="st0"> 'skata logs'</span> <span class="kw3"> saturu</span><span class="sy0"> =</span><span class="st0"> 'platums=ierīces platums, sākotnējais mērogs=1'</span> > <br> < <a href="http://december.com/html/4/element/script.html"><span class="kw2"> skripts</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"> skripts</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/head.html"><span class="kw2"> galvu</span></a> > <br> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> ķermenis</span></a> > <br> < <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> teksta apgabals</span></a> <span class="kw3"> klasē</span><span class="sy0"> =</span><span class="st0"> 'p-6 bg-yellow-500 border-4 border-red-500 border-dotsed'</span> <span class="kw3"> id</span><span class="sy0"> =</span><span class="st0"> 'temp'</span> >Tas ir Tailwind CSS<<span class="sy0"> /</span> <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> teksta apgabals</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> ķermenis</span></a> > <br> < <a href="http://december.com/html/4/element/style.html"><span class="kw2"> stils</span></a> <span class="kw3"> veids</span><span class="sy0"> =</span><span class="st0"> 'text/css'</span> > <br> #temp<span class="br0"> {</span> <br> fona klips: border-box; <br> <span class="br0"> }</span> <br> @<span class="kw3"> plašsaziņas līdzekļi</span> <span class="br0"> (</span> max-<span class="kw3"> platums</span> :500 pikseļi<span class="br0"> )</span><span class="br0"> {</span> <br> #temp<span class="br0"> {</span> <br> fona klips: polsterējuma kaste; <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"> stils</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/html.html"><span class="kw2"> html</span></a> ><p> Šajā koda fragmentā:</p> <ul> <li> Atkārtojiet metodiku, lai iekļautu Tailwind CDN ceļu un izveidotu elementu “<textarea>”.</li> <li> Tagad CSS kodā norādiet noklusējuma “ <strong> fona klips</strong> 'īpašums kā ' <strong> apmale-box</strong> ”.</li> <li> Pēc tam ieviesiet ' <strong> @media</strong> ” noteikums ar doto parametru tā, ka, kamēr ekrāna platums ir vienāds ar “500” pikseļiem, “ <strong> fona klips</strong> 'īpašums ir iestatīts uz ' <strong> polsterējums-kaste</strong> ”.</li> </ul> <p> <strong> Izvade</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> No šī rezultāta var pārbaudīt, vai fona klips ir pārcelts atbilstoši mainītajam ekrāna platumam.</p> <h2> <strong> Secinājums</strong> </h2> <p> Fona klipu var izmantot ar Tailwind pārtraukuma punktiem un multivides vaicājumiem, izmantojot lietoto “ <strong> bg-clip-{keyword}</strong> ' lietderība ar ' <strong> md</strong> ” vai “ <strong> lg</strong> ” nodarbības vai izmantojot <strong> @media</strong> ” noteikums. Atslēgvārdu var iestatīt uz “padding-box”, “border-box”, “content-box”, “text-box” un vairāk. Šajā rokasgrāmatā mēs esam parādījuši pārtraukuma punktu un multivides vaicājumu izmantošanu ar fona klipu programmā 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="/cits/" class="tag-cloud-link">Cits</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">Kategorija</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Citi</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Tālummaiņa</a> </li><li> <a href="/cinnamon/">Kanēlis</a> </li><li> <a href="/reviews/">Atsauksmes</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radio</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/">Saspiešana</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Lidmašīna</a> </li><li> <a href="/office-productivity-software/">Biroja Produktivitātes Programmatūra</a> </li><li> <a href="/boot/">Boot</a> </li><li> <a href="/system-calls/">Sistēmas Zvani</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Tīklošana</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/">Dokeris</a> </li><li> <a href="/firewall/">Ugunsmūris</a> </li><li> <a href="/wireshark/">Wirehark</a> </li><li> <a href="/synology/">Sinoloģija</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/">Cildens</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Tālrunis</a> </li><li> <a href="/kodi/">Kods</a> </li><li> <a href="/gnome/">Rūķis</a> </li><li> <a href="/manjaro/">Delikatese</a> </li><li> <a href="/mouse/">Pele</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploīts</a> </li><li> <a href="/torrent/">Straume</a> </li><li> <a href="/tablet/">Tablete</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Čokurošanās</a> </li><li> <a href="/kde/">Kur</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fontus</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Attēlus</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Kalmārs</a> </li><li> <a href="/mate/">Palīgs</a> </li><li> <a href="/vlc-media-player/">Vlc Multivides Atskaņotājs</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitkoins</a> </li><li> <a href="/keyboard/">Tastatūra</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Šifrēšana</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Skeneris</a> </li><li> <a href="/atom/">Atoms</a> </li><li> <a href="/red-hat/">Sarkana Cepure</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/">Jupyter Piezīmju Grāmatiņa</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Emuārs</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Multivides Atskaņotāji</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Tvaiks</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Jauda</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Kvm</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Satvēriens</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odiseja</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Procesors</a> </li><li> <a href="/tensorflow/">Tenzora Plūsma</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 (Mantojums)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Birojs</a> </li><li> <a href="/cits/">Cits</a> </li><li> <a href="/timekla-kamera/">tīmekļa kamera</a> </li><li> <a href="/multivides-atskanotaji/">multivides atskaņotāji</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/rukis/">rūķis</a> </li><li> <a href="/cildens/">cildens</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nakamais-makonis/">nākamais mākonis</a> </li><li> <a href="/tikums/">tikums</a> </li><li> <a href="/usb-caurlaide/">usb caurlaide</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Populārākas Posts</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/57/what-is-microsoft-pc-manager-and-how-to-install-it-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kas-ir-microsoft-pc-manager-un-ka-to-instalet">Kas ir Microsoft PC Manager un kā to instalēt</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/5F/totem-of-undying-everything-you-need-to-know-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/undying-totems-viss-kas-jums-jazina">Undying totems: viss, kas jums jāzina</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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-convert-numpy-array-to-pytorch-tensor-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-parverst-numpy-masivu-uz-pytorch-tensor">Kā pārvērst NumPy masīvu uz PyTorch Tensor?</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/F3/sql-server-convert-datetime-to-string-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sql-server-konvertet-datumu-un-laiku-uz-virkni">SQL Server konvertēt datumu un laiku uz virkni</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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-do-i-create-a-folder-in-a-github-repository-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-izveidot-mapi-github-repozitorija">Kā izveidot mapi GitHub repozitorijā?</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/83/how-to-use-rand-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-lietot-rand-programma-c">Kā lietot rand () programmā C++</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/what-is-the-difference-between-int-and-int-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kada-ir-atskiriba-starp-int-un-int-programma-c">Kāda ir atšķirība starp int un int& programmā C++?</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/74/how-to-play-xbox-on-a-laptop-with-hdmi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-spelet-xbox-klepjdatora-ar-hdmi">Kā spēlēt Xbox klēpjdatorā ar HDMI?</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/6E/how-to-get-current-branch-in-git-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-iegut-pasreizejo-git-filiali">Kā iegūt pašreizējo Git filiāli</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/CB/what-are-data-types-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kas-ir-datu-tipi-programma-c">Kas ir datu tipi programmā C++?</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/D5/how-to-create-directory-or-folder-in-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-izveidot-direktoriju-vai-mapi-sistema-windows">Kā izveidot direktoriju vai mapi sistēmā Windows</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/13/pandas-to-dictionary-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pandas-uz-vardnicu">Pandas uz vārdnīcu</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/B6/what-is-the-difference-between-aws-and-devops-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kada-ir-atskiriba-starp-aws-un-devops">Kāda ir atšķirība starp AWS un DevOps?</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/what-are-the-registry-keys-in-powershell-and-how-it-works-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kas-ir-powershell-registra-atslegas-un-ka-ta-darbojas">Kas ir PowerShell reģistra atslēgas un kā tā darbojas</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/61/explain-typescript-const-vs-readonly-utility-type-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/izskaidrojiet-typescript-const-un-tikai-lasamo-utilita-veidu">Izskaidrojiet TypeScript const un tikai lasāmo utilīta veidu</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/get-system-information-on-raspberry-pi-terminal-through-screenfetch-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/iegustiet-sistemas-informaciju-par-raspberry-pi-terminali-izmantojot-ekrana-ieladesanu">Iegūstiet sistēmas informāciju par Raspberry Pi termināli, izmantojot ekrāna ielādēšanu</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/will-chatgpt-replace-all-the-software-developer-jobs-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/vai-chatgpt-aizstas-visus-programmaturas-izstradataju-darbus">Vai ChatGPT aizstās visus programmatūras izstrādātāju darbus?</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/F2/how-to-create-a-discord-account-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-izveidot-discord-kontu">Kā izveidot Discord kontu?</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/skype/5B/how-to-install-skype-on-ubuntu-22-04-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-instalet-skype-ubuntu-22-04">Kā instalēt Skype Ubuntu 22.04</a> </h3> <div class="meta"> <div> <a href="/skype/"><span class="icon-chat"></span> skype</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-utilize-arbitrary-values-in-tailwind-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-tailwind-izmantot-patvaligas-vertibas">Kā Tailwind izmantot patvaļīgas vērtības?</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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>