আপনার ব্লগে কোডের জন্য সিএসএস স্টাইল

সিএসএস

আমার এক বন্ধু আমাকে জিজ্ঞাসা করেছিল আমি কীভাবে আমার শেষ ব্লগ এন্ট্রিতে কোড অঞ্চল তৈরি করেছি। আমি আসলে একটি শৈলী ব্যবহার করে কোড অঞ্চল 'নকল' করেছি। ব্লগার এর মধ্যে আপনি নিজের টেম্পলেট সম্পাদনা করতে পারবেন। আমি নিম্নলিখিত স্টাইল যুক্ত করেছি:

p.code {ফন্ট-পরিবার: কুরিয়ার নিউ; হরফ আকার: 8pt; সীমানা-শৈলী: ইনসেট; সীমানা-প্রস্থ: 3px; প্যাডিং: 5 পিএক্স; পটভূমি রঙ: # এফএফএফএফএফএফ; লাইন-উচ্চতা: 100%; মার্জিন: 10px}

পরবর্তী পদক্ষেপটি হ'ল সম্পাদনা এইচটিএমএল মোডে আমার ট্যাগটি সম্পাদনা করা। আমি কেবল ট্যাগ করে আমার নতুন স্টাইলে নির্দেশ করি। ভয়েলা! শৈলীগুলি ভঙ্গ করা:

  • কুরিয়ার নিউতে ফন্ট সেট করুন ... জেনেরিক কোড সম্পাদকের মতো দেখায়
  • ডান দেখতে 8 ফন্টে ফন্টের আকার সেট করুন
  • অনুচ্ছেদ সীমানা শৈলী 'ইনসেট' এ সেট করুন। এটি টেক্সারিয়া পৃষ্ঠাতে দেখতে কেমন তা প্রতিলিপি করে।
  • সীমানা প্রস্থ 2 বা 3 পিক্সেল সেট করুন। এটি ইনসেট বর্ডার স্টাইলটি দেখতে সঠিক করে তোলে।
  • প্যাডিং সীমানা এবং অভ্যন্তরের পাঠ্যের মধ্যে দূরত্ব নির্ধারণ করে।
  • পটভূমির রঙ ... এটি সাদাতে সেট করুন (# এফএফএফএফএফএফ)
  • লাইনের উচ্চতা - আমি এটি 100% এ সামঞ্জস্য করেছি কারণ আমার ব্লগার থিমের অন্যান্য স্টাইলগুলি আমার লাইনের উচ্চতা প্রায় 200% করেছে
  • মার্জিনটি 10 ​​পিক্সারে সেট করুন। এটি অনুচ্ছেদে (পি ট্যাগ) সমস্ত কিছু থেকে 10 পিক্সেল দূরে সরিয়ে দেয়।

এটাই তো আছে! একটি দ্রষ্টব্য: ব্লগারের সাথে যে সম্পাদক আসে তা আপনার ব্লগে যেমন প্রদর্শিত হবে তেমন প্রদর্শন করতে সক্ষম হয় না। কিন্তু এটি কাজ করে এবং দুর্দান্ত দেখাচ্ছে!

আরও একটি নোট… আপনি ট্যাগটিতে সম্পাদনা করার পরে, ব্লগার সম্পাদক এলোমেলোভাবে আপনার পোস্ট জুড়ে অন্য কোথাও এটি ব্যবহার করতে পছন্দ করে। এটা একটু বিরক্তিকর! আমার পরামর্শটি হ'ল আপনার সম্পূর্ণ পোস্টটি লিখুন এবং তারপরে একটি ছোট সম্পাদনা করুন।

একটি চূড়ান্ত নোট ... আপনার প্রতীক প্রদর্শন করতে এইচটিএমএল সত্তা ব্যবহার নিশ্চিত হন! কয়েকটি উদাহরণ:

  • উদ্ধৃতি (")"
  • > হয়>
  • > হয়>

শুভ কোডিং!

3 মন্তব্য

  1. 1
  2. 2
  3. 3

    আমি এখন আর লেখার দরকার নেই। আপনি সহায়ক সম্পাদক ব্যবহার করতে পারেন y আপনি রঙ, সীমান্ত ইত্যাদি চয়ন করতে পারেন ..

আপনি কি মনে করেন?

এই সাইট স্প্যাম কমাতে Akismet ব্যবহার করে। আপনার ডেটা প্রক্রিয়া করা হয় তা জানুন.