টেইলউইন্ডে টেক্সট ডেকোরেশন থিকনেস সহ হোভার, ফোকাস এবং অ্যাক্টিভ স্টেটস কীভাবে প্রয়োগ করবেন

Te Ila U Inde Teksata Dekoresana Thikanesa Saha Hobhara Phokasa Ebam A Yaktibha Stetasa Kibhabe Prayoga Karabena

বিষয়বস্তু-ভিত্তিক সাইটগুলি তৈরি করার সময়, প্রোগ্রামারকে আরও ভাল ব্যবহারকারীর অভিজ্ঞতা এবং বোঝার জন্য গুরুত্বপূর্ণ পরিভাষাগুলি হাইলাইট করার জন্য প্রায়শই প্রয়োজন হয়। এমন একটি ক্ষেত্রে, ' টেক্সট সজ্জা পুরুত্ব টেইলউইন্ডে ইউটিলিটি কার্যকর হয় যা সাইটের লেআউট অনুযায়ী কাস্টম উপায়ে অন্তর্ভুক্ত করা যেতে পারে।

এই টিউটোরিয়াল নিম্নলিখিত বিষয়বস্তু ব্যাখ্যা করে:

টেলউইন্ডে টেক্সট ডেকোরেশন থিকনেস সহ হোভার, ফোকাস এবং অ্যাক্টিভ স্টেটস কীভাবে প্রয়োগ করবেন?
টেক্সট ডেকোরেশন পুরুত্ব প্রয়োগ করা হোভার ' অবস্থা.
টেক্সট ডেকোরেশন পুরুত্ব প্রয়োগ করা ফোকাস ' অবস্থা.
টেক্সট ডেকোরেশন পুরুত্ব প্রয়োগ করা সক্রিয় ' অবস্থা.

টেলউইন্ডে টেক্সট ডেকোরেশন থিকনেস সহ হোভার, ফোকাস এবং অ্যাক্টিভ স্টেটস কীভাবে প্রয়োগ করবেন?

দ্য ' টেক্সট প্রসাধন বেধ লক্ষ্য রাষ্ট্র ব্যবহার করে এই রাজ্যগুলির সাথে প্রয়োগ করা যেতে পারে এবং ' পাঠ্য-সজ্জা-বেধ ” বৈশিষ্ট্য পিক্সেলে লক্ষ্য পুরুত্ব মান অনুসরণ করে। এই পন্থাগুলির একীকরণ মাউস ঘোরালে, উপাদানটি ফোকাস করা বা সক্রিয় উপাদানের উপর পাঠ্য সজ্জার বেধ (পিক্সেলে) পরিবর্তন করে। এই পিক্সেল হতে পারে ' 1px ', ' 2px ', ' 4px 'বা' 8px ” এটি এমন যে যত বেশি পিক্সেল, তত বেধ।

উদাহরণ 1: 'হোভার' রাজ্যের সাথে পাঠ্য সজ্জা পুরুত্ব প্রয়োগ করা হচ্ছে

এই উদাহরণটি প্রয়োগ করে ' পাঠ্য-সজ্জা-বেধ 'এর সাথে সম্পত্তি' হোভার ' মাউস হোভারের উপর বেধ সেট করতে অবস্থা:

< html >

< মাথা >

< মেটা অক্ষর সেট = 'UTF-8' >

< মেটা নাম = 'ভিউপোর্ট' বিষয়বস্তু = 'প্রস্থ=ডিভাইস-প্রস্থ, প্রাথমিক-স্কেল=1' >

< লিপি src = 'https://cdn.tailwindcss.com' < / লিপি < / মাথা >

< শরীর >

< textarea ক্লাস = 'আন্ডারলাইন হোভার: ডেকোরেশন-4' > জেমস সময়নিষ্ঠ < / textarea >

< / শরীর >

