Ako používať body prerušenia a mediálne dopyty s klipom na pozadí v Tailwinde

Ako Pouzivat Body Prerusenia A Medialne Dopyty S Klipom Na Pozadi V Tailwinde

Pri vytváraní rôznych sekcií na webovej stránke môžu nastať scenáre, keď programátor potrebuje orezať pozadie alebo ho upraviť, aby nahromadil obsah. Táto metodika pomáha pri efektívnej správe pripojeného obsahu, ako aj pri úprave rôznych častí stránky.

Tento blog sa zaoberá nasledujúcimi základnými konceptmi:

Ako používať/využívať body prerušenia a mediálne dotazy s klipom na pozadí v Tailwinde?
Použitie bodov prerušenia s klipom na pozadí v službe Tailwind.
Použitie dopytov na médiá s klipom na pozadí v službe Tailwind.

Ako používať/využívať body prerušenia a mediálne dotazy s klipom na pozadí v Tailwinde?

' bg-clip-{keyword} ” sa používa na nastavenie ohraničenia pozadia prvku. Tento nástroj možno použiť s viacerými vlastnosťami, ako napríklad „ vypchávka-box ',' border-box ',' content-box “ a „ Textové pole “.

Príklad 1: Použitie bodov prerušenia s klipom na pozadí v Tailwinde

Tento príklad aplikuje body prerušenia s klipom na pozadí prostredníctvom aplikovaného „ bg-clip-{keyword} ' pomôcka s ' md “, tj stredne veľké obrazovky a “ lg “, tj triedy veľkých obrazoviek:

< html >
< hlavu >
< meta znakovú sadu = 'utf-8' >
< meta názov = 'výrez' obsahu = 'width=device-width, initial-scale=1' >
< skript src = 'https://cdn.tailwindcss.com' < / skript >
< / hlavu >
< telo >
< textarea trieda = 'bg-clip-border p-6 bg-yellow-500 border-4 border-red-500 border-dashed md:bg-clip-text lg:bg-clip-padding' > Toto je CSS Tailwind < / textarea >
< / telo >
< / html >

Podľa týchto riadkov kódu:

