Thursday, March 23, 2017

ওয়েব সাইটে কাষ্টম মাউস পয়েন্টার, খুবই সহজ ১ লাইন কোড মাত্র

খুব সুন্দর অথচ অনেক সহজ একটি টিপস শেয়ার করবো সবার সাথে। কিছুদিন আগে একটি ওয়েব সাইটে দেখলাম তাদের ওয়েব সাইটে মাউস পয়েন্টার টা ব্যতিক্রম।
ভালো লাগলো,  হাতে একটা ওয়েব সাইট ডিজাইনের কাজ চলছিলো আর ঐ কাজটিতে এটি ব্যবহারের একটা সুযোগ পেলাম, কেননা ক্লায়েন্টের লোগোর একটা অংশ হলো একটা পাখি, ভাবলাম পাখিটাকে মাউস পয়েন্টার বানালে খারাপ হয়না। হুম পরে অবশ্য ক্লায়েন্টো খুশি 😆
আমার ধারনা হলো কিছু লাইন কোড হয়তো লাগবে সেই সাথে নিশ্চই jquery ব্যবহার করা হয়েছে, অথচ খুজে পেলাম মাত্র একটি লাইনের CSS ই যথেষ্ট

কিভাবে করবেন

আপনি যেমনটি আপনার মাউস পয়েন্টার চাচ্ছেন সেটির একটি .PNG ছবি বানিয়ে ফেলুন , .PNG অথবা .CUR [ cursor file ] বানাবেন এই জন্য যে তাহলে সেটি আপনার ওয়েব সাইটের যেকোন ব্যাকগ্রাউন্ডে ম্যাচ করবে।

কোড

নিচের কোডটি আপনার CSS ফাইল যুক্ত করুন
cursor:url(cursor_main.png), default;
পরামর্শ, মন্তব্য, সমালোচনা সব কিছু জানান, যারা বেশ খারাপ খারাপ মন্তব্য করতে like করেন  😀 তাদের বলছি

আপনার ব্যক্তিত্ব, আপনার সম্মান আপনার হাতে সেটিকে সমুন্বত রাখবেন নাকি পায়ের নিচে ফেলবেন সে সিদ্ধান্ত আপনার।

No comments:

Post a Comment