< / 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"> textarea</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"> textarea</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"> textarea</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"> textarea</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="/an-yan-ya/" 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/">লারাভেল</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/">তোতা ওএস</a> </li><li> <a href="/sublime/">মহৎ</a> </li><li> <a href="/selinux/">সেলিনাক্স</a> </li><li> <a href="/hyper-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/">পাইচার্ম</a> </li><li> <a href="/curl/">কার্ল</a> </li><li> <a href="/kde/">কোথায়</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">ফন্ট</a> </li><li> <a href="/ssl/">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/">Inkscape</a> </li><li> <a href="/encryption/">জোড়া লাগানো</a> </li><li> <a href="/fedora/">ফেডোরা</a> </li><li> <a href="/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/">জুপিটার নোটবুক</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">ব্লগ</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">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/">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/">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="/an-yan-ya/">অন্যান্য</a> </li><li> <a href="/ska-ipa/">স্কাইপ</a> </li><li> <a href="/di-ena-esa/">ডিএনএস</a> </li><li> <a href="/raspaberi-pa-i/">রাস্পবেরি পাই</a> </li><li> <a href="/oyebakyama/">ওয়েবক্যাম</a> </li><li> <a href="/midiya-pleyara/">মিডিয়া প্লেয়ার</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/hyapraksi/">হ্যাপ্রক্সি</a> </li><li> <a href="/jinoma/">জিনোম</a> </li><li> <a href="/buta/">বুট</a> </li><li> <a href="/mahat/">মহৎ</a> </li><li> <a href="/ubuntu-24-04-cat/">উবুন্টু 24.04</a> </li><li> <a href="/parabarti-megha/">পরবর্তী মেঘ</a> </li><li> <a href="/punya/">পুণ্য</a> </li><li> <a href="/enabhidiya/">এনভিডিয়া</a> </li><li> <a href="/i-u-esabi-pasathru/">ইউএসবি-পাসথ্রু</a> </li><li> <a href="/phedora/">ফেডোরা</a> </li><li> <a href="/nirapada-buta/">#নিরাপদ বুট</a> </li><li> <a href="/dibha-isa-pasathru/">ডিভাইস-পাসথ্রু</a> </li><li> <a href="/esadi-ena/">এসডিএন</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/D8/numpy-docstring-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/numpy-dakastrim">NumPy ডকস্ট্রিং</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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/13/sql-server-create-synonym-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/esaki-u-ela-sarbhara-pratisabda-tairi-karuna">এসকিউএল সার্ভার প্রতিশব্দ তৈরি করুন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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/68/how-to-use-hugging-face-transformers-in-python-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pa-ithane-hagim-phesa-transapharamara-kibhabe-byabahara-karabena">পাইথনে হাগিং ফেস ট্রান্সফরমার কীভাবে ব্যবহার করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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/51/how-to-check/uncheck-the-checkbox-using-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-jabhaskripta-byabahara-kare-cekabaksa-ceka/anaceka-karabena">কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করে চেকবক্স চেক/আনচেক করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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/49/how-to-restart-the-network-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/raspaberi-pa-ite-kibhabe-neta-oyarka-punaraya-calu-karabena">রাস্পবেরি পাইতে কীভাবে নেটওয়ার্ক পুনরায় চালু করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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/58/how-to-git-merge-beginner-git-tutorial-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-gita-marja-karabena-siksanabisa-gita-ti-utoriyala">কিভাবে গিট মার্জ করবেন | শিক্ষানবিস গিট টিউটোরিয়াল</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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/E5/how-to-create-git-repository-for-remote-projects-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/durabarti-prakalpagulira-jan-ya-gita-sangrahasthala-kibhabe-tairi-karabena">দূরবর্তী প্রকল্পগুলির জন্য গিট সংগ্রহস্থল কীভাবে তৈরি করবেন?</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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/9F/how-to-create-json-from-sqlite-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-sqlite-theke-json-tairi-karabena">কিভাবে SQLite থেকে JSON তৈরি করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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/F6/how-to-resolve-the-require-is-not-defined-error-in-javascript-node-js-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/javascript-node-js-e-prayojana-sanjnayita-naya-truti-kibhabe-samadhana-karabena">JavaScript/Node.js-এ 'প্রয়োজন সংজ্ঞায়িত নয়' ত্রুটি কীভাবে সমাধান করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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/68/how-to-use-grep-comand-to-print-the-file-name-only-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sudhumatra-pha-ilera-nama-printa-karate-grepa-kamanda-kibhabe-byabahara-karabena">শুধুমাত্র ফাইলের নাম প্রিন্ট করতে গ্রেপ কমান্ড কিভাবে ব্যবহার করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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/D3/c-getters-and-setters-methods-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/c-getara-ebam-setarsa-pad-dhati">C++ গেটার এবং সেটার্স পদ্ধতি</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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/A2/how-to-clear-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-matlab-sapha-karabena">কিভাবে MATLAB সাফ করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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/B2/how-to-use-stable-sort-function-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-c-e-stable-sort-phansana-byabahara-karabena">কিভাবে C++ এ stable_sort() ফাংশন ব্যবহার করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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/E1/explain-docker-compose-with-example-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/udaharana-saha-dakara-racana-byakhya-karuna">উদাহরণ সহ ডকার রচনা ব্যাখ্যা করুন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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/9D/how-to-use-the-open-file-dialog-in-c-applications-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/c-a-yaplikesanagulite-opena-pha-ila-dayalagati-kibhabe-byabahara-karabena">C# অ্যাপ্লিকেশনগুলিতে ওপেন ফাইল ডায়ালগটি কীভাবে ব্যবহার করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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/49/easy-to-update-drivers-in-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/u-indoje-dra-ibhara-apadeta-kara-sahaja">উইন্ডোজে ড্রাইভার আপডেট করা সহজ</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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/F1/how-to-increase-memory-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/raspaberi-pa-ite-kibhabe-memari-barano-yaya">রাস্পবেরি পাইতে কীভাবে মেমরি বাড়ানো যায়</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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/C4/how-to-use-trim-function-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-c-e-trim-phansana-byabahara-karabena">কিভাবে C# এ Trim() ফাংশন ব্যবহার করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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/83/how-to-use-rand-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-c-e-rand-byabahara-karabena">কিভাবে C++ এ rand() ব্যবহার করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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/3A/how-to-set-alarm-on-macbook-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-macbook-e-a-yalarma-seta-karabena">কিভাবে MacBook এ অ্যালার্ম সেট করবেন?</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><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>