Kaip naudoti lūžio taškus ir medijos užklausas su fono klipu „Tailwind“.

Kuriant skirtingas tinklalapio dalis, gali pasitaikyti scenarijų, kai programuotojas turi nukirpti foną arba jį modifikuoti, kad sukauptų turinį. Ši metodika padeda efektyviai tvarkyti pridėtą turinį ir formuoti skirtingas puslapio dalis.

Šiame tinklaraštyje išsamiai aptariamos šios pagrindinės sąvokos:

Kaip naudoti / panaudoti lūžio taškus ir medijos užklausas su fono klipu „Tailwind“?
Lūžio taškų taikymas naudojant foninį klipą „Tailwind“.
Medijos užklausų taikymas naudojant foninį klipą „Tailwind“.

Kaip naudoti / panaudoti lūžio taškus ir medijos užklausas su fono klipu „Tailwind“?

„ bg-clip-{keyword} “ įrankis naudojamas elemento fono ribojančiam langeliui nustatyti. Ši programa gali būti naudojama su keliomis savybėmis, pvz. kamšalu-dėžutė ', ' kraštinė-dėžė ', ' turinio dėžutė “ ir „ teksto laukelis “.

1 pavyzdys: lūžio taškų taikymas naudojant foninį klipą „Tailwind“.

Šiame pavyzdyje fono klipui taikomi lūžio taškai per taikomą ' bg-clip-{keyword} 'naudingumas su ' md “, ty vidutinio dydžio ekranai ir „ lg “, ty didelio dydžio ekranų klasės:

< html >
< galva >
< meta simbolių rinkinys = 'utf-8' >
< meta vardas = 'žiūros sritis' turinys = 'plotis = įrenginio plotis, pradinė skalė = 1' >
< scenarijus src = 'https://cdn.tailwindcss.com' >< / scenarijus >
< / galva >
< kūnas >
< teksto sritis klasė = 'bg-clip-border p-6 bg-yellow-500 border-4 border-red-500 border-dash md:bg-clip-text lg:bg-clip-padding' > Tai Tailwind CSS < / teksto sritis >
< / kūnas >
< / html >

Pagal šias kodo eilutes:

