# 86: गैलरी को फोटोशॉप करना - सीएसएस-ट्रिक्स

Anonim

मैं साइट पर गैलरी क्षेत्र पर आरंभ करने के लिए उत्साहित था। यह उन क्षेत्रों में से एक है जो विशेष रूप से v9 में खराब था। इसमें एक टन ट्रैफ़िक नहीं मिलता है, लेकिन हो सकता है कि हम इसे घुमा सकें। मुझे इसमें बहुत मजा आता है और समय के साथ इसे पोस्ट करने के लिए सामग्री का एक बड़ा हिस्सा है।

हम फ़ोटोशॉप में काम करके शुरू करते हैं ताकि हम अपने दिमाग को रचनात्मक रख सकें और कोड के साथ विश्लेषणात्मक रूप से सोचने के सामान के बिना कुछ दृश्य अन्वेषण कर सकें।

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

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

यह डिजाइन, मेरे लिए, कुछ ऐसा है जो मैं शायद नहीं कर पाती अगर मैं इन खोजपूर्ण यात्राओं को फ़ोटोशॉप में वापस नहीं बनाती।