१० मुफ्त एलिमेंटर हीरो सेक्शन टेम्पलेट्स जिन्हें आप २ मिनट में आयात कर सकते हैं

अधिकांश मुफ्त एलिमेंटर हीरो सेक्शन टेम्प्लेट में एक ही समस्या होती है: आप एक जेएसओएन फ़ाइल आयात करते हैं, एक जमे हुए लेआउट प्राप्त करते हैं, और फिर व्यक्तिगत हेडिंग विजेट, इमेज विजेट और स्पेसर में क्लिक करके एक घंटे का समय बिताते हैं, इसे अपना बनाने की कोशिश करते हुए उच्चारण रंग बदलते हैं बारह अलग शैली पैनल।

स्क्रॉल करने से पहलेः यह संग्रह सिर्फ ११ तक बढ़ गया सबसे नया एक, ढीले सिरे#11 पर बैठे जीपीयू पार्टिकल हीरो का निर्माण हमारे यूट्यूब वीडियो फिल्माने के बाद किया गया था, इसलिए आपको यह वहां नहीं मिलेगा। इसे छोड़ें नहीं। आपके शीर्षक की परिक्रमा करने वाले और आपके आगंतुक के कर्सर को चकमा देने वाले एक हजार कण कुछ ऐसा नहीं है जिसे आप किसी अन्य एलिमेंटर लाइब्रेरी में देखेंगे, और नीचे एक एनिमेटेड पूर्वावलोकन है ताकि आप इसे चलते हुए देख सकें।

हमने इन १० हीरो वर्गों को अलग-अलग बनाया है प्रत्येक एक के रूप में आयात करता है एकल विजेट के माध्यम से मास्टर एडॉन्स विजेट बिल्डर॰ जब आप इसे एलिमेंटर में खींचते हैं, तो प्रत्येक शीर्षक, पैराग्राफ, बटन, लिंक और छवि सामग्री टैब में एक लेबल फ़ील्ड है, और पूरी रंग योजना स्टाइल टैब में ३ से ६ रंग पिकर के रूप में बैठती है एक बदलें “एक्सेंट कलर” और बटन, होवर राज्य, चमक, और सभी अपडेट को एक साथ रेखांकित करता है, क्योंकि सीएसएस आपके द्वारा चुने गए आधार रंगों से हर माध्यमिक टिंट प्राप्त करता है।

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

स्क्रीनशॉट यह नहीं बताते हैं कि वास्तव में एनीमेशन कैसा दिखता है मैंने आपके लिए एक वीडियो बनाया है जिसे आपको देखना चाहिए ताकि आपको एनीमेशन पर एक उचित विचार मिल सके और हीरो सेक्शन टेम्पलेट डाउनलोड करने के बाद आपको क्या मिलेगा।

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

नीचे आपको वास्तविक स्क्रीनशॉट के साथ सभी १० डिज़ाइन मिलेंगे, एक ईमानदार नोट जो वास्तव में फिट बैठता है, और फिर एक चरण-दर-चरण आयात गाइड सटीक वर्कफ़्लो से स्क्रीनशॉट के साथ।

कुछ नायक स्थिर फोटो की तुलना में उनमें गति के साथ बेहतर पढ़ते हैं। यदि आप इसी दिशा में जा रहे हैं, तो २० एलिमेंटर हिंडोला डिजाइन क्या इस वन में साथी सेट है कवरफ्लो, एक इमेज अकॉर्डियन, एक कर्टेन वाइप, एक ऑर्बिट, एक ड्रैग-स्क्रॉल स्ट्रिप और प्लिंथ नामक एक फुल-ब्लीड हीरो स्लाइडर जो अपना स्वयं का कैप्शन पैनल और कॉल-टू-एक्शन रखता है।

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

इस संग्रह में क्या है

• 1। पल्सबोर्ड & SaaS/विश्लेषण उत्पाद
• 2। अल्पेनरूट यात्रा एवं रोमांच
• 3। एम्बर और ओक उस कॉफी शॉप/रेस्तरां
• 4। एटेलियर नॉर फैशन और ई-कॉमर्स
• 5। ऑफबीट स्टूडियो और क्रिएटिव एजेंसी
• ६ फोर्ज एथलेटिक्स और जिम और फिटनेस
• 7। विगली माइंड्स और बच्चों के ऐप्स और शिक्षा
• 8। स्टूडियो मेरिडियन और वास्तुकला और आंतरिक सज्जा
• 9। लोटोन और कार्यक्रम और संगीत
• १० माणे इथे सौंदर्य और त्वचा की देखभाल
• 11। पोर्टफोलियो, स्टूडियो और लॉन्च पेजों के लिए लूज़ एंड्स (एस) जिन्हें जॉ-ड्रॉप की आवश्यकता होती है
• एलिमेंट में हीरो सेक्शन कैसे आयात करें (कदम दर कदम)
• अक्सर पूछे जाने वाले प्रश्न

