Kako primijeniti ukras teksta s lebdenjem u stražnjem vjetru, fokusom i aktivnim stanjima

Kako Primijeniti Ukras Teksta S Lebdenjem U Straznjem Vjetru Fokusom I Aktivnim Stanjima

Dok uključuje različite funkcionalnosti na web stranicu ili web mjesto, postoje slučajevi u kojima programer treba dodati interaktivne poveznice koje postaju istaknute nakon korisničke radnje, tj. prelaska mišem. U takvim scenarijima, ukrašavanje teksta u skladu s različitim stanjima čini čuda u tome da se stranica istakne.

Ovaj blog pokriva sljedeća područja sadržaja:

Kako primijeniti ukrašavanje teksta s lebdenjem u stražnjem vjetru, fokusom i aktivnim stanjima?
Primjena ukrašavanja teksta sa stanjem lebdenja.
Primjena ukrašavanja teksta sa stanjem 'fokusa'.
Primjena ukrašavanja teksta s 'aktivnim' stanjem.

Kako primijeniti ukrašavanje teksta s lebdenjem u stražnjem vjetru, fokusom i aktivnim stanjima?

Tekst se može ukrasiti putem ' tekst-ukras ” vlasništvo. Ovo se svojstvo može primijeniti s različitim stanjima modifikatora kao što je ' lebdjeti ', ' usredotočenost ' i ' aktivan ” za ukrašavanje teksta prema radnji korisnika u skladu s tim.

Primjer 1: Primjena ukrašavanja teksta sa stanjem lebdenja

Ovaj primjer primjenjuje ' tekst-ukras ” svojstvo tako da nije podcrtano prema zadanim postavkama, ali postaje podcrtano nakon prelaska miša:

< 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 = 'bez podvlačenja: podcrtano' > Ovo je Tailwind CSS < / tekstualno područje >

< / tijelo >

< / html >

U skladu s ovim linijama koda, odredite CDN put unutar ' ” za korištenje funkcija Tailwinda. Sada primijenite kombinirani ' tekst-ukras ' svojstvo zajedno s ' lebdjeti ” navesti tako da nakon prelaska mišem nad elementom, on postaje podcrtan.

Izlaz

