Cum să utilizați punctele de întrerupere și interogările media cu clip de fundal în Tailwind

Cum Sa Utilizati Punctele De Intrerupere Si Interogarile Media Cu Clip De Fundal In Tailwind

În timp ce creează diferite secțiuni într-o pagină web, pot exista scenarii în care programatorul trebuie să decupeze fundalul sau să-l modifice pentru a acumula conținutul. Această metodologie ajută la gestionarea eficientă a conținutului atașat, precum și la stilarea diferitelor secțiuni ale paginii.

Acest blog elaborează următoarele concepte de bază:

Cum să utilizați/utilizați punctele de întrerupere și interogările media cu clip de fundal în Tailwind?
Aplicarea punctelor de întrerupere cu clip de fundal în Tailwind.
Aplicarea interogărilor media cu clip de fundal în Tailwind.

Cum să utilizați/utilizați punctele de întrerupere și interogările media cu clip de fundal în Tailwind?

„ bg-clip-{keyword} ” utilitarul este folosit pentru a seta caseta de delimitare a fundalului elementului. Acest utilitar poate fi folosit cu mai multe proprietăți, cum ar fi „ padding-box ', ' cutie-chenar ', ' caseta de conținut ', și ' casetă de text ”.

Exemplul 1: Aplicarea punctelor de întrerupere cu clip de fundal în Tailwind

Acest exemplu aplică punctele de întrerupere cu Clipul de fundal prin intermediul „ bg-clip-{keyword} „utilitate cu „ md „adică, ecrane de dimensiuni medii și „ lg ” și anume, clase de ecran de dimensiuni mari:

< html >
< cap >
< meta set de caractere = 'utf-8' >
< meta Nume = 'vizor' conţinut = „width=device-width, initial-scale=1” >
< scenariu src = „https://cdn.tailwindcss.com” >< / scenariu >
< / cap >
< corp >
< zona textului clasă = „bg-clip-border p-6 bg-yellow-500 border-4 border-red-500 border-lined md:bg-clip-text lg:bg-clip-padding” > Acesta este Tailwind CSS < / zona textului >
< / corp >
< / html >

Conform acestor linii de cod:

