সুচিপত্র:

একটি ওয়েবপেজে ক্লিপবোর্ড বোতামে একটি অনুলিপি স্থাপন করা: 5 টি ধাপ (ছবি সহ)
একটি ওয়েবপেজে ক্লিপবোর্ড বোতামে একটি অনুলিপি স্থাপন করা: 5 টি ধাপ (ছবি সহ)

ভিডিও: একটি ওয়েবপেজে ক্লিপবোর্ড বোতামে একটি অনুলিপি স্থাপন করা: 5 টি ধাপ (ছবি সহ)

ভিডিও: একটি ওয়েবপেজে ক্লিপবোর্ড বোতামে একটি অনুলিপি স্থাপন করা: 5 টি ধাপ (ছবি সহ)
ভিডিও: কিভাবে এক্সেলের সাথে ইমেল এবং ওয়েবসাইটের তথ্য যাচাই করবেন [স্ক্র্যাচ থেকে কোডিং + ফ্রি ডাউনলোড] 2024, জুলাই
Anonim
একটি ওয়েবপেজে ক্লিপবোর্ড বোতামে একটি অনুলিপি রাখা
একটি ওয়েবপেজে ক্লিপবোর্ড বোতামে একটি অনুলিপি রাখা

এটি সহজ মনে হতে পারে, এবং আমি এটি নির্দেশকগুলিতে রাখার জন্য নির্বোধ দেখতে পারি, কিন্তু বাস্তবে, এটি এত সহজ নয়। CSS, Jquery, HTML, কিছু অভিনব জাভাস্ক্রিপ্ট আছে, এবং, ভাল, আপনি জানেন।

ধাপ 1: একটি কলম তৈরি করুন

একটি কলম তৈরি করুন
একটি কলম তৈরি করুন

কোডেপেন নামে এই চমৎকার সাইট আছে। অতীতে, শুধু এইচটিএমএল -এ কোড করার জন্য, আমি ব্যবহার করতাম

  1. ফাইল এক্সপ্লোরার চালু করুন।
  2. আমার নথিতে যান।
  3. একটি txt ফাইল তৈরি করুন।
  4. সেই ফাইলটির নাম পরিবর্তন করে "MyHTMLDoc.html" করুন।
  5. সতর্কতা ডায়ালগে ঠিক আছে চাপুন।
  6. ফাইল এক্সপ্লোরার বন্ধ করুন।
  7. ভিজ্যুয়াল স্টুডিও খুলুন, যা পাঁচ মিনিট সময় নেয়।
  8. ভিসুয়াল স্টুডিওতে ফাইলটি খুলুন, এতে আরও পাঁচ মিনিট সময় লাগে। ভিএস খুব ধীর।
  9. শুরু করুন।
  10. আমার কাজ শেষ হলে, আমার কাজ দেখার জন্য আমাকে এজ এ ফাইলটি খুলতে হবে।

এখন, আপনাকে যা করতে হবে তা হল

  1. এজ চালু করুন।
  2. Https://www.codepen.io এ যান।
  3. উপরের ডান দিকের কোণে, নতুন কলম চাপুন।
  4. কোডিং শুরু করুন।

দেখুন এটা কতটা সহজ? শুধু আপনার JS, CSS এবং HTML তাদের নিজ নিজ বাক্সে প্রবেশ করুন। ফলাফল স্বয়ংক্রিয়ভাবে ডানদিকে প্রদর্শিত হবে।

আসলে, কোডেপেন অনেক বেশি ভাল, আমি আপনাকে এই মুহূর্তে আপনার অ্যাকাউন্ট তৈরি করার পরামর্শ দিচ্ছি। হ্যাঁ, আমি একটি বিজ্ঞাপন হতে ঘৃণা করি, কিন্তু আমি এটি সাহায্য করতে পারি না। এটা অনেক ভালো এটা নিয়ে আমি কিছুই করতে পারি না।

অথবা, যদি আপনি একটি অ্যাকাউন্ট তৈরি করতে না চান, তাহলে আপনি একটি অ্যাকাউন্ট ছাড়াই একটি কলম তৈরি করতে পারেন। আপনি ব্যবহারকারী নাম "ক্যাপ্টেন অ্যানোনিমাস" এর অধীনে আপনার কলম সংরক্ষণ করতে পারেন।

ধাপ 2: রেফারেন্স যোগ করুন

রেফারেন্স যোগ করুন
রেফারেন্স যোগ করুন

যেহেতু আমরা Jquery ব্যবহার করতে যাচ্ছি এবং এই (সত্যিই) দুর্দান্ত জিনিস "বেলুন.সিএসএস" নামে পরিচিত, তাই আমাদের প্রথমে রেফারেন্স যোগ করতে হবে। আপনি যদি নতুন হন, আমি আপনাকে কোডেপেনে এটি কীভাবে করব তা বলব।

  1. সেটিংস ক্লিক করুন।
  2. রেফারেন্স স্টাইল-শীট বা স্ক্রিপ্ট কিনা তার উপর নির্ভর করে CSS বা জাভাস্ক্রিপ্ট ক্লিক করুন।
  3. অ্যাড এক্সটার্নাল (জাভাস্ক্রিপ্ট বা সিএসএস) এর অধীনে রেফারেন্স যোগ করুন।

যোগ করুন:

bla bla bla: BLAAAAAAA !!!!

এখন এটি সরান এবং Jquery এবং Balloon.css এর জন্য আপনার প্রিয় CDN এর সাথে লিঙ্ক করে HTML ট্যাগটি রাখুন।

ধাপ 3: কোড

কোড
কোড

তার নিচে এই কোডটি যোগ করুন।

codepen.io/slate-coding/pen/oepQpX

আপনার কলমে কোডটি কপি/পেস্ট করুন।

ধাপ 4: আপনার প্রয়োজন অনুসারে সেই কোড পরিবর্তন করা

আপনার প্রয়োজন অনুসারে সেই কোড পরিবর্তন করা
আপনার প্রয়োজন অনুসারে সেই কোড পরিবর্তন করা

আপনি আপনার প্রয়োজন অনুসারে কলমের সাহায্যে যতটা খুশি বেড় করতে পারেন, তারপরে আপনি যেখানে খুশি সেখানে কোডটি কপি-পেস্ট করুন।

ধাপ 5: ডেমো

ডেমো
ডেমো

codepen.io/alexvgs/pen/oepQpX

প্রস্তাবিত: