Kako koristiti prijelomne točke i medijske upite s pozadinskim isječkom u Tailwindu

Kako Koristiti Prijelomne Tocke I Medijske Upite S Pozadinskim Isjeckom U Tailwindu

Tijekom stvaranja različitih odjeljaka na web stranici, mogu postojati scenariji u kojima programer treba isjeći pozadinu ili je modificirati kako bi akumulirao sadržaj. Ova metodologija pomaže u učinkovitom upravljanju dodanim sadržajem, kao i u oblikovanju različitih odjeljaka stranice.

Ovaj blog razrađuje sljedeće temeljne koncepte:

Kako koristiti/iskoristiti prijelomne točke i medijske upite s pozadinskim isječkom u Tailwindu?
Primjena prijelomnih točaka s pozadinskim isječkom u Tailwindu.
Primjena medijskih upita s pozadinskim isječkom u Tailwindu.

Kako koristiti/iskoristiti prijelomne točke i medijske upite s pozadinskim isječkom u Tailwindu?

' bg-isječak-{ključna riječ} ” uslužni program koristi se za postavljanje graničnog okvira pozadine elementa. Ovaj uslužni program može se koristiti s više svojstava, kao što je ' padding-box ', ' rubni okvir ', ' kutija sa sadržajem ', i ' tekstualni okvir ”.

Primjer 1: Primjena prijelomnih točaka s pozadinskim isječkom u Tailwindu

Ovaj primjer primjenjuje prijelomne točke s pozadinskim isječkom putem primijenjenog ' bg-isječak-{ključna riječ} ' uslužni program s ' doktor medicine ” tj. zasloni srednje veličine i “ lg ”, tj. klase velikih ekrana:

< html >
< glava >
< meta skup znakova = 'utf-8' >
< meta Ime = 'viewport' sadržaj = 'width=device-width, initial-scale=1' >
< skripta src = 'https://cdn.tailwindcss.com' >< / skripta >
< / glava >
< tijelo >
< tekstualno područje razreda = 'bg-clip-border p-6 bg-yellow-500 border-4 border-red-500 border-dashed md:bg-clip-text lg:bg-clip-padding' > Ovo je Tailwind CSS < / tekstualno područje >
< / tijelo >
< / html >

Prema ovim linijama koda:

