"संबंधित पोस्ट"

आज, लेख के तुरंत बाद, टिप्पणियों से पहले इसी तरह की पोस्ट का एक ब्लॉक दिखाई दिया। इसका प्रारूप शैलीगत "दहनशीलता" द्वारा प्रतिष्ठित है, यदि आप ZenComment उपयोगकर्ता-शैली के माध्यम से देखते हैं , तो मैं इसे "समृद्ध" करना चाहता था। एक अतिरिक्त दिलचस्प तथ्य तुरंत सामने आया: वास्तव में, उनके पास 4 नहीं हैं, लेकिन 12 लिंक हैं, शेष 8 बस छिपे हुए हैं। इसके अलावा, यह पता चला कि इस ब्लॉक को केवल सही पैनल से स्थानांतरित किया गया था, जिसमें थोड़ा सा मज़ा था।

यदि मानक लेआउट में यह ब्लॉक अपेक्षाकृत सामान्य दिखता है और यहां तक ​​कि लेख और टिप्पणियों के बीच लंबे समय से प्रतीक्षित विभाजक (बहुत ध्यान देने योग्य नहीं) देता है, तो ज़ेनकॉम शैलियों में, जो कॉम्पैक्टनेस की सराहना करता है, यह विदेशी दिखता है और सामान्य शैली का उल्लंघन करता है। समाधान? व्यापार के लिए नीचे उतरें और प्रस्तुति शैली को ठीक करें, उसी समय अस्थायी रूप से छिपे हुए समान पदों को खोलना।

लेकिन यहां तक ​​कि ZenComment शैलियों के बिना, लेख में साइट को 4 नहीं, बल्कि सभी 12 लिंक को समान लेख दिखाने की पेशकश करने के लिए कुछ है।

रैंडम लोकप्रिय पाद लेख

ZenComment शैलियाँ पहले "ennobled" थीं (ताकि वे सभ्य दिखें और ज्यादा जगह न लें) नीचे (पाद लेख के ऊपर) दिखने वाले यादृच्छिक लोकप्रिय लेखों के 3 तत्व, इसलिए इन "समान" लोगों को भी एक समान शैली में डिजाइन किया गया था। लेकिन अतिरिक्त तत्व हैं - तिथियां; और लंबे लेख के शीर्षक नीचे दिए गए समान नामों की तुलना में अधिक महत्वपूर्ण हैं, स्पॉटलाइट से बाहर।

संबंधित लेख के लिए उदाहरण पृष्ठ और प्रदर्शन विकल्प

आइए, स्रोत के रूप में लिए गए "समान लेख" को दिखाने का एक उदाहरण देखें ।


हम इस पर ऐसे परिवर्तन करते हैं:
1) तारीख में वर्ष हटा दिया जाता है (यदि आप उपयोगकर्ता स्क्रिप्ट के साथ मिलकर काम करते हैं) यदि वर्तमान या 8 महीने से कम समय बीत चुके हैं;
2) सब कुछ 1 पंक्ति, तिथि और लिंक में लिखा गया है;
3) 3 से अधिक लाइनें नाम से आवंटित नहीं की जाती हैं;
4) शैलियों - नीचे लोकप्रिय लेखों के ब्लॉक के समान;
5) सभी 12 लिंक खुले।

अब तक, हम उपयोगकर्ता स्क्रिप्ट और पहले पैराग्राफ को शामिल नहीं करते हैं। (स्क्रिप्ट के लिए, समाधान और भी सरल है - बस ब्लॉक को वापस रखें और कुछ भी चोट नहीं पहुंचेगी।)

यह समाधान असफल है - यदि आप माउस होवर द्वारा नामों को खोलते हैं, तो ब्लॉक ऊंचाई कूदता है, और केवल स्क्रिप्ट मदद कर सकते हैं। इसलिए, हम स्वच्छ शैलियों के लिए थोड़ा अलग समाधान ढूंढ रहे हैं। हम आइटम 3 को हटाते हैं, 3 लाइनों के नामों को कई तक विस्तारित नहीं करते हैं। यह पता चला है:



