सामग्री पर जाएँ
अनुभाग
भाषा, अभी हिन्दी
Rastrillo डिज़ाइन सिस्टम

शेल

पृष्ठ का ढाँचा ख़ुद। rastrillo new इनमें से एक को templates/layout.html के रूप में लिखता है; पृष्ठ उसका सामग्री वाला छेद भरता है और जिन ढाँचा ब्लॉकों की ज़रूरत हो उन्हें बदल देता है। नीचे का हर डेमो अपने URL पर एक पूरा पृष्ठ है: एक खोलिए और उसे पूरी चौड़ाई में देखिए, जहाँ sidebar की पट्टी और topbar के फ़ुटर को सचमुच जगह मिलती है।

column

वह सादा, केंद्रित पृष्ठ जिससे हर नई बनी ऐप्लिकेशन शुरू होती है: एक स्किप लिंक, एक शीर्षक, और सामग्री का स्तंभ।

पूर्वावलोकन

column शेल खोलें (नए टैब में खुलता है)

topbar

ऊपर की पट्टी में ब्रांड, नेविगेशन और खाता मेन्यू, और पृष्ठ के नीचे फ़ुटर।

पूर्वावलोकन

topbar शेल खोलें (नए टैब में खुलता है)

sidebar

पृष्ठ के बग़ल में एक नेविगेशन रेल। फ़ोन पर यह रेल एक सूची-पृष्ठ होती है और बाक़ी हर पृष्ठ पर वापस जाने का नियंत्रण होता है। JavaScript की ज़रूरत नहीं।

पूर्वावलोकन

sidebar शेल खोलें (नए टैब में खुलता है)

console

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

पूर्वावलोकन

console शेल खोलें (नए टैब में खुलता है)

stage

पूरे पृष्ठ की पृष्ठभूमि के बीच में एक कार्ड, उस स्क्रीन के लिए जो अकेली खड़ी होती है। यह साइन-इन स्क्रीन के लिए ही है।

पूर्वावलोकन

stage शेल खोलें (नए टैब में खुलता है)