সবাইকে স্বাগতম জানিয়ে শুরু করছি একটি ওয়েব ডিজাইন সম্পর্কিত টিউন। এই টিউনে আমরা দেখব, কিভাবে একটি HTML ফাইলে অল্টারনেট CSS ব্যবহার করা যায়।
অল্টারনেট CSS টা এরকম যে, ভিজিটর ওয়েবসাইটের জন্য অন্য একটি অল্টারনেট স্টাইল স্টাইল শিট বেছে নিতে পারবে। যেমনঃ আপনি আপনার ওয়েবসাইটে এমন একটি অপশন রাখতে চান যাতে ভিজিটর রা ওয়েবসাইট এর কালার পরিবর্তন করতে পারবে। ভিজিটর যদি রেড বাটনে ক্লিক দেয় তাহলে ওয়েবসাইটের রঙ লাল হয়ে যাবে, আর সবুজ বাটনে ক্লিক করলে হয়ে যাবে সবুজ।
https://dl.dropboxusercontent.com/u/170123488/demo/altcss/index.html
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="alternate stylesheet" type="text/css" href="stylealt1.css" title="alternate 1" />
<link rel="alternate stylesheet" type="text/css" href="stylealt2.css" title="alternate 2" />
<script type="text/javascript" src="styleswitcher.js"></script>
<a href="#" onclick="setActiveStyleSheet('default'); return false;">Style 1</a>
<a href="#" onclick="setActiveStyleSheet('alternate 1'); return false;">Style 2</a>
<a href="#" onclick="setActiveStyleSheet('alternate 2'); return false;">Style 3</a>
ধন্যবাদ সবাইকে।
আমি অবুঝ বাঙালী। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 2 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 35 টি টিউন ও 161 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
অনেক ধন্যবাদ ভাইয়া । দারুণ একটা জিনিস জানালেন 😀
এমন টিপস আরও চাই