लेखों के बीच इसे देखना बोझिल है, हालांकि ऊंचाई मूल से अपेक्षाकृत कम है। तो ... हमें हर समय समान लेखों के नाम देखने की आवश्यकता क्यों है?

यह पता चला कि लिंक ब्लॉक से केवल 1 नाम बचा है, तो पूरे ब्लॉक पर मंडराने से बेहतर है। फिर आपको पैसे बचाने और लिंक परिनियोजन की समस्याओं को हल करने की ज़रूरत नहीं है।

घोल को गिराएं

न्यूनतम स्थिति:



एक विस्फोट:



उसी समय, निचले ब्लॉकों को स्थानांतरित नहीं किया जाता है, और शीर्ष पर, जैसा कि साइट पर योजना बनाई गई थी (लेकिन प्रेरित नहीं), "सभी समान लेख" के लिए एक लिंक है। "प्लस" यह है कि हम विंडो की पूरी चौड़ाई का उपयोग कर सकते हैं। यह समाधान स्क्रिप्ट को उसके मूल स्थान पर स्थानांतरित किए बिना भी पूरी तरह से संतुष्ट है।

मानक साइट की पेशकश करने के लिए क्या?

1. ए) समान पदों के लिए सभी 12 या छिपे हुए 8 लिंक को एक समान तरीके से दिखाने का प्रस्ताव है। बिंदीदार रेखांकन के साथ नीचे एक छद्म लिंक "अधिक" बनाएं, और बाकी 8 को मँडरा करके दिखाएं।

1. बी) विकल्प - शीर्षक "समान पोस्ट" पर मँडराकर - सभी 12 बिल्कुल तैनात लिंक दिखाएं।

2) किसी भी मामले में, जब आप एक लिंक, प्रॉम्प्ट (शीर्षक) पर होवर करते हैं, जहां वह जाता है - लिंक के उद्देश्य को उजागर करता है जैसे habrahabr.ru/post/150944/#show_all - बेशक, यह अधिकांश आगंतुकों में आत्मविश्वास बढ़ाता है, लेकिन प्रयोज्यता के नियमों द्वारा एक संकेत चोट नहीं होगा।

PS हम आपको याद दिलाते हैं कि यदि आप HabrAjax उपयोगकर्ता स्क्रिप्ट के बिना ZenComment उपयोगकर्ता शैली स्थापित करते हैं, तो आप इसके साथ सभी 4 ब्राउज़रों में काम कर सकते हैं, लेकिन सेटिंग्स को थोड़ा सामान्य संपादन की आवश्यकता होगी: पंक्ति में

/*    HabrAjax - * /.info a.username{color:#59d!important}/* */ 

इसे प्राप्त करने के लिए पहले तारांकन के बाद स्थान निकालें:

 /*    HabrAjax - */.info a.username{color:#59d!important}/* */ 

यह इस तथ्य के कारण है कि हब्राजैक्स स्क्रिप्ट के साथ संयोजन के रूप में शैलियों का उपयोग करना अधिक सुविधाजनक है, और यह रेखा इसके साथ बहुत हस्तक्षेप करेगी। इसी समय, इसके बिना, हेब्रजैक्स के बिना टिप्पणियों में लेखकों के नाम अनुभवहीन हैं।

इसके अलावा, 2 ब्राउज़रों - ओपेरा और क्रोम में स्थापना की अपनी विशेषताएं हैं। ओपेरा में, आपको साइट के पृष्ठ पर बटन द्वारा स्थापित करने की आवश्यकता नहीं है, लेकिन मैन्युअल रूप से (यह पृष्ठ पर दिए गए निर्देशों में इंगित किया गया है)। और क्रोम के लिए, आपको टिप्पणियों में रेटिंग्स के "तीरों" को गुणात्मक रूप से देखने के लिए शैलियों के बहुत नीचे कुछ पंक्तियों को अनसुना करना होगा। यह शैलियों की जटिलता और बहुमुखी प्रतिभा के लिए (छोटा) शुल्क है।

UPD 09/12/2012: "समान पोस्ट" अपडेट किया गया। अब वे इस तरह दिखते हैं: