আজ এমন এক জিনিস আপনাদের শেখাবো যেটা কিনা সাইট ডিজাইন করার সবচেয়ে গুরুত্বপূর্ন অংশ।
এখন থেকে আপনি নিজেই পারবেন মনের মতো Head Tags Code,Css Class Code বানাতে।আপনি শুধু আমার Tutorial টা মনোযোগ দিয়ে পড়ে তারপর কাজ করবেন।
একজন ভাল Wapmaster নিজেই সব কোড বানাতে পারে।তাই আপনি যদি ভাল Wapmaster হতে চান,ভাল ডিজাইন বা নতুন ডিজাইন করতে চান তাহলে এটা আপনার জন্য অত্যন্ত গুরুত্বপূর্ন।
তাহলে শুরু করা যাক।আমরা প্রথমেই শিখি কিভাবে সাইটের Head Tag বানাতে হয়।
[u]Head Tags(meta,style…)[/u]
প্রথমেই আপনার দরকার Color কোড এর।নিচের Link থেকে আপনি সব Color কোড পাবেন।
http://www.mikesclark.com/web_management/html_colors.html
Body Style:বডি হল সাইটের Background Style যেটা।
যেভাবে Body Color করবেন:
body{background:#fff;color:#000000;}
এখানে #fff এটা হল সম্পূর্ন সাইটের Background Color.যেমন আমাদের সাইটের Background Color সাদা।
এবং #000000 এটা হল বডির মধ্যে কিছু লিখলে যে Color টা হবে।
[quote]আপনি চাইলে সব Color Change করতে পারেন।[/quote]
আপনি যদি সাইটের কিনার দিয়ে আমাদের সাইটের মতো Style করতে চান তাহলে এভাবে:
body{background:#fff;color:#000000;border:2px solid #33ffff;}
এখানে #এর পর এগুলো হল Color কোড।
যেভাবে নিচে আমাদের সাইটের মতো Style করবেন:
body:after{content:"©Toptunebd.com™";display:block;text-align:center;background:green;boder-top:2px solid black;color:white;font-weight:bold;}
তাহলেই আপনার বডির কাজ শেষ হয়ে গেল।
Input Style:
Input হল [input=submit]Submit[/input] [text][input=text]Text[/input][/text] এগুলা।
এবার শিখুন কিভাবে এগুলো মনের মতো বানাবেন:
submit{background:black;color:white;boder:1px solid black;font-weight:bold;}textarea{background:#cccccc;color:green;boder:1px solid #ccc;}select{background:#cccccc;color:green;boder:1px solid #ccc;width;auto;}checkbox{border:1px solid #ccc;width:auto;}password,text,file{background:#ccc;border:1px solid #cccccc;}এখানে #দেওয়া সবগুলো Color কোড।
এভাবেই Head Tags বানাতে হয়।
.
প্রথমে এখানে প্রকাশিত হয়াছিল।