🙊 🧘 👨🏽‍🚀 स्ट्रिंग इंस्ट्रूमेंट्स के लिए तार: बग फिक्स 👰 📳 🙍🏼

उनके गिटार tablatures के दूसरे संस्करण के प्रकाशन के कुछ महीने बाद, मुझे आखिरकार उन्हें एक फ़ाइल के साथ थोड़ा संशोधित करने का समय मिला।

क्या किया गया है:

- डबल-स्ट्रिंग सर्किट को हटा दिया (वे सामान्य रूप से, पंखे द्वारा बनाए गए थे),

- माल की अधिकतम संख्या बारह तक सीमित थी,

- झल्लाहट संख्या का जोड़ा प्रदर्शन,

- उंगली की संख्या का जोड़ा गया प्रदर्शन,

- साधन की संरचना का प्रदर्शन जोड़ा गया,

- निष्क्रिय तारों के प्रदर्शन को कम करें (पहले उन्हें लाल "चिप्स" के साथ हाइलाइट किया गया था, अब, उम्मीद के मुताबिक, लाल क्रॉस और एक कम ध्यान देने योग्य रंग (दूसरा छठे IE के लिए बनाया गया है, जो सीएसएस-संपत्ति सामग्री का समर्थन नहीं करता है)

- परिणाम के रूप में क्रॉस-ब्राउज़र संगतता पर काम किया गया - ता-दाम! - यह बात बूढ़े आदमी, छठी IE में भी काम करती है, हालांकि यह कुछ सुंदरियों को देखने के लिए काम नहीं करेगा।

यह अपमान कैसा दिखता है, उदाहरण के साथ पृष्ठ पर देखा जा सकता है ( पिछले संस्करण के साथ तुलना)।

यह सब कैसे उपयोग करें?

अब मैं अपनी कल्पना को चालू करता हूं और एक पल के लिए कल्पना करता हूं कि किसी को उपरोक्त सभी की आवश्यकता है, और मैं स्पष्ट रूप से यह दिखाने की कोशिश करूंगा कि इसका उपयोग कैसे करना है।

एम कॉर्ड प्रदर्शित करने के लिए चरण-दर-चरण निर्देश

1. ब्लॉक की सीएसएस फ़ाइल डाउनलोड करें और इसे आपके लिए सुविधाजनक डायरेक्टरी में रखें।

2. डाउनलोड की गई सीएसएस फाइल को कनेक्ट करें:

<link rel="stylesheet" type="text/css" href="__/b-neck.css">

3. एक आवरण बनाएँ:

 <div class="b-neck"> <div class="b-neck__fretboard SingleVI"> </div> </div>

यदि आपको पूर्ण बारह फ़ुट गर्दन की ज़रूरत नहीं है, तो आप यह कर सकते हैं:

 <div class="b-neck b-neck_type_part"> <div class="b-neck__fretboard SingleVI"> </div> </div>

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

4. आवेषण डालें:

 <div class="b-neck"> <div class="b-neck__fretboard SingleVI"> <div class="b-neck__frets"> <div class="b-neck__fret Nut"></div> <div class="b-neck__fret I"></div> <div class="b-neck__fret II"></div> <div class="b-neck__fret III"></div> <div class="b-neck__fret IV"></div> <div class="b-neck__fret V"></div> <div class="b-neck__fret VI"></div> <div class="b-neck__fret VII"></div> <div class="b-neck__fret VIII"></div> <div class="b-neck__fret IX"></div> <div class="b-neck__fret X"></div> <div class="b-neck__fret XI"></div> <div class="b-neck__fret XII"></div> </div> </div> </div>

यदि आपने रैपिंग के लिए b-neck_type_part वर्ग का उपयोग किया है, तो b-neck__fret वर्ग के साथ छह से अधिक तत्व नहीं होने चाहिए। ऐसे तत्व के वर्ग नट का मतलब है कि यह अखरोट है। रोमन अंक वर्ग झल्लाहट संख्या हैं। आप नट और किसी भी झल्लाहट दोनों के साथ उलटी गिनती शुरू कर सकते हैं (इस मामले में, नट को बस हटा दिया जाता है)।

5. तार की प्रविष्टि:

 <div class="b-neck"> <div class="b-neck__fretboard SingleVI"> <div class="b-neck__frets"> <div class="b-neck__fret Nut"></div> <div class="b-neck__fret I"></div> <div class="b-neck__fret II"></div> <div class="b-neck__fret III"></div> <div class="b-neck__fret IV"></div> <div class="b-neck__fret V"></div> <div class="b-neck__fret VI"></div> <div class="b-neck__fret VII"></div> <div class="b-neck__fret VIII"></div> <div class="b-neck__fret IX"></div> <div class="b-neck__fret X"></div> <div class="b-neck__fret XI"></div> <div class="b-neck__fret XII"></div> </div> <div class="b-neck__strings"> <div class="b-neck__string I E"></div> <div class="b-neck__string II H"></div> <div class="b-neck__string III G"></div> <div class="b-neck__string IV D"></div> <div class="b-neck__string V A"></div> <div class="b-neck__string VI E"></div> </div> </div> </div>

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

B-neck__string ब्लॉक के साथ, सब कुछ सरल है। उसके तीन वर्ग हो सकते हैं।

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

दूसरा एक अपरकेस लैटिन अक्षर है जो दर्शाता है कि वर्तमान में स्ट्रिंग को नोट किया गया है (इसे छोड़ा जा सकता है)। स्पष्ट नोटों के अलावा, तेज या सपाट नोटों को इंगित किया जा सकता है। उदाहरण के लिए, इस तरह:

 <div class="b-neck__string IF♯"></div>

या:

 <div class="b-neck__string IE♭"></div>

इस विकल्प का उपयोग सावधानी से किया जाना चाहिए, क्योंकि and और not आइकन सभी ओएस और फोंट में प्रदर्शित नहीं होते हैं।

तीसरा वर्ग भी वैकल्पिक है, यह सक्रिय या निष्क्रिय हो सकता है। पहले मामले में, स्ट्रिंग को हरे रंग में सक्रिय रूप में हाइलाइट किया गया है, दूसरे में, यह एक लाल क्रॉस है और यह "पीला" हो जाता है।

6. "उंगलियां" डालें (यह ब्लॉक सबसे कठिन है)

 <div class="b-neck"> <div class="b-neck__fretboard SingleVI"> <div class="b-neck__frets"> <div class="b-neck__fret Nut"></div> <div class="b-neck__fret I"></div> <div class="b-neck__fret II"></div> <div class="b-neck__fret III"></div> <div class="b-neck__fret IV"></div> <div class="b-neck__fret V"></div> <div class="b-neck__fret VI"></div> <div class="b-neck__fret VII"></div> <div class="b-neck__fret VIII"></div> <div class="b-neck__fret IX"></div> <div class="b-neck__fret X"></div> <div class="b-neck__fret XI"></div> <div class="b-neck__fret XII"></div> </div> <div class="b-neck__strings"> <div class="b-neck__string I E"></div> <div class="b-neck__string II H"></div> <div class="b-neck__string III G"></div> <div class="b-neck__string IV D"></div> <div class="b-neck__string V A"></div> <div class="b-neck__string VI E"></div> </div> <div class="b-neck__hand"> <div class="b-neck__finger III AtIV ToII"></div> <div class="b-neck__finger II AtV ToII"></div> </div> </div> </div>

बी-गर्दन__फिंगर ब्लॉक पर ध्यान दें। उसके चार वर्ग हो सकते हैं।

पहला I से V तक रोमन अंक है। यह उंगली की संख्या को इंगित करता है। यदि यह वर्ग निर्दिष्ट नहीं है, तो उंगली नंबर प्रदर्शित नहीं किया जाएगा। उंगलियों को निम्नानुसार इंगित किया गया है: सूचकांक - I, मध्य - II, अनाम - III, पिंकी - IV, बड़ा (कभी-कभी ऐसा होता है - वी।

दूसरा है At +, एक रोमन अंक जो इंगित करता है कि "उंगली" को किस स्ट्रिंग पर रखा गया है।

तीसरा - टू + एक रोमन अंक है जो इंगित करता है कि "उंगली" किस मोड पर जा रही है।

चौथा - बैरे + रोमन अंक दर्शाता है कि एक बैरे को कितने फ्रीट में रखा गया है। उदाहरण के लिए:

 <div class="b-neck__finger BarreIV"></div>

4 तार पर एक बैरे लगाएगा।

7. आप कॉर्ड ब्लॉक में शीर्षक या शीर्षक जोड़ना चाह सकते हैं।

 <div class="b-neck"> <div class="b-neck__h1"> </div> <div class="b-neck__fretboard SingleVI"> <div class="b-neck__frets"> <div class="b-neck__fret Nut"></div> <div class="b-neck__fret I"></div> <div class="b-neck__fret II"></div> <div class="b-neck__fret III"></div> <div class="b-neck__fret IV"></div> <div class="b-neck__fret V"></div> <div class="b-neck__fret VI"></div> <div class="b-neck__fret VII"></div> <div class="b-neck__fret VIII"></div> <div class="b-neck__fret IX"></div> <div class="b-neck__fret X"></div> <div class="b-neck__fret XI"></div> <div class="b-neck__fret XII"></div> </div> <div class="b-neck__strings"> <div class="b-neck__string I E"></div> <div class="b-neck__string II H"></div> <div class="b-neck__string III G"></div> <div class="b-neck__string IV D"></div> <div class="b-neck__string V A"></div> <div class="b-neck__string VI E"></div> </div> <div class="b-neck__hand"> <div class="b-neck__finger III AtIV ToII"></div> <div class="b-neck__finger II AtV ToII"></div> </div> </div> <div class="b-neck__h2"> </div> <div class="b-neck__message"> </div> </div>

यह मूल रूप से सभी है।

थोड़ा लाड़ प्यार:

अर्पेगियो नंबर 1 ,

अर्पेगियो नंबर 2 ,

अर्पेगियो नंबर 3 ,

अरपेगियो नंबर 4 (मेरा पसंदीदा)।

वैकल्पिक संस्करण:

r3code से habrahabr.ru/blogs/css/55248 ,

rukeba.com/chords रुक्बे से,

habrahabr.ru/blogs/css/94139 दसियों से ,

chordfind.com ,

www.gootar.com/guitar

स्ट्रिंग इंस्ट्रूमेंट्स के लिए तार: बग फिक्स

More articles: