কি-বোর্ড কি Effect দিন আপনার ওয়েবসাইটে CSS দিয়ে

অনেক সময় আমরা ওয়েবসাইটে কি বোর্ড কি ব্যাবহার বিষয়ে শিক্ষিয়ে থাকি। ঐ সময় কীবোর্ড কী সরাসরি দেখাতে পারলে কেমন হয় ?

টিক তেমন Effect দিতে পারবেন CSS ব্যাবহার করে। নিছের ছবির মতো

আমি ব্লগারে কেমনে ব্যাবহার করবেন ওইটা দেখাচ্চি ঃ

প্রতমে আপনার ব্লগার অ্যাকাউন্টে লগিন করুনঃ

তারপর      Dashboard       থেকে       Template > Edit HTML      জান।

তারপর নিছের ট্যাগটি খুজে বের করুনঃ

]]></b:skin>

তারপর টিক তার উপরে নিছের      CSS     কোড যোগ করুনঃ

tmkey{
 border:1px solid gray;
 font-size:1.2em;
 box-shadow:1px 0 1px 0 #eee, 0 2px 0 2px #ccc, 0 2px 0 3px #444;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius:3px;
 margin:2px 3px;
 padding:1px 5px;
 }

তারপর সেভ করুন।

এখন ব্যাবহারের সময়ঃ

এখন আপনার পোস্ট     HTML   মোডে করে লিখুন

For Example   :   Ctrl + A   =   <tmkey>Ctrl</tmkey> + <tmkey>A</tmkey>
হয়ে গেল কি বোর্ড কি      Effect.........

Level 0

আমি Oneem Khan। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 10 বছর 9 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 4 টি টিউন ও 12 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস