বিশ্ব.কম হোম, বিজ্ঞান, ফিডব্যাক,অংশ নিন fb page

পৃষ্ঠাসমূহ

শুক্রবার, ২৬ সেপ্টেম্বর, ২০১৪

এইচটিএমএল স্ক্রোল বক্স তৈরির কোড

HTML স্ক্রোল বক্স ব্যবহার করবেন যদি আপনি অল্প একটু অনেক লেখা রাখতে চান। অনেক লেখা যদি বক্সের মধ্যে জায়গা করে নিতে না পারে তবে স্বয়ক্রিয়ভাবে স্ক্রোলবার তৈরি হবে (ছবির ডান অংশে ও নিচে)।  যেমন নিচের ছবির বক্সটি দেখুন।
div ট্যাগ ব্যবহার করে এই স্ক্রোল বক্সটি খুব সহজেই তৈরি করা যায়। নিচে স্ক্রোল বক্সের কোড দেখানো হল।
দেখুন, এখানে উচ্চতা ১২০ px ও প্রস্থ 480 px দেওয়াতে লেখাটা বক্সের মধ্যে জায়গা করে নিতে পেরেছে।কিন্তু যদি height বা width আরো কমিয়ে দেন, তাহলে বক্সের ভেতরে জায়গা না হলে অটোমেটিক স্ক্রোলবার তৈরি হবে।
যেমন নিচে উচ্চতা 60 px করে দিলাম।
নিজের মত করে সাজানঃ
*ইতোমধ্যে দেখলেন, height ও width পাল্টিয়ে বক্সের আকার পাল্টাতে পারেন।
* border এর মান বাড়াতে পারেন। css ব্যবহার করে আরো সুন্দর করতে পারেন।
* ব্যাকগ্রাউন্ড কালার দিতে পারেন। যেমন নিচে দেখুন। এখানে coral দেওয়া আছে। আপনি green, red, pink ইত্যাদি আপানার যা ইচ্ছা দিন।
*এই বক্সের ভেতরে অন্য যে কোন html কোড ব্যবহার করতে পারেন, যেমন ছবি, লিঙ্ক ইত্যাদি।

0 comments:

একটি মন্তব্য পোস্ট করুন