Prvo odredite CDN putanju da biste koristili funkcije Tailwinda.
Zatim napravite element “” koji sadrži “ <strong> bg-isječak-{ključna riječ}</strong> ” uslužni program tako da je postavljen na „obrub” na malim zaslonima i postavljen na „ <strong> bg-isječak-tekst</strong> ' i ' <strong> bg-isječak-podstava</strong> ” pomoćne programe na zaslonima srednje i velike veličine putem “ <strong> doktor medicine</strong> ' i ' <strong> lg</strong> ” klase, odnosno.</li> </ul> <p> <strong> Bilješka:</strong> Jednostavno određivanje uslužnog programa isto je kao i određivanje u ' <strong> sm</strong> ” razred.</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> Izlaz</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> Ovaj ishod znači da se nakon povećanja veličine zaslona pozadina u skladu s tim izrezuje.</p> <h2 id="c"> <strong> Primjer 2: Primjena medijskih upita s pozadinskim isječkom u Tailwindu</strong> </h2> <p> Sljedeća demonstracija koda primjenjuje medijske upite s 'Pozadinskim isječkom' putem ' <strong> @mediji</strong> ” pravilo i navedeni parametar:</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"> glava</span></a> > <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> meta</span></a> <span class="kw3"> skup znakova</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"> Ime</span><span class="sy0"> =</span><span class="st0"> 'viewport'</span> <span class="kw3"> sadržaj</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"> skripta</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"> skripta</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/head.html"><span class="kw2"> glava</span></a> > <br> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> tijelo</span></a> > <br> < <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> tekstualno područje</span></a> <span class="kw3"> razreda</span><span class="sy0"> =</span><span class="st0"> 'p-6 bg-žuta-500 granica-4 granica-crvena-500 granica-isprekidana'</span> <span class="kw3"> iskaznica</span><span class="sy0"> =</span><span class="st0"> 'temp'</span> >Ovo je Tailwind CSS<<span class="sy0"> /</span> <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> tekstualno područje</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> tijelo</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"> 'tekst/css'</span> > <br> #temp<span class="br0"> {</span> <br> pozadinski isječak: rubni okvir; <br> <span class="br0"> }</span> <br> @<span class="kw3"> medijima</span> <span class="br0"> (</span> max-<span class="kw3"> širina</span> :500 px<span class="br0"> )</span><span class="br0"> {</span> <br> #temp<span class="br0"> {</span> <br> pozadinski isječak: 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> U ovom isječku koda:</p> <ul> <li> Ponovite metodologiju za uključivanje putanje CDN-a Tailwind i stvaranje elementa “<textarea>”.</li> <li> Sada u CSS kodu navedite zadani ' <strong> pozadinski isječak</strong> ' vlasništvo kao ' <strong> rubni okvir</strong> ”.</li> <li> Nakon toga implementirajte ' <strong> @mediji</strong> ' s danim parametrom tako da sve dok je širina zaslona jednaka '500' piksela, ' <strong> pozadinski isječak</strong> ” svojstvo je postavljeno na “ <strong> padding-box</strong> ”.</li> </ul> <p> <strong> Izlaz</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> Iz ovog ishoda može se potvrditi da se pozadinski isječak mijenja u skladu s promijenjenom širinom zaslona.</p> <h2> <strong> Zaključak</strong> </h2> <p> Pozadinski isječak može se koristiti s Tailwind prijelomnim točkama i medijskim upitima putem primijenjenog ' <strong> bg-isječak-{ključna riječ}</strong> ' uslužni program s ' <strong> doktor medicine</strong> ' ili ' <strong> lg</strong> ', ili putem ' <strong> @mediji</strong> ' Pravilo. Ključna riječ može se postaviti na 'padding-box', 'border-box', 'content-box', 'text-box' i više. U ovom vodiču demonstrirali smo korištenje prijelomnih točaka i medijskih upita s pozadinskim isječkom u Tailwindu.</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="/ostalo/" class="tag-cloud-link">ostalo</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/">Malina Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Ostalo</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zum</a> </li><li> <a href="/cinnamon/">Cimet</a> </li><li> <a href="/reviews/">Recenzije</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/">Kompresija</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Zračna Pukotina</a> </li><li> <a href="/office-productivity-software/">Softver Za Produktivnost Ureda</a> </li><li> <a href="/boot/">Čizma</a> </li><li> <a href="/system-calls/">Pozivi Sustava</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Umrežavanje</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Pleks</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Lučki Radnik</a> </li><li> <a href="/firewall/">Vatrozid</a> </li><li> <a href="/wireshark/">Žičana Udica</a> </li><li> <a href="/synology/">Sinnologija</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Os Papiga</a> </li><li> <a href="/sublime/">Uzvišen</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/">Kodirati</a> </li><li> <a href="/gnome/">Gnom</a> </li><li> <a href="/manjaro/">Poslastica</a> </li><li> <a href="/mouse/">Miš</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Bujica</a> </li><li> <a href="/tablet/">Tableta</a> </li><li> <a href="/pycharm/">Piharm</a> </li><li> <a href="/curl/">Kovrča</a> </li><li> <a href="/kde/">Gdje</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fontova</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Slike</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Lignje</a> </li><li> <a href="/mate/">Pariti</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/">Tipkovnica</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Šifriranje</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Skener</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Crveni Šešir</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/">Bilježnica 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/">Media Playeri</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Pare</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Vlast</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">M2</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Zahvat</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/">Cpu</a> </li><li> <a href="/tensorflow/">Tenzorski Tok</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 (Naslijeđeni)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Ured</a> </li><li> <a href="/ostalo/">ostalo</a> </li><li> <a href="/web-kamera/">web kamera</a> </li><li> <a href="/media-playeri/">media playeri</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/cizma/">čizma</a> </li><li> <a href="/uzvisen/">uzvišen</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/vrlina/">vrlina</a> </li><li> <a href="/usb-prolaz/">usb-prolaz</a> </li><li> <a href="/sigurno-pokretanje/">#sigurno pokretanje</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Popularni Postovi</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="/zasto-se-c-koristi-u-c-programiranju">Zašto se %c koristi u C programiranju</a> </h3> <div class="meta"> <div> <a href="/ostalo/"><span class="icon-chat"></span> ostalo</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/33/how-to-create-a-table-in-sqlite-only-if-it-doesn-t-exist-already-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-stvoriti-tablicu-u-sqliteu-samo-ako-vec-ne-postoji">Kako stvoriti tablicu u SQLiteu samo ako već ne postoji?</a> </h3> <div class="meta"> <div> <a href="/ostalo/"><span class="icon-chat"></span> ostalo</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/how-to-use-sizeof-function-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-koristiti-funkciju-sizeof-u-php-u">Kako koristiti funkciju sizeof() u PHP-u</a> </h3> <div class="meta"> <div> <a href="/ostalo/"><span class="icon-chat"></span> ostalo</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/81/what-is-the-default-location-of-error-log-elasticsearch-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/koja-je-zadana-lokacija-dnevnika-pogresaka-elasticsearch">Koja je zadana lokacija dnevnika pogrešaka Elasticsearch?</a> </h3> <div class="meta"> <div> <a href="/ostalo/"><span class="icon-chat"></span> ostalo</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/AA/how-to-create-adaptive-images-with-css-flexbox-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-stvoriti-prilagodljive-slike-s-css-flexboxom">Kako stvoriti prilagodljive slike s CSS Flexboxom</a> </h3> <div class="meta"> <div> <a href="/ostalo/"><span class="icon-chat"></span> ostalo</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/E9/how-to-use-blend-command-in-midjourney-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-koristiti-naredbu-blend-u-midjourneyju">Kako koristiti naredbu /blend u Midjourneyju?</a> </h3> <div class="meta"> <div> <a href="/ostalo/"><span class="icon-chat"></span> ostalo</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/A1/how-to-specify-the-types-of-a-function-in-typescript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-odrediti-vrste-funkcije-u-typescriptu">Kako odrediti vrste funkcije u TypeScriptu</a> </h3> <div class="meta"> <div> <a href="/ostalo/"><span class="icon-chat"></span> ostalo</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/where-is-the-traveling-merchant-in-roblox-pet-simulator-x-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/gdje-je-putujuci-trgovac-u-roblox-pet-simulatoru-x">Gdje je Putujući trgovac u Roblox Pet Simulatoru X?</a> </h3> <div class="meta"> <div> <a href="/ostalo/"><span class="icon-chat"></span> ostalo</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/4F/how-to-use-the-modulo-operator-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-koristiti-modulo-operator-u-php-u">Kako koristiti Modulo operator u PHP-u</a> </h3> <div class="meta"> <div> <a href="/ostalo/"><span class="icon-chat"></span> ostalo</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/changing-spacing-between-paragraphs-and-inside-of-paragraphs-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/promjena-razmaka-izmedu-odlomaka-i-unutrasnjosti-odlomaka">Promjena razmaka između odlomaka i unutrašnjosti odlomaka</a> </h3> <div class="meta"> <div> <a href="/ostalo/"><span class="icon-chat"></span> ostalo</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/internet-explorer/95/fix-rss-feed-update-problems-resetting-feeds-database-internet-explorer-7-winhelponline.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/fix-rss-feed-update-problems-resetting-feeds-database-internet-explorer-7-winhelponline">Riješite probleme s ažuriranjem RSS feeda resetiranjem baze podataka feedova u programu Internet Explorer 7 - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/internet-explorer/"><span class="icon-chat"></span> Internet Explorer</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-delete-a-user-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-izbrisati-korisnika-u-linuxu">Kako izbrisati korisnika u Linuxu</a> </h3> <div class="meta"> <div> <a href="/ostalo/"><span class="icon-chat"></span> ostalo</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/how-to-update-docker-image-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-azurirati-docker-sliku">Kako ažurirati Docker sliku?</a> </h3> <div class="meta"> <div> <a href="/ostalo/"><span class="icon-chat"></span> ostalo</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="/razvoj-prilagodenih-bot-akcija-u-botpressu">Razvoj prilagođenih bot akcija u Botpressu</a> </h3> <div class="meta"> <div> <a href="/ostalo/"><span class="icon-chat"></span> ostalo</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/B0/a-brief-guide-for-vpc-peering-in-aws-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kratki-vodic-za-vpc-peering-u-aws-u">Kratki vodič za VPC peering u AWS-u?</a> </h3> <div class="meta"> <div> <a href="/ostalo/"><span class="icon-chat"></span> ostalo</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/39/how-to-disable-click-event-using-css-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-onemoguciti-dogadaj-klika-pomocu-css-a">Kako onemogućiti događaj klika pomoću CSS-a</a> </h3> <div class="meta"> <div> <a href="/ostalo/"><span class="icon-chat"></span> ostalo</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/F8/how-to-install-and-manage-the-powershell-secretmanagement-module-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-instalirati-i-upravljati-modulom-powershell-secretmanagement">Kako instalirati i upravljati modulom PowerShell SecretManagement?</a> </h3> <div class="meta"> <div> <a href="/ostalo/"><span class="icon-chat"></span> ostalo</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/9F/how-to-write-and-use-angle-brackets-in-latex-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-pisati-i-koristiti-uglaste-zagrade-u-latex-u">Kako pisati i koristiti uglaste zagrade u LaTeX-u</a> </h3> <div class="meta"> <div> <a href="/ostalo/"><span class="icon-chat"></span> ostalo</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/81/how-to-disable-usb-controller-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-onemoguciti-usb-kontroler-na-raspberry-pi">Kako onemogućiti USB kontroler na Raspberry Pi</a> </h3> <div class="meta"> <div> <a href="/ostalo/"><span class="icon-chat"></span> ostalo</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/how-to-download-and-install-crystaldiskinfo-on-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-preuzeti-i-instalirati-crystaldiskinfo-na-windows">Kako preuzeti i instalirati CrystalDiskInfo na Windows</a> </h3> <div class="meta"> <div> <a href="/ostalo/"><span class="icon-chat"></span> ostalo</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>