Pirmiausia nurodykite CDN kelią, kad galėtumėte pasinaudoti Tailwind funkcijomis.
Tada sukurkite elementą „“, kurį sudaro „ <strong> bg-clip-{keyword}</strong> “ paslaugų programa, kad ji būtų nustatyta kaip „kraštinė“ mažo dydžio ekranuose ir nustatyta į „ <strong> bg-clip-text</strong> “ ir „ <strong> bg-clip-padding</strong> ' komunalinės paslaugos vidutinio ir didelio dydžio ekranuose per ' <strong> md</strong> “ ir „ <strong> lg</strong> “ klases, atitinkamai.</li> </ul> <p> <strong> Pastaba:</strong> Įrankio nurodymas tiesiog yra tas pats, kas jo nurodymas lauke „ <strong> sm</strong> ' klasė.</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> Išvestis</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 rezultatas reiškia, kad padidinus ekrano dydį, fonas yra atitinkamai nukirptas.</p> <h2 id="c"> <strong> 2 pavyzdys: Medijos užklausų taikymas naudojant foninį klipą „Tailwind“.</strong> </h2> <p> Šis kodo demonstravimas pritaiko medijos užklausas su „fono klipu“ per „ <strong> @media</strong> “ taisyklė ir nurodytas parametras:</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"> galva</span></a> > <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> meta</span></a> <span class="kw3"> simbolių rinkinys</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"> vardas</span><span class="sy0"> =</span><span class="st0"> 'žiūros sritis'</span> <span class="kw3"> turinys</span><span class="sy0"> =</span><span class="st0"> 'plotis = įrenginio plotis, pradinė skalė = 1'</span> > <br> < <a href="http://december.com/html/4/element/script.html"><span class="kw2"> scenarijus</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"> scenarijus</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/head.html"><span class="kw2"> galva</span></a> > <br> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> kūnas</span></a> > <br> < <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> teksto sritis</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-dabred'</span> <span class="kw3"> id</span><span class="sy0"> =</span><span class="st0"> 'temp.'</span> >Tai Tailwind CSS<<span class="sy0"> /</span> <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> teksto sritis</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> kūnas</span></a> > <br> < <a href="http://december.com/html/4/element/style.html"><span class="kw2"> stilius</span></a> <span class="kw3"> tipo</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"> žiniasklaida</span> <span class="br0"> (</span> max-<span class="kw3"> plotis</span> :500 piks<span class="br0"> )</span><span class="br0"> {</span> <br> #temp<span class="br0"> {</span> <br> background-clip: padding-box; <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"> stilius</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/html.html"><span class="kw2"> html</span></a> ><p> Šiame kodo fragmente:</p> <ul> <li> Pakartokite „Tailwind CDN“ kelio įtraukimo ir elemento „<textarea>“ kūrimo metodikas.</li> <li> Dabar CSS kode nurodykite numatytąjį „ <strong> fono klipas</strong> “ nuosavybė kaip “ <strong> kraštinė-dėžė</strong> “.</li> <li> Po to įgyvendinkite „ <strong> @media</strong> “ taisyklė su nurodytu parametru, kad tol, kol ekrano plotis lygus „500“ pikselių, „ <strong> fono klipas</strong> 'ypatybė nustatyta į ' <strong> kamšalu-dėžutė</strong> “.</li> </ul> <p> <strong> Išvestis</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> Iš šio rezultato galima patikrinti, ar fono klipas perkeltas pagal pasikeitusį ekrano plotį.</p> <h2> <strong> Išvada</strong> </h2> <p> Fono klipas gali būti naudojamas su Tailwind lūžio taškais ir medijos užklausomis naudojant taikomą ' <strong> bg-clip-{keyword}</strong> 'naudingumas su ' <strong> md</strong> “ arba „ <strong> lg</strong> “ klases arba per „ <strong> @media</strong> “ taisyklė. Raktažodis gali būti nustatytas į „padding-box“, „border-box“, „content-box“, „text-box“ ir kt. Šiame vadove pademonstravome lūžio taškų ir medijos užklausų su fono klipu naudojimą „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="/kita/" class="tag-cloud-link">Kita</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/">Eternetas</a> </li><li> <a href="/other/">Kiti</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Priartinti</a> </li><li> <a href="/cinnamon/">Cinamonas</a> </li><li> <a href="/reviews/">Apžvalgos</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radijas</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/">Suspaudimas</a> </li><li> <a href="/laravel/">Laravelis</a> </li><li> <a href="/aircrack/">Lėktuvas</a> </li><li> <a href="/office-productivity-software/">Biuro Produktyvumo Programinė Įranga</a> </li><li> <a href="/boot/">Įkrova</a> </li><li> <a href="/system-calls/">Sistemos Skambučiai</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Tinklų Kūrimas</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/">Dokininkas</a> </li><li> <a href="/firewall/">Užkarda</a> </li><li> <a href="/wireshark/">Wirehark</a> </li><li> <a href="/synology/">Sinologija</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/">Didingas</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/">Gnomas</a> </li><li> <a href="/manjaro/">Delikatesas</a> </li><li> <a href="/mouse/">Pelė</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploitas</a> </li><li> <a href="/torrent/">Torrentas</a> </li><li> <a href="/tablet/">Tablėtė</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Garbanoti</a> </li><li> <a href="/kde/">Kur</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Šriftai</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Vaizdai</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Kalmarai</a> </li><li> <a href="/mate/">Bičiulis</a> </li><li> <a href="/vlc-media-player/">„Vlc Media Player“</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitkoinas</a> </li><li> <a href="/keyboard/">Klaviatūra</a> </li><li> <a href="/inkscape/">Inkcape</a> </li><li> <a href="/encryption/">Šifravimas</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">„Owncloud“</a> </li><li> <a href="/scanner/">Skaitytuvas</a> </li><li> <a href="/atom/">Atomas</a> </li><li> <a href="/red-hat/">Raudona Kepurė</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“ Užrašų Knygelė</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Tinklaraštis</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Žiniasklaidos Grotuvai</a> </li><li> <a href="/posix/">Posiksas</a> </li><li> <a href="/steam/">Garai</a> </li><li> <a href="/jenkins/">Dženkinsas</a> </li><li> <a href="/power/">Galia</a> </li><li> <a href="/oracle-linux/">„Oracle Linux“</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Kv. M</a> </li><li> <a href="/bluetooth/">„Bluetooth“</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Sukibimas</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odisėja</a> </li><li> <a href="/audio/">Garsas</a> </li><li> <a href="/cpu/">Procesorius</a> </li><li> <a href="/tensorflow/">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/">„Windows“</a> </li><li> <a href="/microsoft-edge/">„Microsoft Edge“ (Palikta)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Biuras</a> </li><li> <a href="/kita/">Kita</a> </li><li> <a href="/internetine-kamera/">internetinė kamera</a> </li><li> <a href="/medijos-grotuvai/">medijos grotuvai</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/nykstukas/">nykštukas</a> </li><li> <a href="/batas/">batas</a> </li><li> <a href="/didinga/">didinga</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/kitas-debesis/">kitas debesis</a> </li><li> <a href="/dorybe/">dorybė</a> </li><li> <a href="/usb-perejimas/">usb perėjimas</a> </li><li> <a href="/saugi-ikrova/">#saugi įkrova</a> </li><li> <a href="/prietaisas-praejimas/">prietaisas-praėjimas</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/tvarkykles-diegimas/">tvarkyklės diegimas</a> </li><li> <a href="/wakeonlan/">wakeonlan</a> </li><li> <a href="/dsm7-cat/">dsm7</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Populiarios Temos</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/24/linux-vmstat-command-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/linux-vmstat-komanda">Linux Vmstat komanda</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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/04/how-to-resolve-the-engine-node-is-incompatible-with-this-module-error-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kaip-isspresti-variklio-mazgas-nesuderinamas-su-sio-modulio-klaida">Kaip išspręsti variklio „mazgas“ nesuderinamas su „šio“ modulio klaida</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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/AC/reload-the-current-file-in-emacs-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/is-naujo-ikelkite-dabartini-faila-emacs">Iš naujo įkelkite dabartinį failą „Emacs“.</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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/24/what-are-roblox-general-chat-and-keyboard-issues-on-computer-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kokios-yra-roblox-bendrosios-pokalbiu-ir-klaviaturos-problemos-kompiuteryje">Kokios yra Roblox bendrosios pokalbių ir klaviatūros problemos kompiuteryje</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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/42/sql-server-create-user-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sql-server-sukurti-vartotoja">SQL Server Sukurti vartotoją</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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/88/types-of-arrays-in-c-with-examples-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/masyvu-tipai-c-su-pavyzdziais">Masyvų tipai C++ su pavyzdžiais</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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/22/how-to-add-margin-to-a-single-side-in-tailwind-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kaip-prideti-marza-prie-vienos-puses-vejo-vejo-metu">Kaip pridėti maržą prie vienos pusės vėjo vėjo metu?</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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/66/how-to-use-readable-streams-in-node-js-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/kaip-naudoti-skaitomus-srautus-node-js">Kaip naudoti skaitomus srautus Node.js?</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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-kubernetes-in-aws-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kaip-naudoti-kubernetes-aws">Kaip naudoti „Kubernetes“ AWS</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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/A2/how-to-use-format-commands-to-change-output-view-in-powershell-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kaip-naudoti-formato-komandas-norint-pakeisti-isvesties-rodini-powershell">Kaip naudoti formato komandas norint pakeisti išvesties rodinį „PowerShell“?</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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/3C/decision-and-branching-in-c-programming-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sprendimas-ir-issisakojimas-c-programavimo-srityje">Sprendimas ir išsišakojimas C programavimo srityje?</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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/55/how-to-use-a-key-value-dictionary-in-bash-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kaip-naudoti-pagrindiniu-vertybiu-zodyna-bash">Kaip naudoti pagrindinių vertybių žodyną Bash</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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/8F/best-procreate-alternatives-on-android-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/geriausios-procreate-alternatyvos-android">Geriausios „Procreate“ alternatyvos „Android“.</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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/how-to-install-qtox-messenger-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kaip-idiegti-qtox-messenger-raspberry-pi">Kaip įdiegti „qTox Messenger“ „Raspberry Pi“.</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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/D2/how-to-install-raspberry-pi-bookworm-on-raspberry-pi-device-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kaip-idiegti-raspberry-pi-bookworm-raspberry-pi-irenginyje">Kaip įdiegti „Raspberry Pi Bookworm“ Raspberry Pi įrenginyje</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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/9C/how-to-label-a-component-in-matlab-gui-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kaip-pazymeti-komponenta-matlab-gui">Kaip pažymėti komponentą MATLAB GUI</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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/87/write-a-binary-file-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/parasykite-dvejetaini-faila-c">Parašykite dvejetainį failą C++</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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/08/docker-architecture-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/docker-architektura">Docker architektūra</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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/redis-scard-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/redis-scard">Redis SCARD</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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/84/how-to-set-the-input-type-date-s-default-value-to-today-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/kaip-ivesties-tipo-datos-numatytaja-reiksme-nustatyti-i-siandiena">Kaip įvesties tipo datos numatytąją reikšmę nustatyti į šiandieną?</a> </h3> <div class="meta"> <div> <a href="/kita/"><span class="icon-chat"></span> Kita</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>