ये सामान्य अनुभाग टेम्पलेट क्यों नहीं हैं

शोकेस से पहले एक त्वरित अंतर, क्योंकि यह बदलता है कि आप उनका उपयोग कैसे करेंगे।

एक सामान्य एलिमेंटर सेक्शन टेम्पलेट स्टॉक विजेट की एक सहेजी गई व्यवस्था है यह समाप्त दिखता है, लेकिन संरचनात्मक रूप से यह दर्जनों ढीले हिस्से हैं ये १० नायक हैं कस्टम विजेट विजेट बिल्डर के साथ निर्मित: एचटीएमएल, सीएसएस, और जावास्क्रिप्ट एलिमेंट कंट्रोल के पीछे पैक किया गया तीन व्यावहारिक परिणामः

• संपादन तेज है। संगीत समारोह नायक के पास २४ फ़ील्ड हैं (तारीख, स्थान, अपने स्वयं के लिंक के साथ तीन लाइनअप पंक्तियां, दो बटन, रंग) आप नेस्टेड कंटेनरों के पेड़ के माध्यम से शिकार करने के बजाय उन्हें एक पैनल में संपादित करते हैं।
• एनिमेशन जीवित हैं. जावास्क्रिप्ट विजेट के अंदर जहाज: चुंबकीय बटन, गिनती-अप आँकड़े, माउस लंबन कोई अतिरिक्त प्लगइन्स, कोई सीडीएन कॉल गूगल फ़ॉन्ट्स को छोड़कर, जो प्रत्येक विजेट एक बार लोड करता है, अपने आप से।
• कुछ भी लीक नहीं होता. प्रत्येक स्टाइलशीट को अपने स्वयं के रैपर वर्ग के लिए स्कोप किया जाता है और प्रत्येक एनीमेशन नाम उपसर्ग किया जाता है, इसलिए एक ही पृष्ठ पर दो नायक एक-दूसरे से या आपके विषय की शैलियों से नहीं लड़ेंगे हमने सीखा कि एक कठिन तरीका।

आपको इसकी आवश्यकता होगी मास्टर ऐडऑन प्लगइन एलिमेंटर के साथ प्रो स्थापित विजेट बिल्डर और इसकी आयात सुविधा मुफ्त संस्करण में शामिल है, जो कि ३०,०००+ साइटें पहले से ही इसे कैसे चलाती हैं।

1। SaaS और एनालिटिक्स उत्पादों के लिए पल्सबोर्ड

क्लासिक विभाजन नायक, बाईं ओर कॉपी और दाईं ओर उत्पाद, लेकिन तीन विवरणों के साथ जो आगंतुकों को रोकते हैं राजस्व चार्ट खुद को खींचता है लाइन के साथ यात्रा करने वाले पल्स डॉट के साथ लोड पर दो स्टेट कार्ड धीमी बॉब पर डैशबोर्ड पर तैरते हैं और पूरे दृश्य आपके कर्सर की ओर कुछ डिग्री झुकाते हैं, जो एक फ्लैट मॉकअप को ऑब्जेक्ट के रूप में पढ़ता है।

