সিএসএস টিউটোরিয়ালঃ ১৫তম পর্ব(Custom List)

Print Friendly

কাস্টম ইমেজ লিস্ট স্টাইল পেতে চান তবে সিএসএস প্রোপার্টি list-style-image:url() ব্যবহার করতে হবে। url এর পর রাউন্ড ব্রাকেট এর ভিতরে কাঙ্ক্ষিত ইমেজ এর রিসোর্স লিঙ্কটি দিতে হবে। আমি এখানে কয়েক ধরণের ইমেজ দিয়ে কাস্টম লিস্ট স্টাইল অ্যাপ্লাই করছি নিচের মতঃ

Note: উপরের কোড টুকুর আউটপুট ব্রাউজার এ ঠিকমতো দেখায় কিনা সেটা প্রদর্শনের জন্য উইন্ডোজের Notepad অথবা Notepad++ সফটওয়্যারটি ওপেন করে কোডটুকু হুবহু নিজের হাতে লিখুন, ভুলেই কপি-পেস্ট করবেন না। ফাইলের নাম দিন csscuslist বা আপনার পছন্দ মতো এবং Save as type নির্বাচন করুন .html। এবার Save করুন। মনে রাখতে হবে, প্রতিটি HTML ডকুমেন্ট .html ফরমেটে (Save) সংরক্ষণ করতে হবে। এবার ডাবল ক্লিক করে ব্রাউজারে ওপেন করুন। সব কিছু ঠিক থাকলে নিচের মত প্রদর্শন করবে…

CaptureCSSCusList

বুঝতে কোথাও সমস্যা হলে আমার ফেসবুক গ্রুপে, পেজে অথবা ব্লগের জিজ্ঞাসা পাতা’য় জানাতে পারেন।

Print Friendly

ট্যাগ সমূহঃ

লেখক: আরিফুল ইসলাম শাওন

আরিফুল ইসলাম শাওন, ডাক নামেই বেশি পরিচিত। জন্ম থেকে রংপুরে থাকি। বর্তমানে হিসাববিজ্ঞান নিয়ে জাতীয় বিশ্ববিদ্যালয়ের অধিনে গ্রাজুয়েশন সম্পন্ন করেছি। ফ্রিলান্সিং পেশায় আছি গত ৭ বছর থেকে। নিজের আইটি ফার্ম রংপুরসোর্স এর সিইও এর দায়িত্ব পালন করছি। পাশাপাশি ব্লগিং করছি আমার ইংরেজি ব্লগে। আপনার ফ্রীলান্সিং বা প্রযুক্তি নিয়ে যেকোন প্রয়োজন জানাতে পারেন ফেসবুক গ্রুপ এ। আমাকে ফেসবুকে পাবেন এখানেটুইটারে অনুসরণ করতে পারেন। আমার সম্পর্কে আরো বিস্তারিত এখানে। অথবা আমাকে যেকোন বিষয়ে প্রশ্ন করতে পারেন আমার ব্লগের "জিজ্ঞাসা?" পাতায়।

সম্পূর্ণ প্রোফাইল দেখুন!

বাংলা ভাষায় ওয়েব ডিজাইন, ডেভেলপমেন্ট, ডেক্সটপ অ্যাপ্লিকেশান ডেভেলপমেন্ট শিখতে চান? আমরা রংপুর সোর্স আপনার জন্য হাই কোয়ালিটি এবং প্রোফেসনাল মানের প্রোজেক্ট এবং রিসোর্স ভিত্তিক ভিডিও টিউটোরিয়াল প্রকাশ করছি। আপনি আমাদের থেকে থেকে ভিডিও গুলো পেতে চাইলে অবশ্যই ক্রয় করতে হবে। তবে, ক্রয় করবার পূর্বে ভিডিও দেখে নিতে পারেন এজন্য আমরা আপনাকে দিচ্ছি ৩০ শতাংশ ফ্রী ভিডিও যেকোনো ভিডিও কোর্সের জন্য। ভিডিও কোয়ালিটি এবং প্রেজেন্টেশান দেখে আপনি সন্তুষ্ট হলে, তবেই বাকি টিউটোরিয়াল গুলোর ডিভিডি বা সিডি অর্ডার করুন! জেনে রাখা ভাল, আমাদের একেকটি ভিডিও কোর্স উক্ত ক্ষেত্রে প্রোফেসনালদের দ্বারাই তৈরি করা। তাই আপনি প্রোফেসনাল কাজ শিখবেন সেই দৃষ্টিকোণ থেকে আমাদের ভিডিও টিউটোরিয়াল গুলো ক্রয় করবেন!

Leave a Reply

Your email address will not be published. Required fields are marked *