ক্যাসকেডিং স্টাইল শীট (সিএসএস) স্নিপেট আপনাকে একটি ওবসিডিয়ান ভল্টে কাস্টম শৈলী যোগ করতে সাহায্য করে। এগুলি শক্তিশালী সরঞ্জাম যা বিভিন্ন ব্যবহারকারীর ইন্টারফেস অংশগুলিকে সংজ্ঞায়িত করতে সাহায্য করে, যেমন উপাদানগুলির রঙ, অবস্থান এবং আকার। Obsidian-এ CSS স্নিপেটগুলি ব্যবহার করতে শেখার অর্থ হল আপনি একটি ব্যক্তিগতকৃত চেহারা তৈরি করতে পারেন, যা ওবসিডিয়ানকে আপনার কাজের শৈলী এবং ব্যক্তিত্বের কাছাকাছি হতে দেয়৷ এটি সামগ্রিকভাবে আপনার অভিজ্ঞতা এবং উত্পাদনশীলতা বাড়াতে পারে। কিভাবে ওবসিডিয়ানে CSS স্নিপেট ব্যবহার করতে হয় তা শিখতে পড়ুন।
ওবসিডিয়ানে স্নিপেট যোগ করা হচ্ছে
CSS স্নিপেট ব্যবহার করার প্রথম অংশ হল সেগুলি যোগ করা। বিভিন্ন কাস্টমাইজেশন এবং শৈলী আপনাকে একটি দৃশ্যমান আকর্ষণীয় এবং কার্যকরী কর্মক্ষেত্র তৈরি করতে দেয়। স্নিপেট ব্যবহার করা নোট তৈরিকে পরিপূর্ণ এবং উপভোগ্য করে তোলে। যদি আপনি ইতিমধ্যে জানেন না, তাহলে এইভাবে আপনার ভল্টে স্নিপেট যোগ করবেন:
- 'সেটিংস' এ যান এবং এটি খুলুন।
- 'চেহারা' নির্বাচন করুন এবং 'সিএসএস স্নিপেট' নির্বাচন করুন।
- 'স্নিপেট ফোল্ডার' নির্বাচন করুন।
- এই ফোল্ডারে CSS স্নিপেট তৈরি করুন বা ডাউনলোড করুন।
- 'স্নিপেট' এবং 'পুনরায় লোড করুন' খুলুন।
Obsidian-এ CSS স্নিপেট ব্যবহার করা
Obsidian-এ, CSS স্নিপেট ব্যবহার করে আপনি পণ্যে প্রয়োগ করা বিভিন্ন বড় থিম ওভাররাইট বা পরিপূরক করতে সাহায্য করে। স্নিপেট ব্যবহার করতে:
- .obsidian/snippets-এ
.css নামে একটি ফাইল যোগ করুন। - 'চেহারা' বিকল্পে নেভিগেট করুন।
- রিফ্রেশ
- একটি টগল দিয়ে ফলাফল ফাইল নির্বাচন করুন.
সিএসএস স্নিপেট ব্যবহার করে অবসিডিয়ান স্টাইল করা
সিএসএস স্নিপেটগুলি ওবিসিডিয়ানের একটি অবিচ্ছেদ্য অংশ কারণ তারা বর্ণনা করে যে কীভাবে ভল্টের প্রতিটি অংশ উপস্থিত হওয়া উচিত। এই স্নিপেটগুলি আপনাকে আপনার পছন্দের সাথে মেলে ওবসিডিয়ানের কার্যত সমস্ত বৈশিষ্ট্য কাস্টমাইজ করার অনুমতি দেয়। যতদূর স্টাইলিং অবসিডিয়ান উদ্বিগ্ন বিভিন্ন বিকল্প আছে.
একটি স্টাইল বাছাই করতে নির্বাচকদের ব্যবহার করা
কি স্টাইল করতে হবে তা নির্ধারণ করতে 'নির্বাচকদের' প্রয়োজন। এটি আপনাকে স্টাইল করার জন্য প্রয়োজনীয় অংশটি সনাক্ত করতে দেয়। নির্বাচকরা সাধারণত নেস্টেড থাকে এবং আপনাকে নির্দিষ্ট হতে হবে। যদি 'উদ্ধৃতি টাইপফেস' স্টাইল করা হয়, তাহলে ঠিক সেটিই বেছে নিন। সাধারণত, 'উদ্ধৃতি' নির্বাচন করা অ্যাপের প্রতিটি অংশে ব্লককোটগুলির চেহারা পরিবর্তন করে।
নির্বাচন স্টাইল করতে বৈশিষ্ট্য ব্যবহার করুন
আপনার নির্বাচন স্টাইল করার জন্য, আপনাকে 'প্রপার্টি' ব্যবহার করতে হবে, যা CSS-এ প্রচুর পরিমাণে আছে। ফলাফল সম্পর্কে সুনির্দিষ্ট হতে, যে বৈশিষ্ট্যগুলি সম্পাদনা করতে হবে তা চিহ্নিত করুন এবং তাদের লক্ষ্য মান দিন৷
নির্দেশনা দিতে ঘোষণা ব্যবহার করুন
নির্দেশনা দিতে, একটি 'ঘোষণা' ব্যবহার করা হয়। এর মধ্যে রয়েছে নির্বাচক (কী স্টাইলিং প্রয়োজন), যে বৈশিষ্ট্যগুলির স্টাইলিং প্রয়োজন (যে অংশগুলি পরিবর্তন করা প্রয়োজন), এবং বৈশিষ্ট্যগুলির নতুন মান (আপনি যে চেহারাটি চান)। একটি উদাহরণ, যদি আপনি সম্পাদকের মধ্যে সমস্ত পাঠ্য লাল হতে চান তবে এটি বলার মতো: 'অবসিডিয়ান, সম্পাদকের মধ্যে সমস্ত পাঠ্য খুঁজুন এবং তাদের লাল হতে বলুন।' CSS ঘোষণা এই মত হওয়া উচিত:
আপনার গুগল অনুসন্ধানের ইতিহাস কীভাবে দেখুন
.markdown-source-view {
color: red;
}
.markdown-source-view নির্বাচক হিসাবে কাজ করে। {} তে এমন বৈশিষ্ট্য রয়েছে যেগুলিকে স্টাইল করা দরকার, যখন রঙটি বৈশিষ্ট্যকে চিত্রিত করে এবং লালটি পছন্দসই মান। আপনার লাইন শেষ করার জন্য একটি কোলন, মান এবং একটি সেমি-কোলন অনুসরণ করে সমস্ত বৈশিষ্ট্যের মান সম্পর্কগুলি সম্পত্তির সাথে দেখানো হয়। বৈশিষ্ট্যগুলিকে সহজে আলাদা করার জন্য সেক্টর থেকে একটি ইন্ডেন্ট হওয়া উচিত।
সারিতে ঘোষণা আলাদা করা ঐচ্ছিক কিন্তু বিভিন্ন উপাদান এবং দিক পরিবর্তন করার সময় আপনাকে সাহায্য করতে পারে।
CSS-এর ব্যাখ্যাটি ক্রমানুসারে করা হয়, সর্বশেষ ঘোষণাগুলি এর পূর্ববর্তী অন্য সকলের উপর শাসন করে।
কিভাবে ল্যাপটপে একটি দ্বিতীয় মনিটর সংযোগ করতে
কি স্টাইল করতে হবে তা নির্বাচন করতে ক্লাস ব্যবহার করুন
আপনার স্টাইল করার জন্য যা প্রয়োজন তা নির্বাচন করতে 'ক্লাস' ব্যবহার করা হয়। ক্লাসগুলিকে অ্যাপের অন্তর্নিহিত কাঠামো যুক্ত বৈশিষ্ট্য হিসাবে বর্ণনা করা হয়েছে। নির্বাচকদের ব্যবহার করে তাদের টার্গেট করা যেতে পারে। .markdown-source-view একটি সম্পাদক দৃশ্যের জন্য উন্মুক্ত অ্যাপ সামগ্রী সনাক্ত করে৷ অবজেক্টের নামের একটি পূর্ববর্তী সময় ক্লাস বোঝায়।
লক্ষ্য উপাদান
কি স্টাইল করা হচ্ছে তার উপর নির্ভর করে 'এলিমেন্টস'-এরও টার্গেটিং প্রয়োজন। এগুলো স্ট্রাকচারাল অ্যাপ পার্টস। অনুচ্ছেদ একটি 'p' উপাদান নির্বাচক ব্যবহার করে ইন্ডেন্ট করা যেতে পারে. উপাদান বর্ণনা করতে কোনো পূর্ববর্তী বিরাম চিহ্ন ব্যবহার করা হয় না।
নির্দিষ্টতা বুস্ট করতে নির্বাচকদের মধ্যে যুক্তি ব্যবহার করুন
একটি স্থান ব্যবহার করে বংশধর বাছাই করে নির্দিষ্টতা বৃদ্ধি করে: 'দাদা-দাদি পিতা-মাতা-সন্তান' পিতা-মাতার সন্তানকে নির্বাচন করে যে পিতা-মাতার সন্তান। উদাহরণ স্বরূপ, . markdown-source-view blockquote সম্পাদনা মোড প্যানের মধ্যে ব্লককোট নির্বাচন করে।
যদি ক্লাসগুলির মধ্যে একটি সময় থাকে তবে এটি একটি 'এবং' সম্পর্ক দেখায়। উদাহরণ স্বরূপ, '.programmer.designer' লিখলে ক্লাস হিসাবে 'প্রোগ্রামার' এবং 'ডিজাইনার' উভয়ই উপাদান বাছাই করা হবে।
একটি কমা একটি 'বা' লজিক বিভাজক। উদাহরণস্বরূপ, 'blockquote,pre' প্রবেশ করানো 'blockquote' এবং 'pre' উপাদানগুলিকে লক্ষ্য করে।
আপনি উল্লেখ করতে পারেন CSS-এর জন্য মজিলার গাইড , যেহেতু বেশিরভাগ যুক্তিই ওবসিডিয়ানের ক্ষেত্রে প্রযোজ্য।
স্টাইলিং ঘোষণা সংরক্ষণ
ব্যাপক থিম তৈরি করার সময়, সেগুলিকে VAULT/.obsidian/themes-এর অধীনে সংরক্ষণ করুন৷ এটিকে অনন্যভাবে নাম দেওয়া উচিত এবং সেটিংস > চেহারা > থিম ইন ওবসিডিয়ানের অধীনে পাওয়া উচিত। এটি সনাক্ত না হলে 'রিলোড থিম' বিকল্পটি আলতো চাপুন। যদি টুইকগুলি বিদ্যমান থিমে তৈরি করা হয় এবং ছোট হয়, তাহলে সেগুলিকে VAULT/.obsidian/snippets-এর অধীনে সংরক্ষণ করুন৷
সিএসএস স্নিপেট ব্যবহার করে অবসিডিয়ান থিম কাস্টমাইজ করা
Obsidian এর থিম আছে যা আপনাকে পরিবর্তন করতে দেয়। আপনি একবারে একটি থিম চেষ্টা চালিয়ে যেতে বা DevTool ব্যবহার করে আপনার প্রয়োজনের সাথে মেলে এমন একটি কাস্টমাইজড CSS তৈরি করতে পারেন।
'CSS স্নিপেট প্রয়োগ করুন' বিকল্পটি পরীক্ষা করুন
এখানেই আপনি শুরু করেন এবং সেটি হল কাস্টম CSS সক্ষম করা। এটি ওবসিডিয়ানকে কোড পড়তে এবং তারপর ডিফল্ট শৈলী ওভাররাইট করতে দেয়। নিচের ধাপগুলো কাস্টম CSS অপশন চালু করতে সাহায্য করে।
দূরবর্তী ছাড়া কীভাবে ভাইজিও টিভি চালু করবেন to
- Obsidian অ্যাপ খুলুন।
- আপনার অবসিডিয়ান পৃষ্ঠায় (নীচে ডানদিকে) 'সেটিংস' এ নেভিগেট করুন। এটি সেটিংস পৃষ্ঠাটি খোলে।
- সেটিংস পৃষ্ঠায় 'চেহারা' নির্বাচন করুন।
- 'আদর্শ' মেনুর নীচে, '(ডিরেক্টরি) এ CSS স্নিপেট প্রয়োগ করুন' বিকল্পটি চেক করুন।
এটি অ্যাপটিকে ভল্টের রুট ডিরেক্টরিতে অবস্থিত CSS ফাইলের দিকে নির্দেশ করবে। এটি পড়া হয়, এবং কাস্টম CSS কোড প্রয়োগ করা হয়। এই মুহুর্তে, কোন CSS ফাইল নেই।
CSS স্নিপেট ব্যবহার করে Obsidian থেকে সর্বাধিক পান
ওবসিডিয়ান অনেক সম্ভাবনা খুলে দেয়। এটি থেকে সর্বাধিক পেতে, আপনাকে আরও উত্তেজনাপূর্ণ এবং ফলপ্রসূ ব্যবহার করে অতিরিক্ত কিছু চেষ্টা করতে হবে। CSS ব্যবহার করে আপনার থিম তৈরি করা আপনার প্রয়োজন হতে পারে। এটি করার জন্য, আপনাকে প্রথমে সেটিংস মেনুর মাধ্যমে ওবসিডিয়ানে CSS স্নিপেট সক্রিয় করতে হবে। CSS আপনাকে শৈলী পরিবর্তন করতে এবং নতুন মান যোগ করতে দেয়। আপনি আরও অনেক কিছু অর্জন করতে পারেন এবং CSS স্নিপেট ব্যবহার করে খেলা করতে পারেন।
আপনি কি কখনো Obsidian-এ CSS স্নিপেট ব্যবহার করার চেষ্টা করেছেন? আপনার অভিজ্ঞতা কি ছিল? নীচের মন্তব্য বিভাগে আমাদের সাথে শেয়ার করুন.