Tailwind میں متن کی سجاوٹ کی موٹائی کے ساتھ ہوور، فوکس اور ایکٹیو اسٹیٹس کو کیسے لاگو کریں

Tailwind My Mtn Ky Sjaw Ky Mw Ayy K Sat Wwr Fwks Awr Ayk Yw As Y S Kw Kys Lagw Kry

مواد پر مبنی سائٹس بناتے وقت، پروگرامر کے لیے اکثر یہ ضرورت ہوتی ہے کہ وہ صارف کے بہتر تجربے اور سمجھ بوجھ کے لیے اہم اصطلاحات کو اجاگر کرے۔ ایسی صورت میں ' متن کی سجاوٹ کی موٹائی Tailwind میں افادیت عمل میں آتی ہے جسے سائٹ کے لے آؤٹ کے مطابق اپنی مرضی کے مطابق شامل کیا جا سکتا ہے۔

یہ ٹیوٹوریل مندرجہ ذیل مواد کی وضاحت کرتا ہے:

Tailwind میں متن کی سجاوٹ کی موٹائی کے ساتھ ہوور، فوکس اور ایکٹیو اسٹیٹس کو کیسے اپلائی کریں؟
متن کی سجاوٹ کی موٹائی کو ' کے ساتھ لاگو کرنا ہوور ' حالت.
متن کی سجاوٹ کی موٹائی کو ' کے ساتھ لاگو کرنا توجہ مرکوز ' حالت.
متن کی سجاوٹ کی موٹائی کو ' کے ساتھ لاگو کرنا فعال ' حالت.

Tailwind میں متن کی سجاوٹ کی موٹائی کے ساتھ ہوور، فوکس اور ایکٹیو اسٹیٹس کو کیسے اپلائی کریں؟

' متن کی سجاوٹ کی موٹائی 'ان ریاستوں کے ساتھ ہدف ریاست اور ' متن کی سجاوٹ کی موٹائی ” پراپرٹی جس کے بعد ہدف کی موٹائی کی قیمت پکسلز میں ہوتی ہے۔ ان طریقوں کا انضمام ماؤس کے ہور پر، عنصر کے فوکس ہونے، یا عنصر کے فعال ہونے پر متن کی سجاوٹ کی موٹائی (پکسلز میں) کو تبدیل کرتا ہے۔ یہ پکسلز ہو سکتے ہیں ' 1px '،' 2px '،' 4px 'یا' 8px ' یہ اس طرح ہے کہ زیادہ پکسلز، زیادہ موٹائی ہے.

مثال 1: متن کی سجاوٹ کی موٹائی کو 'ہوور' حالت کے ساتھ لاگو کرنا

اس مثال کا اطلاق ہوتا ہے ' متن کی سجاوٹ کی موٹائی 'کے ساتھ جائیداد' ہوور ماؤس ہوور پر موٹائی سیٹ کرنے کے لیے حالت:

< html >

< سر >

< میٹا چار سیٹ = 'utf-8' >

< میٹا نام = 'ویو پورٹ' مواد = 'چوڑائی = ڈیوائس کی چوڑائی، ابتدائی پیمانہ = 1' >

< سکرپٹ src = 'https://cdn.tailwindcss.com' >< / سکرپٹ >< / سر >

< جسم >

< ٹیکسٹیریا کلاس = 'انڈر لائن ہوور: سجاوٹ-4' > جیمز وقت کا پابند ہے۔ < / ٹیکسٹیریا >

< / جسم >

< / html >

