একটি ট্যাগ ক্লাউড স্টাইল একটি সিএসএস ব্যবহার করুন
ট্যাগ মেঘ আইটেমগুলির একটি তালিকা একটি চাক্ষুষ চিত্রণ। আপনি প্রায়ই ব্লগগুলিতে ট্যাগ মেঘ দেখতে পাবেন। এটি ফ্লিকারের মত সাইটগুলি দ্বারা জনপ্রিয় করা হয়েছিল
ট্যাগ মেঘগুলি এমন একটি লিংকের তালিকা যা আকার ও ওজনে পরিবর্তন করে (কখনও কখনও রঙের হয়) কিছু পরিমাপযোগ্য বৈশিষ্ট্যের উপর নির্ভর করে। সর্বাধিক ট্যাগ মেঘগুলি জনপ্রিয়তার উপর ভিত্তি করে নির্মিত হয় বা সেই নির্দিষ্ট পৃষ্ঠাগুলির সাথে ট্যাগ করা পৃষ্ঠাগুলির সংখ্যা। কিন্তু আপনি আপনার সাইটে যে আইটেমগুলির তালিকা দেখানোর জন্য কমপক্ষে দুটি উপায় আছে তা থেকে একটি ট্যাগ ক্লাউড তৈরি করতে পারেন। উদাহরণ স্বরূপ:
- প্রবন্ধের জনপ্রিয়তা ইঙ্গিত শৈলী সঙ্গে বর্ণানুক্রমিকভাবে নিবন্ধের তালিকা।
- বর্ণানুসারে বর্ণানুক্রমিকভাবে ওয়েব সাইটগুলির একটি তালিকা যা আপনাকে সেরা পছন্দ করে তা নির্দেশ করে।
- মূল্য তালিকাভুক্ত তালিকাভুক্ত ওয়েব এডিটরগুলির একটি তালিকা শৈলীর সাথে নির্দেশ করে যা প্রতিটি পূর্বনির্ধারিত মানদণ্ডের সংখ্যার মধ্যে কতটুকু আসে তা নির্দেশ করে।
- আপনার ঘর থেকে তাদের তাদের দূরত্ব দূরত্ব ইঙ্গিত শৈলী সঙ্গে বন্ধুদের একটি তালিকা।
আপনি একটি ট্যাগ মেঘ তৈরি করতে হবে কি?
এটি একটি ট্যাগ মেঘ তৈরি করা সহজ, আপনি শুধুমাত্র দুটি জিনিস প্রয়োজন:
- আইটেমগুলির একটি তালিকা (যেমন ওয়েব নিবন্ধ, ওয়েব সাইট, বা আপনার বন্ধুদের)
- প্রতিটি আইটেমের জন্য একটি পরিমাপ (প্রতিদিন পৃষ্ঠা দেখার মত, আপনার অবস্থান 1-10, বা আপনার বাড়ির দূরত্ব)।
সর্বাধিক ট্যাগ মেঘগুলি লিঙ্কগুলির তালিকা, তাই প্রতিটি আইটেমের সাথে যুক্ত একটি ইউআরএল থাকলে এটি সাহায্য করে। কিন্তু যে একটি দৃশ্যমান অনুক্রমের তৈরি করতে প্রয়োজন হয় না।
জনপ্রিয় লিংক একটি ট্যাগ মেঘ তৈরি করার পদক্ষেপ
আমার সাইটে এমন নিবন্ধ আছে যা প্রতিদিন পৃষ্ঠা দেখে থাকে এবং এটি একটি ট্যাগ ক্লাউড তৈরি করার জন্য আমার জন্য একটি সহজ মেট্রিক। সুতরাং এই উদাহরণের জন্য, আমরা নিবন্ধের একটি তালিকা থেকে একটি ট্যাগ ক্লাউড তৈরি করব, জানুয়ারী 1 সপ্তাহের জন্য আমার সাইটে শীর্ষ 25 টি নিবন্ধ, ২007।
- আপনার অনুক্রমের মধ্যে কতগুলি স্তর আপনি চান তা নির্ধারণ করুন।
- আপনার ক্লাউডের যত স্তরে আপনার তালিকায় আইটেম আছে ততটুকু সম্ভব, এটি কোডে ক্লান্তি বোধ করে এবং পার্থক্য খুব কম হতে পারে আমি আপনার অনুক্রমের মধ্যে আরো 10 মাত্রা না থাকার সুপারিশ
- প্রতিটি স্তরের জন্য কাট বন্ধ পয়েন্ট নির্ধারণ করুন।
- এটা 1/10 স্লাইস মধ্যে প্রতিদিন আপনার পৃষ্ঠা দেখাগুলি কাটা হিসাবে হিসাবে সহজ হতে পারে - অর্থাৎ। যদি আপনার সাইটের সবচেয়ে বড় পৃষ্ঠাটি 100 পৃষ্ঠার একটি দিন দেখায়, তাহলে আপনি 100+, 90-100, 80-90, 70-80 ইত্যাদি হিসাবে তা সরিয়ে নিতে পারেন। আমি সেই ফোনে আমার পৃষ্ঠার মতামতগুলি কাটা করেছি।
- পৃষ্ঠা প্রদর্শনের ক্রম অনুসারে আপনার আইটেমগুলির তালিকা দিন এবং তাদের ধাপ ২ এর উপর ভিত্তি করে একটি র্যাঙ্ক দিন
- আপনি কিছু স্লট কোন আইটেম নেই যদি চিন্তা করবেন না, যে শুধু মেঘ আরো আকর্ষণীয় করে তোলে
- বর্ণানুক্রমিক তালিকায় আপনার তালিকাটি রক্ষিত করুন (বা অন্য যে কোনও ধরণের আপনি ব্যবহার করতে চান)।
- এই মেঘ আকর্ষণীয় করে তোলে কি যদি আপনি এটি র্যাঙ্ক দ্বারা সাজানো ছেড়ে, তারপর এটি নীচে সর্বনিম্ন থেকে সর্বনিম্ন আইটেম বৃহত্তম আইটেম সঙ্গে একটি তালিকা হতে হবে।
- আপনার এইচটিএমএল লিখুন যাতে র্যাঙ্ক একটি ক্লাস নম্বর হয়। ক্লাস = "ট্যাগ 4"> স্ট্রিমিং অডিও ফাইল যুক্ত করা
আপনি প্রতিটি পৃথক তালিকা আইটেমের জন্য এইচটিএমএল একবার, এবং আপনি তাদের প্রদর্শন করতে চান আদেশ, তারপর আপনি একটি সিদ্ধান্ত করতে হবে। আপনি একটি অনুচ্ছেদের মধ্যে লিঙ্ক স্থাপন করতে পারেন এবং আপনি সম্পন্ন করতে হবে। কিন্তু এই semantically চিহ্নিত করা হবে না, এবং আপনার ট্যাগ মেঘ আসছে ছাড়া CSS কেউ সংযোগের একটি বড় অনুচ্ছেদ দেখতে হবে। এই ধরনের তালিকা এইচটিএমএল জন্য এই মত দেখতে হবে:
স্ট্রিমিং অডিও ফাইলগুলি যুক্ত করা হচ্ছে একটি ওয়েব সাইটের জন্য বেসিক ট্যাগ সর্বোত্তম ওয়েব ডিজাইন সফটওয়্যার সম্পূর্ণভাবে হারিয়ে যাওয়া একটি ওয়েব পৃষ্ঠা তৈরি করা রঙের প্রতীক পরিবর্তে, আমি আপনাকে একটি unordered তালিকা ব্যবহার করে আপনার ট্যাগ মেঘ তৈরি সুপারিশ। এটি এইচটিএমএল এবং CSS কোড এর কয়েকটি আরও লাইন আছে কিন্তু এটা নিশ্চিত করে যে বিষয়বস্তুটি পড়তে হবে তা কোনও বিষয়ই বা এটি দেখার জন্য আসে না। এইচটিএমএল এই মত দেখতে হবে: এখন আমরা মজা অংশ পেতে - CSS শৈলী। যখন আপনি একটি ট্যাগ মেঘ শৈলী, আপনি সাধারণত ফন্ট আকার এবং ফন্ট ওজন পরিবর্তন। আপনি ফন্ট বা ব্যাকগ্রাউন্ড বা অন্য কোন শৈলী অ্যাট্রিবিউটের রঙ পরিবর্তন করতে পারেন, তবে আকার এবং ওজন ঐতিহ্যগত। আপনাকে 10 টি স্টাইল ক্লাস প্রয়োজন, প্রতিটি ট্যাগের জন্য এক: ক্লাউডের চারপাশে কিছু শৈলী অন্তর্ভুক্ত করতে চাই: ক্লাউড টেক্সটকে কেন্দ্র করে, একটি লাইন-উচ্চতা সেট করুন যাতে ক্লাউডটি পাঠযোগ্য হয় এবং নিশ্চিত করুন যে নোঙ্গর ট্যাগগুলিতে কোন প্যাডিং নেই: অবশেষে, যদি আপনি সিমান্তিক স্টাইলিং পদ্ধতি ব্যবহার করেন (অর্থাৎ অনির্বাচিত তালিকা), তাহলে আপনাকে আরও দুটি লাইন CSS যোগ করতে হবে যাতে তালিকার বুলেট থাকে না এবং ইন্ডেন্ট করা হয় না:
কিন্তু ট্যাগ মেঘ জন্য শৈলী কোথায় হয়