আপনার ওয়েব সাইটে মাউস এর কারসার পরিবর্তন করুন এখনই ।


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

১ . প্রথমে আপনার ওয়েব সাইট বা ব্লগ এ প্রবেশ করুন ।

২ . তারপর WordPress সাইট এর জন্য Stylesheet (style.css) সিলেক্ট করুন আর ব্লগষ্পট সাইট এর জন্য HTML/Java script সিলেক্ট করুন ।
৩ . নিচের কোড টি কপি করে পেস্ট করুন এবং সেভ তার করুন পর দেখুন মজা।

Option 1 - Universal CSS/HTML কোড : লাইভ ডেমো
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur222.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-neon-green-outer-glow-pointer.html" target="_blank" title="Cool Neon Green Outer Glow Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cool Neon Green Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

Option 2 - CSS Style Sheet Only কোড : লাইভ ডেমো
/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur222.cur), progress !important;} /* End http://www.cursors-4u.com */
Old Blogger / Blogspot Interface কোড : লাইভ ডেমো
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur222.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-neon-green-outer-glow-pointer.html" target="_blank" title="Cool Neon Green Outer Glow Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cool Neon Green Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

New Blogger/Blogspot Interface কোড : লাইভ ডেমো
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur222.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-neon-green-outer-glow-pointer.html" target="_blank" title="Cool Neon Green Outer Glow Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cool Neon Green Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

Option 1 - Universal CSS/HTML কোড : LIVE DEMO
<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/cursors/cur-11/cur1089.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/06/24/s-pink-premium-pointer.html" target="_blank" title="S Pink Premium Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="S Pink Premium Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

Option 2 - CSS Style Sheet Only কোড : লাইভ ডেমো
/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://ani.cursors-4u.net/cursors/cur-11/cur1089.cur), progress !important;} /* End http://www.cursors-4u.com */

Old Blogger / Blogspot Interface কোড : লাইভ ডেমো
<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/cursors/cur-11/cur1089.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/06/24/s-pink-premium-pointer.html" target="_blank" title="S Pink Premium Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="S Pink Premium Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

New Blogger/Blogspot Interface কোড : লাইভ ডেমো
<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/cursors/cur-11/cur1089.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/06/24/s-pink-premium-pointer.html" target="_blank" title="S Pink Premium Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="S Pink Premium Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

ফেসবুকে আমি

0 comments:

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