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 হতে পারবেন। না নিলে চরম চরম চরম মিস করবেন।