এটা কি?

এই স্ক্রিপট টি আপনার সাইটে প্রতি ভিজিটে প্রত্যেক ভিজিটর কে র্যান্ডম ভাবে একটি করে কুরআনের বাংলা আয়াত প্রদর্শন করবে। প্রতি ভিজিটে অথবা পেজ রিলোডে এটি আটোমেটিক ভিন্ন ভিন্ন আয়াত প্রদর্শন করবে। 

 

কিভাবে যুক্ত করবেন?

খুব সহজ… আপনার সাইটের যেখানে আপনি একটি করে কুরআনের আয়াত দেখাতে চান সেখানে নিচের ১ লাইনের কোড টুকু কপি করে পেষ্ট করে দিন। এটি html কোড অথবা javascript হিসেবে যোগ করুন। এখানে বেসিক কোড টুকু দেওয়া আছে।

---

<script type="text/javascript" src="http://www.alquranbd.com/source/q1.php"></script>
এই প্লাগিন টিতে আমাদের সাইটের কোনো এড বা অন্য কিছু নাই। ফলে আপনার সাইটের ভিজিটর রা বুঝতেই পারবেনা যে আপনি অন্য কোনো সাইটের রিসোর্স ব্যাবহার করছেন।
এছাড়া css দিয়ে একে আরো সুন্দর করে তুলতে পারেন। এটি ওয়ার্ডপ্রেস, ব্লগার, html সাইট সহ সব ধরনের সাইটে ব্যাবহার করা যাবে।

আসসালামু‘আলাইকুম কেমন আছেন সবাই? আজ আমি আপনাদের কে দেখাবো কিভাবে css3 দিয়ে চমতকার একটি মেনু তৈরি করা যায়। তবে চলুন শুরু করি।
নিচের কোড টুকু কপি করে .html এক্সটেনসন দিয়ে টেক্সট ফাইলে সেভ করুন।
মেনু টি দেখতে এরোকম হবে

আমি আলাদা কোনো ষ্টাইলসিট ফাইল ব্যাবহার করছিনা। একটা ফাইলের মধ্যেই css ও html কোড লিখছি।

 

	 

		




	
	

Menu Item 1
Menu Item 2
Menu Item 3
Menu Item 4

লাইভ ডেমো দেখুন এখানে। সাইডবার টি তে এই মেনু ব্যাবহার করা হয়েছে।
Live Demo
এখানে CSS3 এর

		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;

কোড ব্যাবহার করা হয়েছে। এটি একটি অনেক কাজের জিনিস এটি JQuery ছাড়াই ট্রান্সলেশন ইফেক্ট দেয়।
এই মেনুটি ব্যাবহার করা হয়েছে alquranbd.com সাইটিতে
আল্লাহ হাফেজ। আবার দেখা হবে ইনশাআল্লাহ।
সময় থাকলে আমাদের অনলাইন প্রোজেক্ট টিতে একবার ঘুড়ে আসবেন আশাকরি ভালো লাগবে।
www.alquranbd.com