Kao što se vidi, ' </strong> ” element je podcrtan nakon uspješnog prelaska miša.</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <h2> <strong> Primjer 2:</strong> <a id="post-390687-yqkwqwlwf1ui"></a> <strong> Primjena ukrašavanja teksta sa stanjem 'fokusa'.</strong> </h2> <p> Sljedeći blok koda ukrašava tekst uključivanjem ' <strong> usredotočenost</strong> ' država. Ovo podcrtava tekst (nije podvučen prema zadanim postavkama) nakon što se element fokusira putem ' <strong> tab</strong> ' ključ:</p> <!DOCTYPE html> <br> <br> < <a href="http://december.com/html/4/element/html.html"><span class="kw2"> html</span></a> > <br> <br> < <a href="http://december.com/html/4/element/head.html"><span class="kw2"> glava</span></a> > <br> <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> <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> <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> ><<span class="sy0"> /</span> <a href="http://december.com/html/4/element/head.html"><span class="kw2"> glava</span></a> > <br> <br> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> tijelo</span></a> > <br> <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"> 'fokus bez podvlačenja: podcrtano'</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> <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> tijelo</span></a> > <br> <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/html.html"><span class="kw2"> html</span></a> ><p> Prema ovom kodu:</p> <ul> <li> Slično, uključite CDN put i uključite ' <strong> <textarea></strong> ” element.</li> <li> Nakon toga upotrijebite ' <strong> tekst-ukras</strong> ” svojstvo koje čini da tekst nije podcrtan prema zadanim postavkama.</li> <li> Povezani “ <strong> usredotočenost</strong> ” stanje zatim podcrtava tekst nakon što se element fokusira.</li> </ul> <p> <strong> Izlaz</strong> </p> <p> <img class="wp-image-390707" src="https://softoban.com/img/other/AC/how-to-apply-text-decoration-with-tailwind-hover-focus-and-active-states-2.gif"></p> <p> Ovaj ishod znači da se tekst sadržan u elementu podvlači nakon pritiska na ' <strong> tab</strong> ” ključ, tj. fokusiranje elementa.</p> <h2> <strong> Primjer 3:</strong> <a id="post-390687-mzdhsis01qe1"></a> <strong> Primjena ukrašavanja teksta s 'aktivnim' stanjem</strong> </h2> <p> U ovom primjeru, tekst se može ukrasiti tako da ' <strong> line-through</strong> ” svojstvo se primjenjuje na njega nakon što je element aktivan:</p> <!DOCTYPE html> <br> <br> < <a href="http://december.com/html/4/element/html.html"><span class="kw2"> html</span></a> > <br> <br> < <a href="http://december.com/html/4/element/head.html"><span class="kw2"> glava</span></a> > <br> <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> <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> <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> ><<span class="sy0"> /</span> <a href="http://december.com/html/4/element/head.html"><span class="kw2"> glava</span></a> > <br> <br> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> tijelo</span></a> > <br> <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"> 'bez podvlačenja aktivno: kroz liniju'</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> <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> tijelo</span></a> > <br> <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 primijenite dolje navedene korake:</p> <ul> <li> Prisjetite se razmatranih metodologija za uključivanje CDN putanje i ' <strong> <textarea></strong> ” element.</li> <li> Sada primijenite ukras teksta ' <strong> bez podvlačenja</strong> ' prema zadanim postavkama i dodijelite ' <strong> aktivan</strong> ” stanje sa “ <strong> line-through</strong> ”.</li> <li> To rezultira linijama kroz sadržani tekst nakon što je element aktivan.</li> </ul> <p> <strong> Izlaz</strong> </p> <p> <img class="wp-image-390709" src="https://softoban.com/img/other/AC/how-to-apply-text-decoration-with-tailwind-hover-focus-and-active-states-3.gif"></p> <p> Iz ovog izlaza može se potvrditi da je tekst na odgovarajući način ukrašen u skladu s primijenjenim stanjem.</p> <h2> <strong> Zaključak</strong> </h2> <p> Tekst se može ukrasiti putem ' <strong> tekst-ukras</strong> ” vlasništvo. Ovo se svojstvo može primijeniti s ' <strong> lebdjeti</strong> ', ' <strong> usredotočenost</strong> ' i ' <strong> aktivan</strong> ” modifikator navodi ukrašavanje teksta nakon lebdenja mišem, elementa koji je fokusiran, odnosno elementa koji je aktivan.</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><li> <a href="/prolaz-uredaja/">prolaz uređaja</a> </li><li> <a href="/sdn/">SDN</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/16/is-kinesis-the-same-as-kafka-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/je-li-kinesis-isto-sto-i-kafka">Je li Kinesis isto što i Kafka?</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/A6/sql-regexp-replace-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sql-regexp-replace">SQL REGEXP_REPLACE</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/A4/how-to-use-docker-compose-on-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-koristiti-docker-compose-u-sustavu-windows">Kako koristiti Docker Compose u sustavu Windows</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/00/linux-command-to-create-blank-file-in-the-current-directory-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/linux-naredba-za-stvaranje-prazne-datoteke-u-trenutnom-direktoriju">Linux naredba za stvaranje prazne datoteke u trenutnom direktoriju</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/08/how-to-craft-a-golden-carrot-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-izraditi-zlatnu-mrkvu-u-minecraftu">Kako izraditi zlatnu mrkvu u Minecraftu</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/D4/include-another-html-file-in-a-html-file-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ukljucite-drugu-html-datoteku-u-html-datoteku">Uključite drugu HTML datoteku u HTML datoteku</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/74/how-to-fetch-a-branch-from-the-upstream-to-the-local-repo-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-dohvatiti-granu-iz-uzvodnog-u-lokalni-repo">Kako dohvatiti granu iz uzvodnog u lokalni repo?</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/B7/how-to-port-to-the-buffer-from-buffer-alloc-api-in-node-js-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-se-prebaciti-na-buffer-from-buffer-alloc-api-u-node-js">Kako se prebaciti na Buffer.from()/Buffer.alloc() API u Node.js?</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-use-negative-prompt-in-stable-diffusion-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-koristiti-negative-prompt-u-stabilnoj-difuziji">Kako koristiti Negative Prompt u stabilnoj difuziji?</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/how-to-use-html-dom-audio-muted-property-in-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-koristiti-svojstvo-iskljucenog-zvuka-html-dom-a-u-javascriptu">Kako koristiti svojstvo isključenog zvuka HTML DOM-a u JavaScriptu?</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/20/how-to-get-class-name-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-dobiti-naziv-klase-u-javascriptu">Kako dobiti naziv klase u JavaScriptu</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/19/how-to-enable-remote-desktop-on-ubuntu-desktop-22-04-lts-and-access-it-from-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-omoguciti-udaljenu-radnu-povrsinu-na-ubuntu-desktop-22-04-lts-i-pristupiti-joj-iz-sustava-windows">Kako omogućiti udaljenu radnu površinu na Ubuntu Desktop 22.04 LTS i pristupiti joj iz sustava Windows</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/D9/how-to-use-strncpy-function-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-koristiti-funkciju-strncpy-u-c">Kako koristiti funkciju strncpy() u C++</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/44/plotly-io-to-templated-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/plotly-io-to-templated">Plotly.io.to_templated</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/9E/how-to-clear-safari-cache-and-browsing-data-on-iphone-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-ocistiti-safari-predmemoriju-i-podatke-o-pregledavanju-na-iphoneu">Kako očistiti Safari predmemoriju i podatke o pregledavanju na iPhoneu</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/B2/how-to-install-docker-ce-on-debian-12-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-instalirati-docker-ce-na-debian-12">Kako instalirati Docker CE na Debian 12</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/F6/my-roblox-avatar-is-showing-incorrectly-or-as-a-gray-x-8211-how-to-fix-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/moj-roblox-avatar-prikazuje-se-netocno-ili-kao-sivi-x-kako-to-popraviti">Moj Roblox Avatar prikazuje se netočno ili kao sivi X – kako to popraviti</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/48/is-there-any-method-to-modify-container-id-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/postoji-li-neka-metoda-za-izmjenu-id-a-spremnika">Postoji li neka metoda za izmjenu ID-a spremnika?</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/4D/how-to-contact-an-experienced-roblox-creator-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-kontaktirati-iskusnog-kreatora-robloxa">Kako kontaktirati iskusnog kreatora Robloxa</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/how-to-increase-gpu-utilization-in-pytorch-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-povecati-iskoristenost-gpu-a-u-pytorchu">Kako povećati iskorištenost GPU-a u PyTorchu?</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>