Mai întâi, specificați calea CDN pentru a utiliza funcționalitățile Tailwind.
Apoi, creați un element „” care cuprinde „ <strong> bg-clip-{keyword}</strong> ” utilitar astfel încât să fie setat la „border” pe ecranele de dimensiuni mici și setat la „ <strong> bg-clip-text</strong> ' și ' <strong> bg-clip-padding</strong> ” utilități pe ecranele de dimensiuni medii și mari prin intermediul „ <strong> md</strong> ' și ' <strong> lg</strong> ” clase, respectiv.</li> </ul> <p> <strong> Notă:</strong> Specificarea utilitarului pur și simplu este aceeași cu specificarea acestuia în „ <strong> sm</strong> ” clasa.</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> Ieșire</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> Acest rezultat înseamnă că, la extinderea dimensiunii ecranului, fundalul este tăiat corespunzător.</p> <h2 id="c"> <strong> Exemplul 2: Aplicarea interogărilor media cu clip de fundal în Tailwind</strong> </h2> <p> Următoarea demonstrație a codului aplică interogările media cu „Clip de fundal” prin intermediul „ <strong> @mass-media</strong> ” regula și parametrul specificat:</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"> cap</span></a> > <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> meta</span></a> <span class="kw3"> set de caractere</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"> Nume</span><span class="sy0"> =</span><span class="st0"> 'vizor'</span> <span class="kw3"> conţinut</span><span class="sy0"> =</span><span class="st0"> „width=device-width, initial-scale=1”</span> > <br> < <a href="http://december.com/html/4/element/script.html"><span class="kw2"> scenariu</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"> scenariu</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/head.html"><span class="kw2"> cap</span></a> > <br> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> corp</span></a> > <br> < <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> zona textului</span></a> <span class="kw3"> clasă</span><span class="sy0"> =</span><span class="st0"> „p-6 bg-galben-500 chenar-4 chenar-roșu-500 chenar-liniat”</span> <span class="kw3"> id</span><span class="sy0"> =</span><span class="st0"> 'temp'</span> >Acesta este Tailwind CSS<<span class="sy0"> /</span> <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> zona textului</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> corp</span></a> > <br> < <a href="http://december.com/html/4/element/style.html"><span class="kw2"> stil</span></a> <span class="kw3"> tip</span><span class="sy0"> =</span><span class="st0"> „text/css”</span> > <br> #temp<span class="br0"> {</span> <br> clip-fond: cutie-chenar; <br> <span class="br0"> }</span> <br> @<span class="kw3"> mass-media</span> <span class="br0"> (</span> max-<span class="kw3"> lăţime</span> :500px<span class="br0"> )</span><span class="br0"> {</span> <br> #temp<span class="br0"> {</span> <br> fundal-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"> stil</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/html.html"><span class="kw2"> html</span></a> ><p> În acest fragment de cod:</p> <ul> <li> Repetați metodologiile pentru încorporarea căii CDN Tailwind și crearea elementului „<textarea>”.</li> <li> Acum, în codul CSS, specificați implicit „ <strong> clip de fundal</strong> „proprietate ca „ <strong> cutie-chenar</strong> ”.</li> <li> După aceea, implementați „ <strong> @mass-media</strong> ” cu parametrul dat, astfel încât atâta timp cât lățimea ecranului este egală cu „500” pixeli, „ <strong> clip de fundal</strong> „proprietatea este setată la „ <strong> padding-box</strong> ”.</li> </ul> <p> <strong> Ieșire</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> Din acest rezultat, se poate verifica dacă Clipul de fundal este mutat în conformitate cu lățimea modificată a ecranului.</p> <h2> <strong> Concluzie</strong> </h2> <p> Clipul de fundal poate fi utilizat cu puncte de întrerupere Tailwind și interogări media prin intermediul aplicației „ <strong> bg-clip-{keyword}</strong> „utilitate cu „ <strong> md</strong> ” sau ” <strong> lg</strong> „, sau prin intermediul „ <strong> @mass-media</strong> ” regula. Cuvântul cheie poate fi setat la „padding-box”, „border-box”, „content-box”, „text-box” și multe altele. În acest ghid, am demonstrat utilizarea punctelor de întrerupere și a interogărilor media cu clip de fundal în 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="/alte/" class="tag-cloud-link">Alte</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">Categorie</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Alte</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zoom</a> </li><li> <a href="/cinnamon/">Scorţişoară</a> </li><li> <a href="/reviews/">Recenzii</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/">Comprimare</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Crăpătură Aeriană</a> </li><li> <a href="/office-productivity-software/">Software De Productivitate Office</a> </li><li> <a href="/boot/">Cizmă</a> </li><li> <a href="/system-calls/">Apeluri De Sistem</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Rețele</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/">Docher</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Sinologie</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Os Papagal</a> </li><li> <a href="/sublime/">Sublim</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/">Cod</a> </li><li> <a href="/gnome/">Gnom</a> </li><li> <a href="/manjaro/">Delicateţe</a> </li><li> <a href="/mouse/">Șoarece</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torent</a> </li><li> <a href="/tablet/">Comprimat</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Răsuci</a> </li><li> <a href="/kde/">Unde</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fonturi</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Imagini</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Calamar</a> </li><li> <a href="/mate/">Partener</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Tastatură</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Criptare</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Scaner</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Palarie Rosie</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/">Notebook Jupyter</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/">Playere Media</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Aburi</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Putere</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Mp</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Prindere</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odiseea</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Cpu</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 (Vechi)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Birou</a> </li><li> <a href="/alte/">Alte</a> </li><li> <a href="/camera-web/">cameră web</a> </li><li> <a href="/playere-media/">playere media</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/gnom/">gnom</a> </li><li> <a href="/cizme/">cizme</a> </li><li> <a href="/sublim/">sublim</a> </li><li> <a href="/removal-guides/">Ghiduri De Îndepărtare</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/virtute/">virtute</a> </li><li> <a href="/trecere-prin-usb/">trecere prin usb</a> </li><li> <a href="/incarcare-sigura/">#încărcare sigură</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Posturi Populare</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C1/why-is-c-used-in-c-programming-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/de-ce-este-folosit-c-in-programarea-c">De ce este folosit %c în programarea C</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/14/how-to-make-a-spyglass-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-sa-faci-o-luneta">Cum să faci o lunetă</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/C1/what-are-all-the-nitro-badges-on-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/care-sunt-toate-insignele-nitro-de-pe-discord">Care sunt toate insignele Nitro de pe Discord</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/75/pandas-and-condition-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/panda-si-starea">Panda și starea</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/D8/how-to-uninstall-java-from-ubuntu-22-04-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-sa-dezinstalati-java-din-ubuntu-22-04">Cum să dezinstalați Java din Ubuntu 22.04</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/sql-cumulative-sum-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/suma-cumulativa-sql">Suma cumulativă SQL</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A3/how-do-you-get-a-nukebot-for-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-obtii-un-nukebot-pentru-discord">Cum obții un NukeBot pentru Discord?</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/c-enumeration-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/enumerare-c">Enumerare C#</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/BB/list-of-10-best-data-science-books-and-descriptions-for-the-generalist-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/lista-celor-mai-bune-10-carti-si-descrieri-de-stiinta-a-datelor-pentru-generalist">Lista celor mai bune 10 cărți și descrieri de știință a datelor pentru generalist</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/06/how-to-set-flex-basis-in-tailwind-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-sa-setati-baza-flex-in-tailwind">Cum să setați baza Flex în Tailwind?</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/windows/39/fix-view-print-detailed-performance.png);"></a> <div class="text"> <h3 class="heading"> <a href="/fix-view-print-detailed-performance">Corectați vizualizarea și tipărirea performanței detaliate și a legăturii de informații despre sistem nu funcționează în Windows 7 - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Windows</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="/cum-sa-etichetati-o-componenta-in-gui-matlab">Cum să etichetați o componentă în GUI MATLAB</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/FA/how-to-run-a-powershell-script-from-a-batch-file-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-sa-rulati-un-script-powershell-dintr-un-fisier-batch">Cum să rulați un script PowerShell dintr-un fișier batch</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/D6/sql-over-clause-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/clauza-sql-over">Clauza SQL OVER</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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-create-avatar-in-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-se-creeaza-un-avatar-in-discord">Cum se creează un avatar în Discord</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/DC/check-if-object-is-not-instanceof-class-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/verificati-daca-object-nu-este-o-instanta-a-clasei-in-javascript">Verificați dacă Object nu este o instanță a clasei în JavaScript</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/D0/how-to-increase-speaker-bass-using-capacitor-1.jpeg);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-sa-cresteti-basul-difuzorului-folosind-condensatorul">Cum să creșteți basul difuzorului folosind condensatorul</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/95/turn-raspberry-pi-into-a-crypto-trading-bot-using-pycryptobot-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/transformati-raspberry-pi-intr-un-bot-de-tranzactionare-criptografica-folosind-pycryptobot">Transformați Raspberry Pi într-un bot de tranzacționare criptografică folosind pycryptobot</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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-geany-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-se-instaleaza-geany-pe-linux-mint-21">Cum se instalează Geany pe Linux Mint 21</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/how-to-trim-videos-on-android-1.jpeg);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-sa-taiati-videoclipuri-pe-android">Cum să tăiați videoclipuri pe Android?</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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>