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

Te Ila U Inda Hobhara Phokasa Ebam A Yaktibha Steta Diye Teksata Dekoresana Kibhabe Prayoga Karabena

ওয়েব পৃষ্ঠা বা সাইটে বিভিন্ন কার্যকারিতা অন্তর্ভুক্ত করার সময়, এমন উদাহরণ রয়েছে যেখানে প্রোগ্রামারকে ইন্টারেক্টিভ লিঙ্কগুলি যুক্ত করতে হবে যা ব্যবহারকারীর ক্রিয়াকলাপের উপর বিশিষ্ট হয়ে ওঠে যেমন, মাউস হভার। এই ধরনের পরিস্থিতিতে, বিভিন্ন রাজ্যের সাথে সামঞ্জস্যপূর্ণ পাঠ্যটি সাইটটিকে আলাদা করে তুলতে বিস্ময়কর কাজ করে।

এই ব্লগটি নীচের বিষয়বস্তুর ক্ষেত্রগুলি কভার করে:

টেলউইন্ড হোভার, ফোকাস এবং সক্রিয় রাজ্যগুলির সাথে কীভাবে পাঠ্য সজ্জা প্রয়োগ করবেন?
'হোভার' রাজ্যের সাথে পাঠ্য সজ্জা প্রয়োগ করা হচ্ছে।
'ফোকাস' রাজ্যের সাথে পাঠ্য সজ্জা প্রয়োগ করা।
'সক্রিয়' অবস্থার সাথে পাঠ্য সজ্জা প্রয়োগ করা।

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

পাঠ্যটি 'এর মাধ্যমে সজ্জিত করা যেতে পারে পাঠ্য-সজ্জা 'সম্পত্তি। এই সম্পত্তিটি বিভিন্ন সংশোধক অবস্থার সাথে প্রয়োগ করা যেতে পারে যেমন ' হোভার ', ' ফোকাস ' এবং ' সক্রিয় ” ব্যবহারকারীর ক্রিয়া অনুসারে পাঠ্যটি সাজাতে।

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

এই উদাহরণটি প্রয়োগ করে ' পাঠ্য-সজ্জা ” সম্পত্তি এমন যে এটি ডিফল্টরূপে আন্ডারলাইন করা হয় না কিন্তু মাউস হোভারের উপর আন্ডারলাইন হয়ে যায়:

< html >

< মাথা >

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

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

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

< শরীর >

< textarea ক্লাস = 'নো-আন্ডারলাইন হোভার: আন্ডারলাইন' > এটি Tailwind CSS < / textarea >

< / শরীর >

< / html >

কোডের এই লাইন অনুসারে, 'এর মধ্যে CDN পাথ নির্দিষ্ট করুন <মাথা> Tailwind কার্যকারিতা ব্যবহার করার জন্য ট্যাগ। এখন, সম্মিলিত প্রয়োগ করুন ' পাঠ্য-সজ্জা 'সহ সম্পত্তি' হোভার ' এমনভাবে বলুন যে উপাদানটি ঘোরালে, এটি আন্ডারলাইন হয়ে যায়।

আউটপুট

