# 140: फ़ोरम साइनअप स्टाइलिंग - सीएसएस-ट्रिक्स

Anonim

हम अभी भी फ़ोरम क्षेत्र में गहरी गर्दन रखते हैं। इस पेंचकस में हम साइनअप पृष्ठ को देखते हैं। एक और बल्कि महत्वपूर्ण पृष्ठ, जैसा कि हम चाहते हैं कि फोरम में शामिल होने का अनुभव आसान और संभव के रूप में स्वागत योग्य हो।

हम शुरुआत में थोड़ा नर्वस थे, यह सोचकर कि यह एक पागल संघर्ष होने वाला है कि चीजों को सबसे स्मार्ट तरीके से बदलने के लिए क्या फ़ाइलों को अपडेट करना है। हमारे पास थोड़ा संघर्ष है, लेकिन GitHub पर कुछ जानकारी प्राप्त करें जो हमें समझने में मदद करती हैं। हम इस पर बेहतर हो रहे हैं! इसके अलावा, अगली बार, हमने पहले से ही सभी नियंत्रणों की कुश्ती कर ली है, जो हमारे लिए आवश्यक हैं और यह आसान होगा। हालाँकि, और मैंने इसे पहले कहा है, मैं वास्तव में इसे एक दिन bbPress पर प्राप्त करना पसंद करूंगा ताकि पूरी साइट पर एकल-साइनॉन हो।

अजीब तरह से, हम पहली बार "सामान्य" रूप की स्टाइलिंग करने जा रहे हैं। साइट पर खोज फ़ॉर्म इतना कस्टम है कि यह हमारे लिए बहुत कुछ नहीं करता है। टिप्पणी प्रपत्र हमने लेबल के बजाय इन-इनपुट संकेत का उपयोग करके समाप्त किया। इस फॉर्म में पारंपरिक लेबल हैं, इसलिए हमें खरोंच से कुछ सीएसएस लिखना होगा। हम इसे एक आंशिक (_forms.scss) में तोड़ते हैं क्योंकि हम डिज़ाइन पैटर्न के लिए करते हैं, और एक शीर्ष-लेबल शैली के साथ जाते हैं।

हमें पॉप-अप के लिए एक अधिकतम-ऊँचाई और अतिप्रवाह की स्थापना करनी होगी: साइट के लिए सेवा की शर्तें पॉपअप में दिखाई देती हैं और यह बहुत लंबा है। उम्मीद है कि यह मोबाइल के लिए ठीक होगा - हमें यह देखना होगा।

हमें कैप्चा जा रहा है (बस इसे कुछ मुफ्त एपीआई कुंजी देने का एक साधारण मामला है), लेकिन इसका प्रदर्शन थोड़ा फंकी लगता है। संभवत: मेरे पास अजीब मॉनीटर कॉन्फ़िगरेशन का केवल एक उन्मूलन है।

हम अंत में उन त्रुटि संदेशों के लिए थोड़ा स्टाइल कर रहे हैं जो साइन अप करते समय प्राप्त करना संभव है। हमें यह भी पता चलता है कि त्रुटि संदेश वांछित होने के लिए थोड़ा छोड़ देते हैं, लेकिन कम से कम हम उन्हें ठीक देख सकते हैं।