বডি ব্যাকগ্রাউন্ড চিত্রগুলি সহজেই সম্পন্ন হয়েছে

এইচটিএমএল

একটি দুর্দান্ত বৈশিষ্ট্য যা আপনি অনেক সাইটে দেখতে পাবেন তা হ'ল কেন্দ্রের বিষয়বস্তু অঞ্চলটি পৃষ্ঠার পিছনে একটি ড্রপ ছায়া যুক্ত করে lay এটি আপনার ব্লগকে একক ব্যাকগ্রাউন্ড চিত্রের সাথে দেখতে সুন্দর (বা অন্য ওয়েবসাইট) সুন্দর করার জন্য এটি মোটামুটি সহজ পদ্ধতি।

এটা কিভাবে সম্পন্ন করা হয়?

  1. আপনার সামগ্রীটি কত প্রশস্ত তা চিত্রিত করুন। উদাহরণ: 750px।
  2. বিষয়বস্তুর চেয়ে বৃহত্তর আপনার চিত্র প্রয়োগে একটি চিত্র তৈরি করুন (আমি চিত্রকর ব্যবহার করি)। উদাহরণ: 800px।
  3. আপনার ব্লগের প্রতিটি পাশে থাকা ইচ্ছার চিত্রটি ব্যাকগ্রাউন্ডে সেট করুন।
  4. পটভূমিতে একটি সাদা অঞ্চল যুক্ত করুন।
  5. সাদা অঞ্চলে একটি ছায়া প্রয়োগ করুন যা অঞ্চলের উভয় দিক থেকে প্রসারিত হয়।
  6. উচ্চতাতে পিক্সেল অঞ্চলটিকে পিক্সেল দ্বারা প্রস্থ নির্ধারণ করুন। এটি চিত্রটি দ্রুত উপস্থাপনের জন্য সুন্দর এবং কমপ্যাক্ট তৈরি করবে।
  7. চিত্রটি আউটপুট করুন।

আমি ইলাস্ট্রেটর ব্যবহার করে এটি কীভাবে তৈরি করেছি তা এখানে দ্রষ্টব্য (দ্রষ্টব্য যে আমার ফসলের ক্ষেত্রটি অনেক দীর্ঘ just
চিত্রকের সাথে পটভূমি

পটভূমি চিত্রের সাথে আউটপুটটি কীভাবে প্রদর্শিত হবে তার একটি উদাহরণ এখানে:
পটভূমি চিত্রের উদাহরণ

আপনার নিজের বডি স্টাইল ট্যাগ ব্যবহার করে কীভাবে চিত্রটি প্রয়োগ করতে হবে তা এখানে সিএসএস ফাইল.

পটভূমি: # বি 2 বি 2 বি 2 ইউআরএল ('চিত্রগুলি / বিজি.gif') পুনরাবৃত্তি- y কেন্দ্র;

ব্যাকগ্রাউন্ড স্টাইল ট্যাগের বিচ্ছেদ এখানে রয়েছে:

  • # B2B2B2 - পৃষ্ঠার সামগ্রিক পটভূমির রঙ নির্ধারণ করে। এই উদাহরণস্বরূপ, পটভূমি চিত্রের ধূসর সাথে মিলিয়ে ধূসর।
  • ইউআরএল ('চিত্র / বিজি.gif') - আপনি যে পটভূমি চিত্রটি ব্যবহার করতে চান তা সেট করে।
  • রিপিট-ওয়াই - y- অক্ষগুলিতে পুনরাবৃত্তি করতে চিত্র সেট করে। সুতরাং পটভূমির চিত্রটি পৃষ্ঠার উপর থেকে নীচে পর্যন্ত পুনরাবৃত্তি হবে।
  • কেন্দ্র - পৃষ্ঠার কেন্দ্রে চিত্র সেট করে।

সুন্দর এবং সহজ ... একটি চিত্র, একটি স্টাইল ট্যাগ!

2 মন্তব্য

  1. 1
  2. 2

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

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