Teksta dekorēšanas pielietošana ar Tailwind Hover, Focus un Active States

Iekļaujot tīmekļa lapā vai vietnē dažādas funkcijas, ir gadījumi, kad programmētājam ir jāpievieno interaktīvas saites, kas kļūst pamanāmas pēc lietotāja darbības, t.i., novietojot peles kursoru. Šādos scenārijos teksta dekorēšana atbilstoši dažādiem stāvokļiem rada brīnumus, padarot vietni izcilu.

Šis emuārs aptver tālāk norādītās satura jomas:

Kā lietot teksta noformējumu ar Tailwind Hover, Focus un Active States?
Teksta dekorēšanas pielietošana ar “virzīšanas” stāvokli.
Teksta dekorēšanas pielietošana ar “fokusa” stāvokli.
Teksta dekorēšanas pielietošana ar “aktīvo” stāvokli.

Kā lietot teksta noformējumu ar Tailwind Hover, Focus un Active States?

Tekstu var dekorēt, izmantojot ' teksta dekorēšana ” īpašums. Šo īpašību var lietot ar dažādiem modifikācijas stāvokļiem, piemēram, ' novietojiet kursoru ',' fokuss ' un ' aktīvs ”, lai attiecīgi izrotātu tekstu pēc lietotāja darbības.

1. piemērs: Teksta dekorēšanas pielietošana ar “virzīšanas” stāvokli

Šis piemērs attiecas uz ' teksta dekorēšana ” rekvizītu tā, lai tas pēc noklusējuma netiek pasvītrots, bet tiek pasvītrots, virzot peles kursoru:

< html >

< galvu >

< meta rakstzīmju kopa = 'utf-8' >

< meta nosaukums = 'skata logs' saturu = 'platums=ierīces platums, sākotnējais mērogs=1' >

< skripts src = 'https://cdn.tailwindcss.com' >< / skripts >< / galvu >

< ķermeni >

< teksta apgabals klasē = 'bez pasvītrojuma kursors: pasvītrojums' > Šis ir Tailwind CSS < / teksta apgabals >

< / ķermeni >

< / html >

Saskaņā ar šīm koda rindām norādiet CDN ceļu sadaļā “ ” tagu, lai izmantotu Tailwind funkcijas. Tagad izmantojiet kombinēto ' teksta dekorēšana ' īpašums kopā ar ' novietojiet kursoru ” norāda tā, lai, virzot uz elementa kursoru, tas kļūst pasvītrots.

Izvade