اس کوڈ کے ٹکڑوں میں، Tailwind کی خصوصیات کو استعمال کرنے کے لیے '' ٹیگ کے اندر CDN پاتھ شامل کریں۔ اس کے بعد، اندر ' </strong> عنصر، وضاحت کریں <strong> ہوور</strong> 'درخواست کے ساتھ ریاست' <strong> متن کی سجاوٹ کی موٹائی</strong> ' خاصیت جو ڈیفالٹ انڈر لائن سے سجاوٹ کی موٹائی کو ماؤس ہور پر '4' پکسلز کی بڑھتی ہوئی موٹائی پر سیٹ کرتی ہے۔</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="4"></ins><br /> <p> <strong> آؤٹ پٹ</strong> </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> <img class="wp-image-390646" src="https://softoban.com/img/other/1C/how-to-apply-hover-focus-and-active-states-with-text-decoration-thickness-in-tailwind-1.gif"></p> <p> اس آؤٹ پٹ کا مطلب ہے کہ ٹیکسٹ ڈیکوریشن کی موٹائی یعنی انڈر لائن اسی کے مطابق سیٹ کی گئی ہے۔</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:</strong> <a id="post-390628-e5ijh56k10at"></a> <strong> متن کی سجاوٹ کی موٹائی کو 'فوکس' حالت کے ساتھ لاگو کرنا</strong> </h2> <p> مندرجہ ذیل مثال کا کوڈ متن کی سجاوٹ کی موٹائی کو ایک ہدف پکسل ویلیو پر لاگو کرتا ہے جب عنصر 'کا استعمال کرتے ہوئے توجہ مرکوز کرتا ہے۔ <strong> ٹیب</strong> ' چابی:</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"> سر</span></a> > <br> <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> میٹا</span></a> <span class="kw3"> چار سیٹ</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"> میٹا</span></a> <span class="kw3"> نام</span><span class="sy0"> =</span><span class="st0"> 'ویو پورٹ'</span> <span class="kw3"> مواد</span><span class="sy0"> =</span><span class="st0"> 'چوڑائی = ڈیوائس کی چوڑائی، ابتدائی پیمانہ = 1'</span> > <br> <br> < <a href="http://december.com/html/4/element/script.html"><span class="kw2"> سکرپٹ</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"> سکرپٹ</span></a> ><<span class="sy0"> /</span> <a href="http://december.com/html/4/element/head.html"><span class="kw2"> سر</span></a> > <br> <br> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> جسم</span></a> > <br> <br> < <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> ٹیکسٹیریا</span></a> <span class="kw3"> کلاس</span><span class="sy0"> =</span><span class="st0"> 'انڈر لائن ڈیکوریشن-1 فوکس: ڈیکوریشن-4'</span> جیمز وقت کے پابند ہیں<<span class="sy0"> /</span> <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> ٹیکسٹیریا</span></a> > <br> <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> جسم</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> کوڈ کے اس بلاک میں، CDN پاتھ کو شامل کرنے کے لیے زیر بحث طریقوں کو دہرائیں اور ' <strong> <textarea></strong> ' عنصر. اب، منتقلی موٹائی کے ساتھ پہلے سے طے شدہ موٹائی کی وضاحت کریں، یعنی '4' پکسلز کے ساتھ۔ <strong> توجہ مرکوز</strong> تبدیلی کو متحرک حالت پر لاگو کرنے کے لیے ریاست۔</p> <p> <strong> نوٹ:</strong> پہلے سے طے شدہ ' <strong> انڈر لائن</strong> ' اور ' <strong> انڈر لائن سجاوٹ-1</strong> خصوصیات ایک ہی نتیجہ دیتی ہیں۔</p> <p> <strong> آؤٹ پٹ</strong> </p> <p> <img class="wp-image-390649" src="https://softoban.com/img/other/1C/how-to-apply-hover-focus-and-active-states-with-text-decoration-thickness-in-tailwind-2.gif"></p> <p> اس آؤٹ پٹ سے، اس بات کی تصدیق کی جا سکتی ہے کہ متن کی سجاوٹ کی موٹائی اسی کے مطابق منتقل کی گئی ہے۔</p> <h2> <strong> مثال 3:</strong> <a id="post-390628-3qkrf9u1clo2"></a> <strong> متن کی سجاوٹ کی موٹائی کو 'فعال' حالت کے ساتھ لاگو کرنا</strong> </h2> <p> اس کوڈ کے ٹکڑوں میں، عنصر کے فعال ہونے پر متن کی سجاوٹ کی موٹائی کو تبدیل کیا جاتا ہے:</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"> سر</span></a> > <br> <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> میٹا</span></a> <span class="kw3"> چار سیٹ</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"> میٹا</span></a> <span class="kw3"> نام</span><span class="sy0"> =</span><span class="st0"> 'ویو پورٹ'</span> <span class="kw3"> مواد</span><span class="sy0"> =</span><span class="st0"> 'چوڑائی = ڈیوائس کی چوڑائی، ابتدائی پیمانہ = 1'</span> > <br> <br> < <a href="http://december.com/html/4/element/script.html"><span class="kw2"> سکرپٹ</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"> سکرپٹ</span></a> ><<span class="sy0"> /</span> <a href="http://december.com/html/4/element/head.html"><span class="kw2"> سر</span></a> > <br> <br> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> جسم</span></a> > <br> <br> < <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> ٹیکسٹیریا</span></a> <span class="kw3"> کلاس</span><span class="sy0"> =</span><span class="st0"> 'انڈر لائن سجاوٹ-1 فعال: سجاوٹ-8'</span> جیمز وقت کے پابند ہیں<<span class="sy0"> /</span> <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> ٹیکسٹیریا</span></a> > <br> <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> جسم</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> ان کوڈ لائنوں کے مطابق، اسی طرح، CDN پاتھ اور '<textarea>' عنصر کو شامل کریں۔ آگے بڑھتے ہوئے، وضاحت کریں ' <strong> فعال</strong> 'ریاست کریں اور لاگو کریں' <strong> متن کی سجاوٹ کی موٹائی</strong> ' خاصیت اس طرح کہ موٹائی عنصر کے فعال ہونے کی بجائے '1' پکسلز سے '8' پکسلز میں تبدیل ہو جاتی ہے یعنی اس پر کلک کرنے سے۔</p> <p> <strong> آؤٹ پٹ</strong> </p> <p> <img class="wp-image-390663" src="https://softoban.com/img/other/1C/how-to-apply-hover-focus-and-active-states-with-text-decoration-thickness-in-tailwind-3.gif"></p> <p> جیسا کہ مشاہدہ کیا گیا ہے، ٹیکسٹ ڈیکوریشن کی موٹائی یعنی عنصر کے اندر کلک کرنے پر انڈر لائن کو '8' پکسلز میں تبدیل کر دیا جاتا ہے، یعنی عنصر کے مناسب طریقے سے فعال ہونا۔</p> <h2> <strong> نتیجہ</strong> </h2> <p> ' <strong> ہوور</strong> '،' <strong> توجہ مرکوز</strong> 'اور' <strong> فعال</strong> 'ریاستوں کو' کے ساتھ لاگو کیا جا سکتا ہے <strong> متن کی سجاوٹ کی موٹائی</strong> عنصر کے منڈلاتے ہوئے ماؤس پر موٹائی سیٹ کرنے کی خاصیت، عنصر کا فوکس ہو رہا ہے، یا عنصر بالترتیب فعال ہے۔ اس تحریر نے ٹیل ونڈ میں متن کی سجاوٹ کی موٹائی کے ساتھ ہوور، فوکس، اور فعال حالتوں کو لاگو کرنے کا طریقہ دکھایا ہے۔</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="/dygr/" class="tag-cloud-link">دیگر</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">زمرے</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">راسباری پائی</a> </li><li> <a href="/ethernet/">ایتھرنیٹ</a> </li><li> <a href="/other/">دیگر</a> </li><li> <a href="/nano/">نینو</a> </li><li> <a href="/zoom/">زوم</a> </li><li> <a href="/cinnamon/">دار چینی</a> </li><li> <a href="/reviews/">جائزے</a> </li><li> <a href="/zorinos/">زورین او ایس۔</a> </li><li> <a href="/radio/">ریڈیو</a> </li><li> <a href="/minecraft/">مائن کرافٹ</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">کمپریشن</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">ائیر کریک</a> </li><li> <a href="/office-productivity-software/">آفس پروڈکٹیویٹی سافٹ ویئر۔</a> </li><li> <a href="/boot/">بوٹ</a> </li><li> <a href="/system-calls/">سسٹم کالز۔</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">نیٹ ورکنگ</a> </li><li> <a href="/gpu/">جی پی یو</a> </li><li> <a href="/gimp/">جیمپ</a> </li><li> <a href="/plex/">پلیکس</a> </li><li> <a href="/uefi/">یوئیفی</a> </li><li> <a href="/docker/">ڈاکر</a> </li><li> <a href="/firewall/">فائر وال</a> </li><li> <a href="/wireshark/">وائر شارک</a> </li><li> <a href="/synology/">ترکیب</a> </li><li> <a href="/pdf/">پی ڈی ایف</a> </li><li> <a href="/ethereum/">ایتھریم</a> </li><li> <a href="/parrot-os/">طوطا Os</a> </li><li> <a href="/sublime/">شاندار</a> </li><li> <a href="/selinux/">سیلینکس</a> </li><li> <a href="/hyper-v/">ہائپر- V</a> </li><li> <a href="/phone/">فون</a> </li><li> <a href="/kodi/">کوڈ</a> </li><li> <a href="/gnome/">گنووم</a> </li><li> <a href="/manjaro/">نزاکت</a> </li><li> <a href="/mouse/">ماؤس</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">میٹاسپلوٹ</a> </li><li> <a href="/torrent/">ٹورینٹ</a> </li><li> <a href="/tablet/">گولی</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">کرل</a> </li><li> <a href="/kde/">کہاں</a> </li><li> <a href="/gcc/">جی سی سی</a> </li><li> <a href="/fonts/">فونٹس</a> </li><li> <a href="/ssl/">ایس ایس ایل</a> </li><li> <a href="/nvidia/">نیوڈیا</a> </li><li> <a href="/images/">تصاویر</a> </li><li> <a href="/usb/">یو ایس بی</a> </li><li> <a href="/squid/">سکویڈ</a> </li><li> <a href="/mate/">ساتھی</a> </li><li> <a href="/vlc-media-player/">وی ایل سی میڈیا پلیئر۔</a> </li><li> <a href="/dns/">ڈی این ایس</a> </li><li> <a href="/bitcoin/">بٹ کوائن</a> </li><li> <a href="/keyboard/">کی بورڈ</a> </li><li> <a href="/inkscape/">انک اسکیپ</a> </li><li> <a href="/encryption/">خفیہ کاری</a> </li><li> <a href="/fedora/">فیڈورا</a> </li><li> <a href="/owncloud/">Owncloud۔</a> </li><li> <a href="/scanner/">سکینر</a> </li><li> <a href="/atom/">ایٹم</a> </li><li> <a href="/red-hat/">لال ٹوپی</a> </li><li> <a href="/teamviewer/">ٹیم ویوور۔</a> </li><li> <a href="/skype/">اسکائپ</a> </li><li> <a href="/vpn/">وی پی این</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Jupyter نوٹ بک۔</a> </li><li> <a href="/nfs/">این ایف ایس</a> </li><li> <a href="/blog/">بلاگ</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">ایس یو ایس ای۔</a> </li><li> <a href="/media-players/">میڈیا پلیئرز</a> </li><li> <a href="/posix/">پوزکس</a> </li><li> <a href="/steam/">بھاپ</a> </li><li> <a href="/jenkins/">جینکنز</a> </li><li> <a href="/power/">طاقت</a> </li><li> <a href="/oracle-linux/">اوریکل لینکس۔</a> </li><li> <a href="/netstat/">نیٹ اسٹیٹ</a> </li><li> <a href="/kvm/">مربع میٹر</a> </li><li> <a href="/bluetooth/">بلوٹوتھ</a> </li><li> <a href="/ssd/">ایس ایس ڈی</a> </li><li> <a href="/grep/">گرفت</a> </li><li> <a href="/gentoo/">جنٹو</a> </li><li> <a href="/odyssey/">اوڈیسی</a> </li><li> <a href="/audio/">آڈیو۔</a> </li><li> <a href="/cpu/">سی پی یو</a> </li><li> <a href="/tensorflow/">ٹینسر فلو</a> </li><li> <a href="/autodesk/">آٹوڈیسک</a> </li><li> <a href="/lubuntu/">لبنٹو</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">ونڈوز</a> </li><li> <a href="/microsoft-edge/">مائیکروسافٹ ایج (میراث)</a> </li><li> <a href="/internet-explorer/">انٹرنیٹ ایکسپلورر</a> </li><li> <a href="/office/">دفتر</a> </li><li> <a href="/dygr/">دیگر</a> </li><li> <a href="/askayp/">اسکائپ</a> </li><li> <a href="/y-ayn-ays/">ڈی این ایس</a> </li><li> <a href="/rasbary-payy/">راسباری پائی</a> </li><li> <a href="/wyb-kmyr/">ویب کمیرہ</a> </li><li> <a href="/my-ya-plyyrz/">میڈیا پلیئرز</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/jynwm/">جینوم</a> </li><li> <a href="/bw/">بوٹ</a> </li><li> <a href="/shandar/">شاندار</a> </li><li> <a href="/awbn-w-24-04-cat/">اوبنٹو 24.04</a> </li><li> <a href="/agla-badl/">اگلا بادل</a> </li><li> <a href="/fdylt/">فضیلت</a> </li><li> <a href="/usb-pas-t-rw/">USB پاس تھرو</a> </li><li> <a href="/fy-wra/">فیڈورا</a> </li><li> <a href="/mhfwz-bw/">#محفوظ بوٹ</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">مقبول خطوط</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/FC/how-to-use-rpm-command-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/lynks-my-rpm-kman-ka-ast-mal-kys-kry">لینکس میں RPM کمانڈ کا استعمال کیسے کریں۔</a> </h3> <div class="meta"> <div> <a href="/dygr/"><span class="icon-chat"></span> دیگر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A3/how-to-clear-arduino-serial-buffer-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/arduino-syryl-bfr-kw-kys-saf-kry">Arduino سیریل بفر کو کیسے صاف کریں۔</a> </h3> <div class="meta"> <div> <a href="/dygr/"><span class="icon-chat"></span> دیگر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/windows/18/windows-7-lets-you-change-logon-background-image-winhelponline.png);"></a> <div class="text"> <h3 class="heading"> <a href="/windows-7-lets-you-change-logon-background-image-winhelponline">ونڈوز 7 آپ کو لاگ ان بیک گراؤنڈ امیج - ون ہیلپون لائن کو تبدیل کرنے دیتا ہے</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> ونڈوز</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/80/how-do-i-run-8220-apt-get-install-8221-in-docker-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/my-wkr-my-apt-get-install-kys-chla-skta-w">میں ڈوکر میں 'apt-get install' کیسے چلا سکتا ہوں۔</a> </h3> <div class="meta"> <div> <a href="/dygr/"><span class="icon-chat"></span> دیگر</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/87/how-to-set-up-and-use-cron-jobs-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/lynks-my-krwn-jabz-kw-sy-ap-awr-ast-mal-krn-ka-tryq">لینکس میں کرون جابز کو سیٹ اپ اور استعمال کرنے کا طریقہ</a> </h3> <div class="meta"> <div> <a href="/dygr/"><span class="icon-chat"></span> دیگر</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/BD/how-to-use-length-based-example-selector-in-langchain-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/langchain-my-lmbayy-pr-mbny-mthal-slyk-r-ka-ast-mal-kys-kry">LangChain میں لمبائی پر مبنی مثال سلیکٹر کا استعمال کیسے کریں؟</a> </h3> <div class="meta"> <div> <a href="/dygr/"><span class="icon-chat"></span> دیگر</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/B8/how-to-use-viewport-meta-tag-for-responsive-web-design-in-html-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/aych-y-aym-ayl-my-ryspansyw-wyb-yzayn-k-ly-wyw-pwr-my-a-yg-ka-ast-mal-kys-kry">ایچ ٹی ایم ایل میں ریسپانسیو ویب ڈیزائن کے لیے ویو پورٹ میٹا ٹیگ کا استعمال کیسے کریں؟</a> </h3> <div class="meta"> <div> <a href="/dygr/"><span class="icon-chat"></span> دیگر</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/C9/install-conda-on-ubuntu-24-04-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ubuntu-24-04-pr-kwn-a-ans-al-kry">Ubuntu 24.04 پر کونڈا انسٹال کریں۔</a> </h3> <div class="meta"> <div> <a href="/dygr/"><span class="icon-chat"></span> دیگر</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/6C/how-to-install-kmplayer-on-ubuntu-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ubuntu-pr-kmplayer-kw-kys-ans-al-kry">Ubuntu پر KMPlayer کو کیسے انسٹال کریں۔</a> </h3> <div class="meta"> <div> <a href="/dygr/"><span class="icon-chat"></span> دیگر</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/97/how-to-use-regex-whitespace-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jawa-my-ryjyks-way-aspys-ka-ast-mal-kys-kry">جاوا میں ریجیکس وائٹ اسپیس کا استعمال کیسے کریں۔</a> </h3> <div class="meta"> <div> <a href="/dygr/"><span class="icon-chat"></span> دیگر</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/A8/how-to-use-reference-parameters-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/c-my-hwal-pyramy-rz-ka-ast-mal-kys-kry">C++ میں حوالہ پیرامیٹرز کا استعمال کیسے کریں۔</a> </h3> <div class="meta"> <div> <a href="/dygr/"><span class="icon-chat"></span> دیگر</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/the-sshd-config-file-complete-guide-for-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/lynks-k-ly-sshd-config-fayl-mkml-gayy">لینکس کے لیے Sshd_Config فائل مکمل گائیڈ</a> </h3> <div class="meta"> <div> <a href="/dygr/"><span class="icon-chat"></span> دیگر</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-use-the-set-itemproperty-microsoft-powershell-management-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/set-itemproperty-microsoft-powershell-management-ka-ast-mal-kys-kry">Set-ItemProperty (Microsoft.PowerShell.Management) کا استعمال کیسے کریں؟</a> </h3> <div class="meta"> <div> <a href="/dygr/"><span class="icon-chat"></span> دیگر</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/fix-8220-wrong-find-album-info-link-8221-in-windows-media-player-restore-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/wn-wz-my-ya-plyyr-rys-wr-my-ghlt-tlash-albm-ky-m-lwmat-ka-lnk-kw-drst-kry">ونڈوز میڈیا پلیئر ریسٹور میں 'غلط تلاش البم کی معلومات کا لنک' کو درست کریں۔</a> </h3> <div class="meta"> <div> <a href="/dygr/"><span class="icon-chat"></span> دیگر</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/21/how-to-install-peazip-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/lynks-mn-21-pr-py-zp-kw-kys-ans-al-kry">لینکس منٹ 21 پر پی زپ کو کیسے انسٹال کریں۔</a> </h3> <div class="meta"> <div> <a href="/dygr/"><span class="icon-chat"></span> دیگر</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/7A/potential-difference-and-resistor-voltage-division-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/mmkn-frq-awr-ryzs-r-wwl-yj-wyzhn">ممکنہ فرق اور ریزسٹر وولٹیج ڈویژن</a> </h3> <div class="meta"> <div> <a href="/dygr/"><span class="icon-chat"></span> دیگر</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/CF/what-is-port-mapping-in-docker-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/wkr-my-pwr-mypng-kya">ڈوکر میں پورٹ میپنگ کیا ہے؟</a> </h3> <div class="meta"> <div> <a href="/dygr/"><span class="icon-chat"></span> دیگر</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/how-to-determine-the-url-that-a-local-git-repository-was-originally-cloned-from-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/yw-ar-ayl-ka-t-yn-kys-kry-k-mqamy-g-rypwz-ry-kw-asl-my-klwn-kya-gya-t-a">یو آر ایل کا تعین کیسے کریں کہ مقامی گٹ ریپوزٹری کو اصل میں کلون کیا گیا تھا؟</a> </h3> <div class="meta"> <div> <a href="/dygr/"><span class="icon-chat"></span> دیگر</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/how-to-use-suppresswarnings-annotation-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jawa-my-suppresswarnings-tshryh-ka-ast-mal-kys-kry">جاوا میں @SuppressWarnings تشریح کا استعمال کیسے کریں؟</a> </h3> <div class="meta"> <div> <a href="/dygr/"><span class="icon-chat"></span> دیگر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/9C/how-to-fix-systemctl-command-not-found-error-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/lynks-my-ss-m-sy-y-ayl-kman-n-y-mly-ghlty-kw-kys-yk-kry">لینکس میں سسٹم سی ٹی ایل کمانڈ نہیں ملی غلطی کو کیسے ٹھیک کریں۔</a> </h3> <div class="meta"> <div> <a href="/dygr/"><span class="icon-chat"></span> دیگر</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>