कुछ घंटे पहले, प्रशासन ने टोस्टर संसाधन के पुनरुद्धार की घोषणा की। लेकिन उस रूप में नहीं, जैसा वह था, लेकिन Q & A सेक्शन को Habr से अलग साइट में अलग करना। पहली बात जिसने मेरी आंख को पकड़ा वह साइट थी जो छोड़ दिया। शायद यह लैपटॉप पर अच्छा लगेगा, लेकिन मेरी स्क्रीन पर 2 ऐसी साइटें रखी जा सकती हैं।
बिना किसी हिचकिचाहट के, मैंने अपने लिए शैलियों को मोड़ने का फैसला किया, क्योंकि मैं लगभग हर दिन अनुभाग (अब साइट पर) पर जाता हूं।
परिवर्तनों से:
- निश्चित साइट हेडर स्थान
- साइट केंद्रित है, बाएं पैनल अछूता है
- साइट का मुख्य भाग व्यापक हो गया है
- टैग में पारदर्शिता जोड़ी गई ताकि वे हड़ताली न हों और फ़ॉन्ट को एरियल में बदल दें
- टैग के पॉप-अप विंडो में पाठ का रंग बदल दिया, और अधिक विपरीत बना दिया
- असंगत छोटी बातों का एक जोड़ा
छिपा हुआ पाठbody > .content, body > .footer { margin: 0px auto; padding: 0 !important; width: 1008px !important; } body > .content .header { position: fixed; z-index: 105; } body .main_content { padding-top: 68px; } body > .content .left_column .inner { width: 726px !important; } body .main_content .tags .tag { background: rgba(180, 188, 204, 0.25) !important; font-family: arial; font-size: 12px; } body .main_content .tags .tag.subscribed { background: rgba(74, 191, 180, 0.25) !important; } .questions_list .questions_list_item:hover .tags .tag.subscribed, .question_show .info .tags .tag.subscribed { background: rgba(74, 191, 180, 0.8) !important; } .questions_list .questions_list_item:hover .tags .tag, .question_show .info .tags .tag { background: rgba(180, 188, 204, 0.8) !important; } body .main_content .tags .tag .tag_popup .popup_inner .item .label { color: #BDD5EE !important; } .tags_list .tags_list_item:hover, .users_list .users_list_item:hover, .tracker_questions_list_item:hover { background: #fdfdfd !important; } .question_show > .info, .answers_block .answers_list .answers_list_item > .info, .questions_list .questions_list_item .info, .answer_form .fields { width: 657px !important; } body > .content .left_column { width: 758px !important; } body > .content .right_column { width: 250px !important; } body > .footer { box-shadow: 0px 0px 5px #BBBBBB; } body > .footer a { color: #626B75 !important; } .field-custom-checkbox-group .field-custom-checkbox-group-label { width: 513px !important; }
बिगाड़ने की तुलना के तहत
केवल केंद्र छोड़कर, अतिरिक्त को हटाया जा सकता है।
महत्वपूर्ण!प्रशासन अभी भी शैलियों और लेआउट दोनों में बदलाव कर सकता है, क्योंकि उपयोगकर्ता शैली टूट सकती है। मैं ट्रैक करूंगा और बदलाव करूंगा।
युपीडी:प्रशासन ने साइट को केंद्र में प्रदर्शित किया, इसलिए मेरी शैली अब प्रासंगिक नहीं है। लेकिन अगर आप चाहते हैं कि पैनल बाएं किनारे पर दबाया जाए - तो भी आपको उपयोगकर्ता शैली का उपयोग करना होगा। यहां मैंने स्क्रीन के बाईं ओर पैनल को दबाया। खैर, उन्होंने पाद लेख से छाया को भी हटा दिया और हेडर के निश्चित स्थान के लिए जिम्मेदार कोड की टिप्पणी की।
छिपा हुआ पाठ body > .content, body > .footer { margin: 0px auto; padding: 0 !important; width: 1008px !important; } body .main_content .tags .tag { background: rgba(180, 188, 204, 0.25) !important; font-family: arial; font-size: 12px; } body .main_content .tags .tag.subscribed { background: rgba(74, 191, 180, 0.25) !important; } .questions_list .questions_list_item:hover .tags .tag.subscribed, .question_show .info .tags .tag.subscribed { background: rgba(74, 191, 180, 0.8) !important; } .questions_list .questions_list_item:hover .tags .tag, .question_show .info .tags .tag { background: rgba(180, 188, 204, 0.8) !important; } body .main_content .tags .tag .tag_popup .popup_inner .item .label { color: #BDD5EE !important; } .tags_list .tags_list_item:hover, .users_list .users_list_item:hover, .tracker_questions_list_item:hover { background: #fdfdfd !important; } .question_show > .info, .answers_block .answers_list .answers_list_item > .info, .questions_list .questions_list_item .info, .answer_form .fields { width: 657px !important; } body > .content .left_column { width: 758px !important; } body > .content .right_column { width: 250px !important; } body > .footer a { color: #626B75 !important; } .sidebar { left: 0 !important; padding-left: 0 !important; margin-left: 0 !important; }