Kā redzams, ' </strong> ” elements ir pasvītrots, kad peles kursors tiek veiksmīgi novietots.</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> 2. piemērs:</strong> <a id="post-390687-yqkwqwlwf1ui"></a> <strong> Teksta dekorēšanas pielietošana ar “fokusa” stāvokli</strong> </h2> <p> Šis koda bloks rotā tekstu, iekļaujot ' <strong> fokuss</strong> ' Valsts. Tas pasvītro tekstu (nav pasvītrots pēc noklusējuma), kad elements tiek fokusēts, izmantojot ' <strong> Tab</strong> ” taustiņš:</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"> galvu</span></a> > <br> <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> meta</span></a> <span class="kw3"> rakstzīmju kopa</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"> nosaukums</span><span class="sy0"> =</span><span class="st0"> 'skata logs'</span> <span class="kw3"> saturu</span><span class="sy0"> =</span><span class="st0"> 'platums=ierīces platums, sākotnējais mērogs=1'</span> > <br> <br> < <a href="http://december.com/html/4/element/script.html"><span class="kw2"> skripts</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"> skripts</span></a> ><<span class="sy0"> /</span> <a href="http://december.com/html/4/element/head.html"><span class="kw2"> galvu</span></a> > <br> <br> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> ķermeni</span></a> > <br> <br> < <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> teksta apgabals</span></a> <span class="kw3"> klasē</span><span class="sy0"> =</span><span class="st0"> 'bez pasvītrojuma fokuss: pasvītrojums'</span> >Tas ir Tailwind CSS<<span class="sy0"> /</span> <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> teksta apgabals</span></a> > <br> <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> ķermeni</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> Saskaņā ar šo kodu:</p> <ul> <li> Līdzīgi iekļaujiet CDN ceļu un iekļaujiet “ <strong> <textarea></strong> ” elements.</li> <li> Pēc tam izmantojiet ' <strong> teksta dekorēšana</strong> ” rekvizītu, kas pēc noklusējuma neļauj tekstam pasvītrot.</li> <li> Saistītā ' <strong> fokuss</strong> ” stāvoklis pēc tam pasvītro tekstu, kad elements tiek fokusēts.</li> </ul> <p> <strong> Izvade</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> Šis rezultāts nozīmē, ka elementā ietvertais teksts tiek pasvītrots, nospiežot ' <strong> Tab</strong> ” taustiņu, t.i., elementa fokusēšana.</p> <h2> <strong> 3. piemērs:</strong> <a id="post-390687-mzdhsis01qe1"></a> <strong> Teksta dekorēšanas pielietošana ar “aktīvo” stāvokli</strong> </h2> <p> Šajā piemērā tekstu var dekorēt tā, lai ' <strong> līnijas cauri</strong> ” rekvizīts tiek piemērots tam, kad elements ir aktīvs:</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"> galvu</span></a> > <br> <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> meta</span></a> <span class="kw3"> rakstzīmju kopa</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"> nosaukums</span><span class="sy0"> =</span><span class="st0"> 'skata logs'</span> <span class="kw3"> saturu</span><span class="sy0"> =</span><span class="st0"> 'platums=ierīces platums, sākotnējais mērogs=1'</span> > <br> <br> < <a href="http://december.com/html/4/element/script.html"><span class="kw2"> skripts</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"> skripts</span></a> ><<span class="sy0"> /</span> <a href="http://december.com/html/4/element/head.html"><span class="kw2"> galvu</span></a> > <br> <br> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> ķermeni</span></a> > <br> <br> < <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> teksta apgabals</span></a> <span class="kw3"> klasē</span><span class="sy0"> =</span><span class="st0"> 'bez pasvītrojuma aktīva: līnija-through'</span> >Tas ir Tailwind CSS<<span class="sy0"> /</span> <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> teksta apgabals</span></a> > <br> <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> ķermeni</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> Šajā koda fragmentā veiciet tālāk norādītās darbības.</p> <ul> <li> Atgādiniet apspriestās metodoloģijas CDN ceļa iekļaušanai un “ <strong> <textarea></strong> ” elements.</li> <li> Tagad izmantojiet teksta apdari ' <strong> bez pasvītrojuma</strong> ' rekvizītu pēc noklusējuma un piešķiriet ' <strong> aktīvs</strong> 'stāvoklis ar ' <strong> līnijas cauri</strong> ”.</li> <li> Tādējādi, kad elements ir aktīvs, ietvertā teksta rinda tiek izvadīta.</li> </ul> <p> <strong> Izvade</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> No šī izvada var pārbaudīt, vai teksts ir atbilstoši noformēts atbilstoši pielietotajam stāvoklim.</p> <h2> <strong> Secinājums</strong> </h2> <p> Tekstu var dekorēt, izmantojot ' <strong> teksta dekorēšana</strong> ” īpašums. Šo īpašumu var lietot ar “ <strong> novietojiet kursoru</strong> ',' <strong> fokuss</strong> ' un ' <strong> aktīvs</strong> ” modifikators norāda, lai izrotātu tekstu, turot peles kursoru, kad elements ir fokusēts vai elements ir aktīvs.</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="/cits/" class="tag-cloud-link">Cits</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Kategorija</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Citi</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Tālummaiņa</a> </li><li> <a href="/cinnamon/">Kanēlis</a> </li><li> <a href="/reviews/">Atsauksmes</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/">Saspiešana</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Lidmašīna</a> </li><li> <a href="/office-productivity-software/">Biroja Produktivitātes Programmatūra</a> </li><li> <a href="/boot/">Boot</a> </li><li> <a href="/system-calls/">Sistēmas Zvani</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Tīklošana</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/">Dokeris</a> </li><li> <a href="/firewall/">Ugunsmūris</a> </li><li> <a href="/wireshark/">Wirehark</a> </li><li> <a href="/synology/">Sinoloģija</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/">Cildens</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Tālrunis</a> </li><li> <a href="/kodi/">Kods</a> </li><li> <a href="/gnome/">Rūķis</a> </li><li> <a href="/manjaro/">Delikatese</a> </li><li> <a href="/mouse/">Pele</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploīts</a> </li><li> <a href="/torrent/">Straume</a> </li><li> <a href="/tablet/">Tablete</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Čokurošanās</a> </li><li> <a href="/kde/">Kur</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fontus</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Attēlus</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Kalmārs</a> </li><li> <a href="/mate/">Palīgs</a> </li><li> <a href="/vlc-media-player/">Vlc Multivides Atskaņotājs</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitkoins</a> </li><li> <a href="/keyboard/">Tastatūra</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Šifrēšana</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Skeneris</a> </li><li> <a href="/atom/">Atoms</a> </li><li> <a href="/red-hat/">Sarkana Cepure</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Jupyter Piezīmju Grāmatiņa</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Emuārs</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Multivides Atskaņotāji</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Tvaiks</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Jauda</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Kvm</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Satvēriens</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/">Procesors</a> </li><li> <a href="/tensorflow/">Tenzora Plūsma</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 (Mantojums)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Birojs</a> </li><li> <a href="/cits/">Cits</a> </li><li> <a href="/timekla-kamera/">tīmekļa kamera</a> </li><li> <a href="/multivides-atskanotaji/">multivides atskaņotāji</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/rukis/">rūķis</a> </li><li> <a href="/cildens/">cildens</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nakamais-makonis/">nākamais mākonis</a> </li><li> <a href="/tikums/">tikums</a> </li><li> <a href="/usb-caurlaide/">usb caurlaide</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li><li> <a href="/ierices-caurlaide/">ierīces caurlaide</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/draivera-instalesana/">draivera instalēšana</a> </li><li> <a href="/wakeonlan/">wakeonlan</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Populārākas Posts</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/4D/pandas-case-when-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pandas-lieta-kad">Pandas lieta Kad</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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-get-current-timestamp-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-iegut-pasreizejo-laika-zimogu-java">Kā iegūt pašreizējo laika zīmogu Java</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/89/how-to-use-the-asyncio-library-in-langchain-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-lietot-asyncio-biblioteku-langchain">Kā lietot “asyncio” bibliotēku LangChain?</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/EC/docker-does-not-start-on-windows-start-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/docker-nedarbojas-operetajsistema-windows-start">Docker nedarbojas operētājsistēmā Windows Start</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/3D/how-to-convert-json-to-c-class-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-konvertet-json-uz-c-klasi">Kā konvertēt JSON uz C# klasi</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/FF/can-chatgpt-be-detected-by-turnitin-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/vai-turnitin-var-noteikt-chatgpt">Vai Turnitin var noteikt ChatGPT</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/7C/how-to-configure-deny-service-external-ips-in-kubernetes-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-kubernetes-konfiguret-pakalpojumu-liegsanas-arejos-ip">Kā Kubernetes konfigurēt pakalpojumu liegšanas ārējos IP</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/9B/how-to-use-range-based-for-loop-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-izmantot-diapazonu-kas-balstits-uz-cilpu-programma-c">Kā izmantot diapazonu, kas balstīts uz cilpu programmā C++</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/68/pyspark-selectexpr-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pyspark-selectexpr">PySpark SelectExpr()</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/38/how-to-import-the-excel-data-into-the-sql-server-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-importet-excel-datus-sql-serveri">Kā importēt Excel datus SQL serverī</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/ED/how-to-upload-a-theme-in-wordpress-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-augsupieladet-motivu-pakalpojuma-wordpress">Kā augšupielādēt motīvu pakalpojumā WordPress</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/BE/how-to-uninstall-microsoft-edge-browser-if-uninstall-is-grayed-out-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-atinstalet-microsoft-edge-parlukprogrammu-ja-atinstalet-ir-peleka-krasa">Kā atinstalēt Microsoft Edge pārlūkprogrammu, ja Atinstalēt ir pelēkā krāsā</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/how-to-rewrite-most-recent-commit-history-in-git-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-parrakstit-jaunako-saistibu-vesturi-pakalpojuma-git">Kā pārrakstīt jaunāko saistību vēsturi pakalpojumā Git?</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/6F/how-to-change-discord-email-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-nomainit-discord-e-pastu">Kā nomainīt Discord e-pastu</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/0C/best-raspberry-pi-media-players-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/labakie-raspberry-pi-multivides-atskanotaji">Labākie Raspberry Pi multivides atskaņotāji</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/4A/what-is-the-purpose-of-the-h-screen-property-in-tailwind-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kads-ir-rekvizita-h-screen-merkis-programma-tailwind">Kāds ir rekvizīta “h-screen” mērķis programmā Tailwind</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/get-kubernetes-ingress-log-for-debugging-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/iegustiet-kubernetes-ievades-zurnalu-atkludosanai">Iegūstiet Kubernetes ievades žurnālu atkļūdošanai</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/getting-started-with-powershell-and-the-pswindowsupdate-module-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/darba-saksana-ar-powershell-un-pswindows-atjauninasanas-moduli">Darba sākšana ar PowerShell un PSWindows atjaunināšanas moduli</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/89/how-to-use-the-sql-server-roles-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-izmantot-sql-servera-lomas">Kā izmantot SQL servera lomas</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/0F/linux-mint-vs-windows-10-speed-test-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/linux-mint-vs-windows-10-atruma-parbaude">Linux Mint vs Windows 10 ātruma pārbaude</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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>