Najprv zadajte cestu CDN, aby ste mohli využívať funkcie Tailwind.
Potom vytvorte prvok „“ obsahujúci „ <strong> bg-clip-{keyword}</strong> ” tak, že je nastavený na „okraj“ na obrazovkách malých rozmerov a nastavený na „ <strong> bg-clip-text</strong> “ a „ <strong> bg-clip-padding</strong> nástroje na stredných a veľkých obrazovkách prostredníctvom „ <strong> md</strong> “ a „ <strong> lg</strong> “ triedy, resp.</li> </ul> <p> <strong> Poznámka:</strong> Jednoduché špecifikovanie pomôcky je rovnaké ako jej špecifikácia v súbore „ <strong> sm</strong> ' trieda.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> <p> <strong> Výkon</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> Tento výsledok znamená, že po zväčšení veľkosti obrazovky sa pozadie zodpovedajúcim spôsobom orezá.</p> <h2 id="c"> <strong> Príklad 2: Aplikácia dopytov na médiá s klipom na pozadí v Tailwinde</strong> </h2> <p> Nasledujúca ukážka kódu aplikuje dopyty médií s „klipom na pozadí“ prostredníctvom „ <strong> @media</strong> ” pravidlo a zadaný parameter:</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"> hlavu</span></a> > <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> meta</span></a> <span class="kw3"> znakovú sadu</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"> názov</span><span class="sy0"> =</span><span class="st0"> 'výrez'</span> <span class="kw3"> obsahu</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"> skript</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"> skript</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/head.html"><span class="kw2"> hlavu</span></a> > <br> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> telo</span></a> > <br> < <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> textarea</span></a> <span class="kw3"> trieda</span><span class="sy0"> =</span><span class="st0"> 'p-6 bg-zlta-500 ohraničenie-4 ohraničenie-červené-500 ohraničenie-prerušované'</span> <span class="kw3"> id</span><span class="sy0"> =</span><span class="st0"> 'teplota'</span> >Toto je Tailwind CSS<<span class="sy0"> /</span> <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> textarea</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> telo</span></a> > <br> < <a href="http://december.com/html/4/element/style.html"><span class="kw2"> štýl</span></a> <span class="kw3"> typu</span><span class="sy0"> =</span><span class="st0"> 'text/css'</span> > <br> #tepl<span class="br0"> {</span> <br> background-clip: border-box; <br> <span class="br0"> }</span> <br> @<span class="kw3"> médiá</span> <span class="br0"> (</span> max-<span class="kw3"> šírka</span> : 500 pixelov<span class="br0"> )</span><span class="br0"> {</span> <br> #tepl<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"> štýl</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/html.html"><span class="kw2"> html</span></a> ><p> V tomto úryvku kódu:</p> <ul> <li> Zopakujte metódy na začlenenie cesty CDN Tailwind a vytvorenie prvku „<textarea>“.</li> <li> Teraz v kóde CSS zadajte predvolenú hodnotu „ <strong> klip na pozadí</strong> “ nehnuteľnosť ako “ <strong> border-box</strong> “.</li> <li> Potom implementujte „ <strong> @media</strong> pravidlo s daným parametrom tak, že pokiaľ sa šírka obrazovky rovná „500“ pixelom, „ <strong> klip na pozadí</strong> “vlastnosť je nastavená na “ <strong> vypchávka-box</strong> “.</li> </ul> <p> <strong> Výkon</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> Z tohto výsledku je možné overiť, že klip na pozadí sa mení v súlade so zmenenou šírkou obrazovky.</p> <h2> <strong> Záver</strong> </h2> <p> Klip na pozadí je možné použiť s bodmi prerušenia Tailwind a mediálnymi dopytmi prostredníctvom aplikovaného „ <strong> bg-clip-{keyword}</strong> ' pomôcka s ' <strong> md</strong> “ alebo „ <strong> lg</strong> “, alebo prostredníctvom “ <strong> @media</strong> “pravidlo. Kľúčové slovo je možné nastaviť na „padding-box“, „border-box“, „content-box“, „text-box“ a ďalšie. V tejto príručke sme demonštrovali používanie bodov prerušenia a mediálnych dopytov s klipom na pozadí v Tailwinde.</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="/ine/" class="tag-cloud-link">Iné</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">Kategórie</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Malinový Koláč</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Iné</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Priblíženie</a> </li><li> <a href="/cinnamon/">Škorica</a> </li><li> <a href="/reviews/">Recenzie</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Rádio</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Otvorené Plátno</a> </li><li> <a href="/compression/">Kompresia</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">Kancelársky Produktový Softvér</a> </li><li> <a href="/boot/">Topánka</a> </li><li> <a href="/system-calls/">Systémové Hovory</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Vytváranie Sietí</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/">Dok</a> </li><li> <a href="/firewall/">Požarne Dvere</a> </li><li> <a href="/wireshark/">Wirehark</a> </li><li> <a href="/synology/">Synology</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/">Vznešený</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Telefón</a> </li><li> <a href="/kodi/">Kód</a> </li><li> <a href="/gnome/">Škriatok</a> </li><li> <a href="/manjaro/">Lahôdka</a> </li><li> <a href="/mouse/">Myš</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Bystrina</a> </li><li> <a href="/tablet/">Tabletu</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Zvinúť</a> </li><li> <a href="/kde/">Kde</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Písma</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Snímky</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Chobotnice</a> </li><li> <a href="/mate/">Kamarát</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/">Klávesnica</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Šifrovanie</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/">Atóm</a> </li><li> <a href="/red-hat/">Červený Klobúk</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/">Prehrávačov Médií</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Para</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Moc</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/">Uchopenie</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odysea</a> </li><li> <a href="/audio/">Zvuk</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 (Staršie)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Kancelária</a> </li><li> <a href="/ine/">Iné</a> </li><li> <a href="/malinovy-kolac/">Malinový koláč</a> </li><li> <a href="/webkamera/">webkamera</a> </li><li> <a href="/prehravace-medii/">prehrávače médií</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/skriatok/">škriatok</a> </li><li> <a href="/vzneseny/">vzneš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="/cnost/">cnosť</a> </li><li> <a href="/usb-priechod/">usb-priechod</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Populárne Príspevky</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A6/how-to-use-high-level-s3-commands-with-the-aws-cli-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-pouzivat-prikazy-vysokej-urovne-s3-s-aws-cli">Ako používať príkazy vysokej úrovne (S3) s AWS CLI?</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/2D/vmstat-command-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/prikaz-vmstat-v-systeme-linux">Príkaz vmstat v systéme Linux</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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-set-the-list-style-image-in-tailwind-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-nastavit-obrazok-stylu-zoznamu-v-tailwinde">Ako nastaviť obrázok štýlu zoznamu v Tailwinde</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/power-bi-rankx-dax-function-syntax-usage-and-examples-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/funkcia-power-bi-rankx-dax-syntax-pouzitie-a-priklady">Funkcia Power BI RANKX DAX: Syntax, použitie a príklady</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/67/how-to-use-onchange-event-in-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-pouzivat-udalost-onchange-v-javascripte">Ako používať udalosť onchange v JavaScripte</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/F0/how-to-set-the-list-style-type-in-tailwind-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-nastavit-typ-stylu-zoznamu-v-tailwinde">Ako nastaviť typ štýlu zoznamu v Tailwinde</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/C3/how-to-install-pytorch-with-nvidia-gpu-cuda-acceleration-support-on-debian-12-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-nainstalovat-pytorch-s-podporou-akceleracie-nvidia-gpu-cuda-na-debian-12">Ako nainštalovať PyTorch s podporou akcelerácie NVIDIA GPU/CUDA na Debian 12</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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-plot-a-histogram-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-vykreslit-histogram-v-matlabe">Ako vykresliť histogram v MATLABE</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/E7/tableau-maps-a-tutorial-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/tableau-maps-navod">Tableau Maps: Návod</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/how-to-use-powershell-replace-to-replace-text-with-examples-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-pouzivat-powershell-nahradenie-na-nahradenie-textu-prikladmi">Ako používať PowerShell nahradenie na nahradenie textu príkladmi</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/85/how-to-enhance-a-local-image-using-a-midjourney-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-vylepsit-lokalny-obraz-pomocou-midjourney">Ako vylepšiť lokálny obraz pomocou Midjourney?</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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-konvertovat-datum-a-cas-na-retazec">SQL Server Konvertovať dátum a čas na reťazec</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/91/power-bi-format-date-how-to-change-the-date-format-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/format-datumu-power-bi-ako-zmenit-format-datumu">Formát dátumu Power BI: Ako zmeniť formát dátumu</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/F9/how-to-use-the-kill-command-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-pouzivat-prikaz-kill-v-minecrafte">Ako používať príkaz /kill v Minecrafte?</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/2A/insertion-of-variable-into-string-using-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/vlozenie-premennej-do-retazca-pomocou-javascriptu">Vloženie premennej do reťazca pomocou JavaScriptu</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/EE/what-are-list-crawlers-in-aws-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/co-su-zoznamove-prehladavace-v-aws">Čo sú zoznamové prehľadávače v AWS?</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/40/sql-server-stdev-function-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/funkcia-sql-server-stdev">Funkcia SQL Server STDEV</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/11/calculating-the-sum-of-an-array-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/vypocet-suctu-pola-v-jave">Výpočet súčtu poľa v Jave</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/62/how-to-generate-letsencrypt-ssl-certificate-using-cloudflare-dns-01-challenge-and-use-it-on-synology-nas-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ako-vygenerovat-certifikat-letsencrypt-ssl-pomocou-cloudflare-dns-01-challenge-a-pouzit-ho-na-synology-nas">Ako vygenerovať certifikát LetsEncrypt SSL pomocou CloudFlare DNS-01 Challenge a použiť ho na Synology NAS</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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/E5/5-diy-ways-to-cool-laptop-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/5-diy-sposobov-ako-schladit-notebook">5 DIY spôsobov, ako schladiť notebook</a> </h3> <div class="meta"> <div> <a href="/ine/"><span class="icon-chat"></span> Iné</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>