বিশুদ্ধ সিএসএস 3 ফর্ম স্টাইলিং ক্রমশই জনপ্রিয় হয়ে উঠছে. এটা তার অপূর্ণতা আছে, কিন্তু ঐতিহ্যগত জাতীয় আস্তরণ থেকে লোড করা হচ্ছে সময় বর্ধিত সেকেন্ডের দশমাংশ নষ্ট হয় যখন আপনার সমগ্র দর্শকদের জন্য বাড়ানোর লক্ষ্যে নিখুঁত বিষয়ে কথা. সর্বাধিক ফরম মোটামুটি সোজা এগিয়ে এবং শুধুমাত্র ইনপুট এবং টেক্সট এলাকার বদলে রেডিও কাজে লাগাতে এবং বক্স যা তাদের নিজস্ব চ্যালেঞ্জ তৈরি পরীক্ষা.
নীচের উদাহরণে কোড শুধু আপনার যেত না কি একটি ছোট স্যাম্পলিং হয়. আপনার ফর্মে পটভূমি গ্রেডিয়েন্ট বা রঙ যোগ করার জন্য ভয় পাবেন না. আমি সবচেয়ে উপাদানের জন্য একটি প্রমিত ধূসর বর্ণন উপর ফোকাস করা হয়েছে কারণ এটি হচ্ছে রঙ নির্দিষ্ট চেয়ে বৃহত্তর দর্শকদের সন্তুষ্ট. আপনি আপনার ওয়েবসাইট থেকে একটি সম্পূর্ণ ভিন্ন চেহারা যোগ করার জন্য ছায়া এবং পটভূমি রঙের সাথে প্রায় প্লে করতে পারেন. আপনি যদি একটি অন্ধকার ওয়েবসাইট থাকে তাহলে, আমি মিশান এবং একটি অন্ধকার পটভূমিতে পপ সিএসএস ফর্ম কোড সোয়াপিং করার পরামর্শ দিই. শুধু সঙ্গে সঙ্গে কোন ফর্ম শৈলী আপনার স্টাইল শীট এই CSS যুক্ত করুন.
ইনপুট {
প্যাডিং: 10px আকারে;
-WebKit সীমানা-ব্যাসার্ধ: 4px আকারে;
-khtml-সীমান্তে ব্যাসার্ধ: 4px আকারে;
-Moz-সীমান্তে ব্যাসার্ধ: 4px আকারে;
সীমান্তে ব্যাসার্ধ: 4px আকারে;
-WebKit-বক্স ছায়া: 0 0 5px আকারে #444;
-Moz-বক্স ছায়া: 0 0 5px আকারে #444;
বক্স ছায়া: 0 0 3px আকারে #444;
সীমান্ত: 1px আকারে কঠিন #fff;
}
পাঠ্য এলাকা {
প্যাডিং: 15px আকারে;
সীমান্ত: 1px আকারে কঠিন #fff;
-WebKit সীমানা-ব্যাসার্ধ: 4px আকারে;
-khtml-সীমান্তে ব্যাসার্ধ: 4px আকারে;
-Moz-সীমান্তে ব্যাসার্ধ: 4px আকারে;
সীমান্তে ব্যাসার্ধ: 4px আকারে;
-WebKit-বক্স ছায়া: 0 0 5px আকারে #444;
-Moz-বক্স ছায়া: 0 0 5px আকারে #444;
বক্স ছায়া: 0 0 10px আকারে #444;
}
ইনপুট[টাইপ ="পাঠ"]:বাতাসে ভাসিতে থাকা, পাঠ্য এলাকা:বাতাসে ভাসিতে থাকা {
সীমান্ত: 1px আকারে কঠিন #233567;
}কোন সিএসএস সঙ্গে ডিফল্ট ফরম. এটা আমার কাছে খুবই বিরক্তিকর ফর্ম মত দেখায়!
এখন যদি আমরা সিএসএস যোগ, আমরা সত্যিই ফর্মের সামগ্রিক চেহারাটি বাড়াতে পারে. এই ফর্মটি আরো অনেক উত্তেজনাপূর্ণ! এটা তোলে বৃত্তাকার কোণ সঙ্গে আরো একটি আপডেট এবং আধুনিক মনে দেয়, মৃদু ছায়াকরণ, এবং প্যাডিং যে একটি বড় ছাপ দেয়. এই ফর্মটি শৈলী ওয়েবসাইটের অনেক জন্য ফিট, কিন্তু এটা স্পষ্টভাবে যে ওয়েব সাইটের জন্য মাপসই করা হবে না. আমি আশা করি আপনি আপনার স্বাদ এই ফর্মটি কাস্টমাইজ উপভোগ.
ফর্মে সিএসএস আপনার ওয়েব উপস্থিতির একটি বড় প্রভাব তোলে. আপনি আপনার ফর্ম আরও বৃদ্ধি আগ্রহী, আপনি অন্যান্য বৈশিষ্ট্য যে আপনি এখানে টিউটোরিয়াল খুঁজে সঙ্গে কাস্টমাইজ করতে পারেন: পেছনের রং, নতিমাত্রা, প্যাডিং, বা এমনকি একটি চিত্র, কিন্তু আমি মনে করি আপনি শুধু আপনার স্টাইলশীট একটু সিএসএস যোগ করে সন্তুষ্ট হতে হবে.