नीचे सामाजिक-सबूत पंक्ति आपके नंबर तक गिनती है (डिफ़ॉल्ट: ४,७०० टीमें) आप पैनल में एक सादा संख्या टाइप करते हैं और एनीमेशन बाकी को संभालता है यह लेने के लिए लेआउट है यदि आपके उत्पाद में स्क्रीन दिखाने लायक है: एनालिटिक्स टूल, सीआरएम, डैशबोर्ड, बुकिंग सिस्टम यदि आपका उत्पाद स्क्रीनशॉट में अच्छी तरह से डेमो नहीं करता है, तो इसके बजाय ऑफबीट (# ५) देखें, क्योंकि यह लेआउट उस दाहिने हाथ की छवि पर रहता है या मर जाता है।

आप संपादित कर सकते हैंः 4-भाग शीर्षक (रेखांकित उच्चारण शब्द अपना स्वयं का फ़ील्ड है), बैज टेक्स्ट, पैराग्राफ, पूर्ण लिंक नियंत्रण के साथ 2 बटन, काउंट-अप नंबर, प्रूफ टेक्स्ट, 3 छवियां, 6 रंग।

2। यात्रा, पर्यटन और आउटडोर ब्रांडों के लिए अल्पेनरूट

तीन अलग-अलग छवि परतों से निर्मित एक पूर्ण स्क्रीन पर्वत पैनोरमा अपने माउस को ले जाएं और परतें अलग-अलग गति से शिफ्ट होती हैं यह वास्तविक गहराई है, शीर्ष पर पाठ के साथ एक फ्लैट फोटो नहीं ५५ - और ९० सेकंड के छोरों पर बादल बहाव, और एक ऊर्ध्वाधर ऊंचाई टिकर ० से २,८४७ मीटर तक सही गिनती पर पृष्ठ लोड होता है सामने रिज पर एक ब्लिंकिंग हेडलैम्प के साथ एक छोटा पैदल यात्री भी है किसी को भी हाइकर की आवश्यकता नहीं है हर कोई हाइकर को याद करता है।

क्योंकि दृश्यावली तीन छवि क्षेत्रों से आती है, आप अपने स्वयं के स्तरित कलाकृति (टिब्बा, समुद्र तट, शहर के क्षितिज) के लिए पहाड़ों को स्वैप कर सकते हैं और लंबन रख सकते हैं तथ्यों की पंक्ति (२७ मार्ग/८ हाइकर्स अधिकतम/१९ वर्ष) छह संपादन योग्य क्षेत्र हैं, और यह वह जगह है जहां यह नायक विश्वास अर्जित करता है: विशेषणों के बजाय विशिष्ट संख्याएं सबसे उपयुक्त: ट्रैकिंग कंपनियां, टूर ऑपरेटर, राष्ट्रीय उद्यान स्थल, किसी उत्पाद के बजाय जगह बेचने वाला कोई भी ब्रांड।

आप संपादित कर सकते हैंः २-लाइन हेडलाइन, भौं, पैराग्राफ, २ बटन + लिंक, ऊंचाई संख्या और लेबल, ३ तथ्य जोड़े, ४ दृश्यों की छवियां, ४ रंग (एक आधार रंग से पूरे आकाश ढाल फिर से रंगते हैं)।

३ कॉफी की दुकानों, कैफे, और रेस्तरां के लिए एम्बर और ओक एस

डार्क एस्प्रेसो बैकग्राउंड, इटैलिक एम्बर एक्सेंट शब्द के साथ सेरिफ़ हेडलाइन, और सिग्नेचर पीस: टेक्स्ट रीडिंग की एक रिंग “SMALL बैच · हर गुरुवार को भुना हुआ · सिंगल ओरिजिन” जो कप से भाप उठते समय ऊपर से नीचे लट्टे फोटो के चारों ओर धीरे-धीरे घूमता है। एक कॉफ़ी बैग कोने में झुक जाता है और मँडराने पर सीधा हो जाता है। सबसे नीचे, एक मूल-नाम मार्की (यिरगाचेफ़े, हुइला, सिड्रा...) लूप पर स्क्रॉल करता है और होवर पर रुकता है।

रिंग टेक्स्ट एक संपादन योग्य क्षेत्र है, इसलिए एक बेकरी लिखता है “सूर्डो · ५ बजे बेक्ड · कोई शॉर्टकट नहीं” और पूरे व्यक्तित्व स्थानान्तरण मार्की के लिए समान: एक क्षेत्र, आंतरिक रूप से दो बार मुद्रित इसलिए लूप कभी भी सीम नहीं दिखाता है किसी भी खाद्य व्यवसाय के लिए काम करता है जहां शिल्प पिच है जैसे कि रोस्टर, बेकरी, ब्रुअरीज, फार्म-टू-टेबल रेस्तरां।

आप संपादित कर सकते हैंः उच्चारण शब्द, पैराग्राफ, मूल्य नोट, 2 बटन + लिंक, रिंग टेक्स्ट, मार्की टेक्स्ट, 2 छवियां, 5 रंगों के साथ 3-भाग का शीर्षक।

४ फैशन लेबल और प्रीमियम ई-कॉमर्स के लिए एटेलियर नॉर।

सेट में सबसे शांत डिजाइन, और सबसे संपादकीय दो बड़े आकार के शब्द (शांत/डिफ़ॉल्ट रूप से सिलाई) एक धनुषाकार चित्र फ्रेम को फैलाते हैं, प्रत्येक शब्द लोड पर एक क्लिप किए गए किनारे से पोंछते हैं चित्र को घुमाएं और यह एक दूसरे रूप में क्रॉसफेड करता है जबकि नीचे कैप्शन “०१/०२ से स्विच करता है लांगलाइन कोटंबाल से “०२/०२ डी द ड्रेप ड्रेसंबाल वह दो-छवि होवर स्वैप लघु में पूरे विजेट है: संयमित, लेकिन जीवित।

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

आप संपादित कर सकते हैंः दोनों शीर्षक शब्द, वर्टिकल सीज़न लेबल, पैराग्राफ, बटन + लिंक, होवर संकेत, 2 कैप्शन के साथ 2 लुक छवियां, पाद पट्टी, 3 रंग।

५ ऑफबीट स्टूडियो और रचनात्मक एजेंसियों और स्टूडियो के लिए

कोबाल्ट, कोरल, और नींबू ऑफ-व्हाइट पर और बॉहॉस पोस्टर ऊर्जा हेडलाइन एक हाइलाइट किए गए उच्चारण शब्द के साथ अपरकेस में चिल्लाती है जो लोड के बाद आधे सेकंड के लिए एक पीले स्वाइप अंडरलाइन प्राप्त करती है इसके नीचे, तीन पोर्टफोलियो टाइल्स एक मेज पर प्रिंट की तरह थोड़ा घुमाए जाते हैं; प्रत्येक एक सीधा, लिफ्ट, और होवर पर ३ डी में आपके कर्सर की ओर झुकता है क्यू ४ के लिए एक “बुकिंग, स्टीकर कोलाज के ऊपर आलसी रूप से घूमता है।

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

आप संपादित कर सकते हैंः 3 सेवा टैग, किकर, 5-भाग शीर्षक (उच्चारण शब्द अलग), पैराग्राफ, चुंबकीय बटन + लिंक, 3 लिंक के साथ 3 टाइलें, स्टिकर टेक्स्ट, क्लाइंट मार्की, 5 रंग।

६ जिम और फिटनेस ब्रांड के लिए फोर्ज एथलेटिक्स और

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

आँकड़े नीचे की ओर गिनते हैं: १४ प्लेटफ़ॉर्म, ३१ कक्षाएं, २४ सदस्य प्रति कोच अधिकतम ध्यान दें कि अंतिम संख्या क्या करती है १ “सदस्य प्रति कोच, मैक्संबैग एक वादा है, घमंड नहीं है, और यह उस तरह की रेखा है जो परिचय सत्रों को भरती है एक क्षेत्र में अपने जिम के नाम के लिए भूत शब्द स्वैप करें ताकत जिम, क्रॉसफिट बॉक्स, मार्शल आर्ट स्टूडियो, और कोच जिनके ब्रांड तीव्रता है।

आप संपादित कर सकते हैंः 3-लाइन हेडलाइन, भौंह, पैराग्राफ, भूत शब्द, ऊर्ध्वाधर टैग, 2 बटन + लिंक, 3 स्टेट जोड़े, एथलीट छवि, 4 रंग।

7। विगली माइंड्स बच्चों के ऐप्स, स्कूलों और शिक्षा के लिए

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

केंद्रित लेआउट माता-पिता (वास्तविक खरीदारों) को एक स्पष्ट पथ पर रखता है: आयु सीमा बैज, वादा, एक पैराग्राफ जो जवाब देता है “इस स्क्रीन समय मुझे पछतावा होगा?”, ऐप स्टोर रेटिंग के साथ विश्वास रेखा शुभंकर तीन छवि क्षेत्र हैं अपने स्वयं के पात्रों में स्वैप करें और उछाल, छाया, और कर्सर-शर्मीला व्यवहार स्वचालित रूप से लागू होता है ऐप्स, डेकेयर, बच्चों के क्लब, बाल चिकित्सा प्रथाओं और खिलौना ब्रांडों को सीखने के लिए।

आप संपादित कर सकते हैंः झुके हुए उच्चारण शब्द, बैज, पैराग्राफ, 2 बटन + लिंक, ट्रस्ट लाइन, 3 शुभंकर छवियां, 6 रंगों के साथ शीर्षक।

8। आर्किटेक्ट्स, इंटीरियर डिजाइनरों और पोर्टफोलियो के लिए स्टूडियो मेरिडियन

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

पच्चीस संपादन योग्य क्षेत्र इसे दस का सबसे अधिक डेटा-समृद्ध नायक बनाते हैं प्रत्येक मेटा लेबल, दोनों कैप्शन, यहां तक कि नीचे के नियम में निर्देशांक केवल तीन रंग, और यह जानबूझकर है: ग्रेफाइट, कागज और ईंट एक प्रणाली है, और सिस्टम हैं जो इस दर्शकों का सम्मान करते हैं वास्तुकला फर्मों, इंटीरियर स्टूडियो, संरचनात्मक इंजीनियरों, और किसी भी पोर्टफोलियो के लिए जहां संयम क्षमता का संकेत देता है।

आप संपादित कर सकते हैंः 5-भाग शीर्षक, पैराग्राफ, बटन + यूआरएल के साथ टेक्स्ट लिंक, 3 मेटा जोड़े, फोटो + कैप्शन, फ्लोर प्लान + कैप्शन, समन्वय नियम, 3 रंग।

9। त्योहारों, संगीत कार्यक्रमों और कार्यक्रम पृष्ठों के लिए लोटोन

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

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

आप संपादित कर सकते हैंः विभाजित वर्डमार्क, दिनांक, स्थान, पैराग्राफ, 3 लिंक के साथ 3 लाइनअप पंक्तियाँ, 2 बटन + लिंक, ओर्ब छवि, सभी 3 ग्रेडिएंट स्टॉप सहित 5 रंग।

१० त्वचा देखभाल, सौंदर्य, और कल्याण ब्रांडों के लिए माएन ऍन

मिस्टी लैवेंडर और आड़ू धुंध धुंधला हो जाता है और एक सेरिफ़ हेडलाइन के पीछे बहाव होता है जिसकी इटैलिक लाइन, “देर रात की पाली।”, एक नरम ढाल रेखांकित करता है जो बाहर की ओर खिलता है उत्पाद की बोतल एक धराशायी अंगूठी के केंद्र में धीरे से तैरती है, और तीन घटक बैज (2% रेटिना, 5% जई किण्वन, 0% सुगंध) कक्षा यह 26-सेकंड के लूप पर है, प्रति-घूर्णन करता है ताकि वे पूरे रास्ते सीधे रहें।

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

आप संपादित कर सकते हैंः 2-भाग शीर्षक, भौंह, पैराग्राफ, 2 बटन + लिंक, 3 दावे, 3 परिक्रमा बैज जोड़े, बोतल छवि, 4 रंग।

11। पोर्टफोलियो, स्टूडियो और लॉन्च पेजों के लिए लूज़ एंड्स (एस) जिन्हें जॉ-ड्रॉप की आवश्यकता होती है

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

कण एक निश्चित रूप नहीं हैं स्टाइल टैब में एक ड्रॉपडाउन बीच के क्षेत्र को स्विच करता है किस्में (रंगीन घूमते तंतु), हिमपात (धीमी सफेद बहाव), सितारे (एक लगभग स्थिर ताराक्षेत्र), और ब्रह्मांड (लंबी गहरी-अंतरिक्ष विस्प्स) चार स्लाइडर घनत्व (१०० से २,००० कण), आकार, गहराई, और झुंड माउस पर कितनी कड़ी प्रतिक्रिया करता है नियंत्रण भी एक संरेखण नियंत्रण है जो पूरे सामग्री स्टैक को बाएं, केंद्र या दाएं ले जाता है, इसलिए एक ही विजेट एक संपादकीय बाएं-संरेखित नायक या एक केंद्रित छप पृष्ठ के रूप में काम करता है एक ईमानदार नोट: सीडीएन से ३ डी इंजन लोड होता है, पहली यात्रा के बाद लगभग १.२ एमबी कैश किया जाता है, और क्रोम और एज में वेबजीपीयू पर हर जगह वेबजीएल २ फ़ॉलबैक के साथ चलता है यदि वह अनुरोध विफल रहता है, तो नायक एक सामान्य स्टाइल अनुभाग के रूप में प्रस्तुत करता है और कुछ भी नहीं टूटता है या तो अपलोड करने के लिए कोई चित्र नहीं; पूरा दृश्य उत्पन्न होता है।

आप संपादित कर सकते हैंः गोली पाठ, भौंह, शीर्षक, टैगलाइन, पूर्ण लिंक नियंत्रण के साथ 2 बटन, स्क्रॉल क्यू, 3 बॉटम-बार पाठ, सामग्री संरेखण (बाएं /केंद्र /दाएं), कण प्रकार (स्ट्रैंड्स /बर्फ /सितारे /ब्रह्मांड), घनत्व, आकार, गहराई और माउस-प्रतिक्रिया स्लाइडर, 5 रंग।

एलिमेंट में हीरो सेक्शन टेम्पलेट कैसे आयात करें (कदम दर कदम)

पूरी प्रक्रिया में प्रति विजेट लगभग दो मिनट लगते हैं आपको वर्डप्रेस के साथ चाहिए तत्व और द मास्टर ऐडऑन प्रो प्लगइन सक्रिय। यहां सटीक वर्कफ़्लो है, जो संगीत समारोह के नायक के वास्तविक आयात से स्क्रीनशॉट किया गया है।

चरण १: डाउनलोड को अनज़िप करें

ज़िप पर डबल-क्लिक करें (यहाँ, music-festival-hero.zip)। अंदर आपको तीन चीजें मिलेंगी: विजेट फ़ाइल (widget-music-festival.json), ए demo-images अपलोड-तैयार पीएनजी वाला फ़ोल्डर, और ए README.txt यह आपको बताता है कि कौन सी छवि किस क्षेत्र में है। वहाँ भी है svg-originals फ़ोल्डर FAQ में उस पर और अधिक जानकारी प्राप्त करें।

चरण २: विजेट बिल्डर में जेएसओएन आयात करें

अपने वर्डप्रेस एडमिन में, पर जाएं मास्टर ऐडऑन → विजेट बिल्डर और क्लिक करें विजेट आयात करें. खींचना .json संवाद में फ़ाइल करें, या फ़ाइलें ब्राउज़ करें पर क्लिक करें केवल JSON ही यहां जाता है। छवियां बाद में सामान्य मीडिया लाइब्रेरी के माध्यम से आती हैं।

चरण ३: विजेट की जांच करें और सहेजें

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

चरण ४: इसे अपने पृष्ठ में खींचें

एलिमेंटर के साथ कोई भी पेज खोलें आपका नया विजेट नीचे पैनल में दिखाई देता है पसंदीदा; इसका नाम खोजें यदि आप इसे स्पॉट नहीं करते हैं इसे एक कंटेनर में खींचें आपके लिए एक टिप: कंटेनर की सेट करें सामग्री की चौड़ाई से पूर्ण चौड़ाई तक तो त्योहार और यात्रा नायकों की तरह किनारे से किनारे के डिजाइन वास्तव में किनारों तक पहुंच सकते हैं।

चरण ५: सामग्री और लिंक संपादित करें

विजेट पर क्लिक करें और सामग्री टैब प्रत्येक संपादन योग्य टुकड़े को सूचीबद्ध करता है, जिस तरह से डिज़ाइन को समूहीकृत किया जाता है: सामग्री क्षेत्र, लाइनअप पंक्तियां, बटन, छवियां किसी भी पाठ पर टाइप करें और पूर्वावलोकन अपडेट लाइव प्रत्येक बटन और लिंक की गई पंक्ति में एक उचित एलिमेंटर लिंक नियंत्रण है अपना यूआरएल चिपकाएं, फिर नई विंडो में “open और “nofolog” को टॉगल करने के लिए गियर दबाएं।

चरण ६: डेमो छवियों को अपलोड करें

छवियाँ अनुभाग में, प्रत्येक फ़ील्ड पर क्लिक करें और मिलान फ़ाइल अपलोड करें demo-images फ़ोल्डर रीडमी उन्हें मैप करता है यदि विजेट में कई हैं डेमो पीएनजी २ एक्स रिज़ॉल्यूशन पर निर्यात किए जाते हैं, इसलिए वे रेटिना स्क्रीन पर तेज रहते हैं किसी भी समय अपनी तस्वीरों में स्वैप करें फ़ील्ड एक मानक वर्डप्रेस मीडिया पिकर है फिर प्रकाशित करें. हो गया।

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

अक्सर पूछे जाने वाले प्रश्न

सभी १० नायक अनुभाग व्यक्तिगत और वाणिज्यिक परियोजनाओं के लिए नि: शुल्क हैं मास्टर एडॉन्स वी ३ एक्स के साथ एलिमेंटर पर मास्टर एडॉन्स टीम द्वारा निर्मित और परीक्षण किया गया प्रश्न या विजेट अनुरोध हमें टिप्पणियों में बताएं संग्रह लोगों के लिए पूछने के आधार पर बढ़ता है।