হ্যালো টেকটিউনসবাসি,
সবাই ক্যামন আছেন ?আশা করতেছি সবাই ভালোই আসেন।
এইটা আমার ২য় টিউন টেকটিউনস এ।তাই বেশি কথা নাহ বলে সরাসরি কাজ এর কথায় আছি।
যেহেতু আপনি এই টিউন টা পরতেছেন তাই ধরে নিলাম আপনি একটি ব্লগার ওয়েব সাইটের মালিক।
আপনার ব্লগার সাইটের সাদামাঠা ভাব দেখতে ভালো লাগছে নাহ।মেনু বার অনেক পুরাতন লাগছে ?
তাহলে আপনার জন্নই এই টিউন।
উপরের পিকটা আমার ব্লগার সাইটের।
দেখছেন কত্তগুলান শুন্দর লাগতাছে আইকন গুলান অ্যাড কইরা :D।
এখন আপনাদের প্রশ্ন হইতে পারে,
ভাই আমি করবো ক্যাম্নে ???
আসুন তাহলে দেখা যাক ক্যামনে আপনি আপনার মেনুবার এ এমন শুন্দর আইকন যোগ করবেন।
১।
আপনার ব্লগার সাইটে লগ ইন করুন।তার পরে,
<head> এর ঠিক নিচে নিচের কোডটা পেস্ট করেন।
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>
বুঝতে অসুবিধা হইলে উপরের পিক টা দেখেন।
২।
এখন দেখন কিভাবে আইকন অ্যাড করবেন।
<li><a href='#'> About</a></li>
আপনার মেনুবারের মেনুর জন্য উপরের কোডটি ব্যবহার করা হয়।এইখানে আমরা একটু এডিট করবো।
<li><a href='#'><i class='fa fa-envelope'/> About</a></li>
মানে আপনার মেনুর টেক্সট এর আগে শুধু আইকন এর কোড টা অ্যাড করবো।
৩।
এখন আইকন কোড অথবা আইকন কথায় পাবো ???
http://fortawesome.github.io/Font-Awesome/icons/
উপরের লিঙ্ক এ গেলেই পায়ে জাবেন কয়েক শত ফ্রী আইকন।
আপনার পছন্দের আইকনের উপর ক্লিক করুন আর কোড টা কপি পেস্ট করুন।
লক্ষ্য করুনঃ<i class='fa fa-envelope'> শুধু এতটুকু কপি পেস্ট করুন।এবং পেস্ট করার পরে (/) এই স্পেসাল ক্যারেক্টার টা ব্যবহার করুন। উদাহারনঃ<i class='fa fa-envelope'/>
কোন কিছু বুঝতে সমস্যা হলে অবশ্যই নিচে টিউমেন্ট করবেন।
অথবা,
ফেজবুকে যোগাযোগ করুন।
আর আইকন গুলার লাইভ ডেমো দেখতে পারেন আমার ওয়েব সাইটে।
প্রথম প্রকাশঃTheJoyOfficial(Blog)
আমি শফিকুল ইসলাম। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 9 বছর 4 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 14 টি টিউন ও 30 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
sondoor