Friday, May 24, 2013

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

আজ আমি আপনাদের একটা মজার জিনিষ শেখাব আপনার ওয়েব সাইটি তে মাউসের কারসার কে আধুনিক ডিজাইন দিয়ে আরও আকর্ষণীয় করে তুলুন এখানে কয়েক ধরনের ডিজাইন পাবেন এবং সেগুলো ইচ্ছে মত বদলাতে পারবেন
নিচের পদ্ধতি গুলো অনুসরণ করুন
১ . প্রথমে আপনার ওয়েব সাইট বা ব্লগ এ প্রবেশ করুন
২ . তারপর  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:

Post a Comment

Latest News

যারা Odesk শিখতে আগ্রহী তারা বই টা ডাউনলো দিয়ে নিন। Odesk Bangla Odesk Bangla Tutorial বুক!!১০০০% Odesk শিখতে পারবেন ও Success হতে পারবেন। না নিলে চরম চরম চরম মিস করবেন।