দেখা গেছে, ' </strong> ” উপাদান সফলভাবে মাউস হভারের উপর আন্ডারলাইন করা হয়েছে।</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-390687-yqkwqwlwf1ui"></a> <strong> 'ফোকাস' রাজ্যের সাথে পাঠ্য সজ্জা প্রয়োগ করা</strong> </h2> <p> নিম্নলিখিত কোড ব্লক পাঠ্যকে অন্তর্ভুক্ত করে সাজায় <strong> ফোকাস</strong> ' অবস্থা. এটি 'এর মাধ্যমে ফোকাস করা উপাদানের উপর পাঠ্য (ডিফল্টরূপে আন্ডারলাইন করা নয়) আন্ডারলাইন করে <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"> 'নো-আন্ডারলাইন ফোকাস: আন্ডারলাইন'</span> >এটি হল Tailwind CSS<<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> এই কোড অনুযায়ী:</p> <ul> <li> একইভাবে, CDN পাথ অন্তর্ভুক্ত করুন এবং অন্তর্ভুক্ত করুন “ <strong> <textarea></strong> ' উপাদান।</li> <li> এর পরে, ব্যবহার করুন ' <strong> পাঠ্য-সজ্জা</strong> ” বৈশিষ্ট্য যা পাঠ্যকে ডিফল্টরূপে আন্ডারলাইন করে না।</li> <li> সংশ্লিষ্ট ' <strong> ফোকাস</strong> ” স্টেট তারপর উপাদান ফোকাস করার উপর পাঠ্যকে আন্ডারলাইন করে।</li> </ul> <p> <strong> আউটপুট</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> এই ফলাফলটি নির্দেশ করে যে উপাদানটিতে থাকা পাঠ্যটি 'টিপলে আন্ডারলাইন করে <strong> ট্যাব</strong> ” কী অর্থাৎ, উপাদানটিকে ফোকাস করা।</p> <h2> <strong> উদাহরণ 3:</strong> <a id="post-390687-mzdhsis01qe1"></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"> 'নো-আন্ডারলাইন সক্রিয়: লাইন-থ্রু'</span> >এটি হল Tailwind CSS<<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> কোডের এই স্নিপেটে, নীচের প্রদত্ত পদক্ষেপগুলি প্রয়োগ করুন:</p> <ul> <li> CDN পাথ এবং ' <strong> <textarea></strong> ' উপাদান।</li> <li> এখন, পাঠ্য সজ্জা প্রয়োগ করুন ' <strong> নো-আন্ডারলাইন</strong> ডিফল্টভাবে সম্পত্তি এবং বরাদ্দ করুন ' <strong> সক্রিয়</strong> ' সহ রাজ্য ' <strong> লাইন-থ্রু</strong> ”</li> <li> এটি ফলস্বরূপ উপাদান সক্রিয় থাকার উপর অন্তর্ভুক্ত পাঠ্যের মাধ্যমে লাইন করে।</li> </ul> <p> <strong> আউটপুট</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> এই আউটপুট থেকে, এটি যাচাই করা যেতে পারে যে পাঠ্যটি যথাযথভাবে প্রয়োগকৃত অবস্থা অনুসারে সজ্জিত করা হয়েছে।</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/12/power-bi-if-statement-a-comprehensive-tutorial-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pa-oyara-bi-if-stetamenta-ekati-byapaka-ti-utoriyala">পাওয়ার BI IF স্টেটমেন্ট: একটি ব্যাপক টিউটোরিয়াল</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/3F/what-is-the-lock-sound-on-an-iphone-in-sounds-haptics-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sa-undasa-ebam-hyapatikse-ekati-a-iphone-laka-sa-unda-ki">সাউন্ডস এবং হ্যাপটিক্সে একটি আইফোনে লক সাউন্ড কী</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/A7/how-to-change-the-proxy-settings-in-chrome-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-chrome-e-praksi-setinsa-paribartana-karabena">কিভাবে Chrome এ প্রক্সি সেটিংস পরিবর্তন করবেন?</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/BA/how-to-change-from-default-to-alternative-python-version-on-debian-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/debiyane-diphalta-theke-bikalpa-pa-ithana-sanskarane-kibhabe-paribartana-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/63/getting-started-micropython-with-thonny-ide-and-esp32-on-mac-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mac-e-thonny-ide-ebam-esp32-diye-micropython-suru-kara">Mac-এ Thonny IDE এবং ESP32 দিয়ে MicroPython শুরু করা</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/89/how-to-get-and-set-input-text-value-in-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-jabhaskripte-inaputa-teksata-bhyalu-pabena-ebam-seta-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/54/how-to-change-keyboard-color-in-android-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/a-yandrayede-kibordera-rana-kibhabe-paribartana-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/79/how-to-use-sample-database-in-mysql-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ma-i-esaki-u-ela-e-namuna-detabesa-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/5C/pandas-sum-column-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pandasa-samasti-kalama">পান্ডাস সমষ্টি কলাম</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/31/how-to-take-a-screenshot-on-an-alienware-laptop-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-ekati-eliyena-oyyara-lyapatape-ekati-skrinasata-ne-oya-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/windows/53/how-update-repair-folder-windows-xp-using-ntbackup-winhelponline.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/how-update-repair-folder-windows-xp-using-ntbackup-winhelponline">উইন্ডোজ এক্সপিতে এনটিব্যাকআপ - উইনহেলপলাইন ব্যবহার করে কীভাবে মেরামত ফোল্ডারটি আপডেট করবেন Update</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/EE/create-a-database-in-postgresql-using-the-createdb-command-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/createdb-kamanda-byabahara-kare-postgresql-e-ekati-databesa-tairi-karuna">Createdb কমান্ড ব্যবহার করে PostgreSQL এ একটি ডাটাবেস তৈরি করুন</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/3C/how-to-install-postgresml-on-rocky-linux-9-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/raki-linaksa-9-e-postagresa-ema-ela-kibhabe-inastala-karabena">রকি লিনাক্স 9 এ পোস্টগ্রেসএমএল কীভাবে ইনস্টল করবেন</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/62/how-to-reset-a-sequence-in-postgresql-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/postgresql-e-kibhabe-ekati-sikoyensa-riseta-karabena">PostgreSQL এ কিভাবে একটি সিকোয়েন্স রিসেট করবেন</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/87/how-to-convert-timestamp-to-date-format-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jabhaskripte-ta-imastyampake-kibhabe-tarikha-bin-yase-rupantara-kara-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/DB/what-does-ebs-do-in-aws-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/aws-e-ebs-ki-kare">AWS এ EBS কি করে?</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/3D/what-is-the-most-powerful-discord-bot-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sabaceye-saktisali-disakarda-bata-ki">সবচেয়ে শক্তিশালী ডিসকর্ড বট কি?</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/DF/how-to-make-neon-pet-in-adopt-me-roblox-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-niyana-posa-pranike-a-yadapta-mi-robalakse-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/88/pandas-join-vs-merge-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/panda-jayena-banama-marja">পান্ডা জয়েন বনাম মার্জ</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/F5/what-is-fw-bold-in-bootstrap-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/butastryape-fw-bolda-ki">বুটস্ট্র্যাপে fw-বোল্ড কি?</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>