রেইনবো স্ক্রল বার

আসসালামু আলাইকুম,
কেমন আছেন টেক পাগলা ভাই ও টেক পাগলি বোনেরা?
জানি আল্লাহর অশেষ রহমতে ভালো আছেন সকলেই।

আমার জাভা স্ক্রিপ্ট আর পি এইচ পিতে তেমন কোনও আগ্রহ না থাকলেও সিএসএস অনেক ভালো লাগে।
জিনিসটা সিম্পল, কিন্তু এটায় কাজ করে মজা পাই আমি।

তো অনেকেরই, যারা এই পোস্ট পড়ছেন, তাদের হয় ব্লগ কিংবা ওয়েবসাইট আছে।
তো সকলেই চায় ওয়েবসাইট ইউনিক করে তুলতে।

ইউনিক করতে জাভা স্ক্রিপ্ট আর সিএসএস এর আসলেই কোন তুলনা নেই।

তবে ছোট খাট জিনিসের আপগ্রেডের দিকে কেউ তাকায় না, যেমন স্ক্রল বার।

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

আমার আরও কিছু স্ক্রল বারের ডিজাইন আছে। আগে আমার সবচেয়ে পছন্দেরটা আপনাদের দেবো।



এর নাম "রেইনবো"
রংধনু নামের একটা নাকি নেগেটিভ মিনিং আছে, তাই সেটা আর দিলাম না।

ডেমো দেখুন এই লিঙ্কে।

নিচের কোড কেবল আপনার সাইট বা ব্লগের সিএসএস এ পেস্ট করে দিন। এজন্য ]]></b:skin> কোডটি সার্চ দিয়ে তার উপরে পেস্ট করলেই চলবে।


কোডঃ



::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #000000;
    -webkit-border-radius: 5px 1px 10px 9px;
    border-radius: 10px 1px 10px 1px;
}
::-webkit-scrollbar-thumb {
    border-radius: 5px 1px 10px 9px;
    background: linear-gradient(violet,blue,green,yellow,orange,red);
    -webkit-box-shadow: inset 0 0 6px #000000;
}
::-webkit-scrollbar-thumb:window-inactive {
background: linear-gradient(violet,blue,green,yellow,orange,red);
}


আপনার যদি আমার ডিজাইন ভালো লাগে, তবে একটু সমর্থন দিতে আমার দুটি সাইটে ঘুরে আসবেন।

জিআর+

ব্লগার তাওসিফ


শেয়ার করুন

লেখকঃ

আমি তাওসিফ তুরাবি, অনলাইনাম (অনলাইন + নাম) ব্লগার তাওসিফ। এখন, ২০১৬ পর্যন্ত আমি ১৬ বছরের এক কিশোর। পড়াশোনা করি শহীদ পুলিশ স্মৃতি কলেজে। টেক ব্লগ লিখতে ভালবাসি। সাইন্স ফিকশন আর গল্প লিখতে পছন্দ করি।  জিআর+ ব্লগের এর একজন প্রতিষ্ঠাতা অ্যাডমিন।
আমাদের একটা ওয়েব ডেভেলপার ফার্ম আছে যার নাম জিআর+ আইটি বাংলাদেশ
এছাড়া আমার ব্যাক্তিগত ব্লগ রয়েছে। আমার ফেসবুক আইডিতে আমার সাথে সর্বক্ষণ যোগাযোগ করতে পারবেন। 


পূর্ববর্তী পোষ্ট
পরবর্তী পোষ্ট