हमारे पास यहां से काम करने के लिए एक फ़ोटोशॉप मॉकअप है, क्योंकि हम व्यक्तिगत गैलरी पृष्ठ के लिए टेम्पलेट का निर्माण जारी रखते हैं।
सबसे पहले, हमने अगले और पिछले लिंक को स्टाइल किया। वे गैलरी बार में बिल्कुल तैनात बॉक्स में हैं, ताकि हम अन्य बटन और बार में पहले से ही सामान होने के बावजूद उन्हें पृष्ठ पर केंद्रित कर सकें। वे सबमिट वन बटन के रूप में एक ही कक्षा लेते हैं, इसलिए वहां पर कब्ज है।
आगे हमारे पास यह बहुत पतला बाएँ कॉलम है जिसमें टेक्स्ट प्राप्त करना है। हम 1/8 7/8 ग्रिड के साथ शुरुआत करते हैं, लेकिन 1/8 थोड़ा बहुत पतला है। हम इसे 1/4 3/4 में बदलते हैं, लेकिन यह बहुत अधिक है। इस प्रकार, जैसे कि झूठा बच्चा भालू, 1/6 5/6 ही सही था।
हम उस संकीर्ण कॉलम में कुछ टाइपोग्राफी कार्य करते हैं, शीर्षक में जोड़कर (एक में
बेशक, यह पृष्ठ पर सबसे महत्वपूर्ण शीर्षक), विवरण और अन्य अनुभागों का टैग है। ज्यादातर टाइपोग्राफी हमारे सरल और मजबूत टाइपोग्राफी सेटअप के आधार पर होती है।
5/6 ग्रिड सभी छवि के लिए है। अच्छा और बड़ा, जो महान है। यह एक हल्के भूरे रंग की पृष्ठभूमि है, ठीक उसी तरह जैसे ब्लॉग पोस्ट में चित्र कैसे होते हैं (जैसे
हम टैग को स्टाइल करने के तरीके के बारे में सोचते हैं। हम CodePen (यहाँ "टैग" टैग, मेटा ALERT की एक कड़ी पर नज़र डालते हैं)। हम सोच रहे हैं कि यह ओवरकिल है और उन्हें सामान्य लिंक के रूप में छोड़ दें।
हम "पूर्ण आकार" बटन को सबसे सरल तरीकों में से एक में काम करते हैं जो हम संभवतः कर सकते हैं, एक नई विंडो खोलें जो पूर्ण आकार की छवि के आयाम हैं और इसमें छवि दिखा रही है। यह 2000 की शुरुआत से एक मॉडल बॉक्स की तरह है! लेकिन मुझे यह पसंद है। यह सरल है, इसे कोड का एक गुच्छा (जैसे एक लाइटबॉक्स होगा) की आवश्यकता नहीं है, और इसके साथ बातचीत करना स्पष्ट है। यह बेहतर है, अगर आप मुझसे पूछें।