Subject: Chord Diagram Primer From: Mark Clark Date: 12 Apr 00 - 03:54 PM This is the Chord Diagram Primer thread. It's purpose is to provide a simple tutorial for folks who would like to know how to create hypertext links (blue clicky things) in their posts that display any guitar chord diagram of their choosing along with a MIDI representation of the chord so people can hear how it sounds. The chords are generated courtesy of the University of Virginia Music Department and a link to their site may be found in the Mudcat links section. People who discover additional truths concerning this process should add their wisdom here as well. For questions and general discussion of the process, please start an appropriately titled thread so folks can feel free to post and respond as they choose. That way we can keep this thread small so it is available quickly to those wanting to use it as a reference. I also respond to email and have submitted my email address for inclusion in the Mudcat email directory. Thanks, - Mark
|
Subject: RE: Chord Diagram Primer From: Mark Clark Date: 12 Apr 00 - 04:53 PM The techniques described here help you include guitar chord diagrams in your posts by creating a hypertext link to the chord you wish to describe. Using the techniques, you can provide a visual and audio reference for interested readers without resorting to imbedding images into the thread. The chord images come from the University of Virginia Music Department and may either be looked up on their site or specified entirely by you. Many people will prefer the lookup and paste method but whey you're trying to describe "the lost chord" there may be no way to find it in the Online Guitar Chord Dictionary. In those cases, you must resort to specifying the fingering pattern yourself. Here, then, are the techniques I know about at this writing. First of all, here is a complete Universal Resource Locator (URL) for the Online Guitar Chord Dictionary. <a href="http://www.lib.virginia.edu/dmmc/Music/GuitarChords/">your text goes here</a> If you were to copy this text to your clipboard and drop it into one of your posts, you'd get a hypertext link to the dictionary site using what ever text you included in the URL. Be careful not to modify anything except the "your text goes here" part. Of course dropping that link into your post doesn't provide any diagram, it's only a link to the lookup site. Here is the general HTML syntax for any link: <a href=" ">your text goes here</a>
To include an ordinary chord in your post, do the following: - Mark
|
Subject: RE: Chord Diagram Primer From: Mark Clark Date: 13 Apr 00 - 12:44 AM This technique will let you build a hypertext link (blue clicky) to display any guitar chord you would like to represent. This is not nearly as daunting as it may seem. Reading these instruction is far more difficult than actually performing the work. The link is not built by copying a URL from the dictionary site, rather it is more or less hand coded by you based on the particular way you like to form the chord you are describing. To make things as simple as possible, I'll start you off with a template. You can copy the template and save it in a text file on your computer so you have it at hand whenever you need it or you can simply elect to trace this thread and keep a pointer on your personal page. The template has all the parts necessary to build an active chord reference. Chord Link Template: <a href="http://www.lib.virginia.edu/clembin/gtr.pl?show=root:ext:label:ff1:ff2:ff3:ff4:ff5:ff6:barre:pos">your words</a> To use the template, highlight it and copy it onto your clipboard using Ctrl-C or selecting Edit/Copy from the menu. Paste it into your post using Ctrl-V or by selecting Edit/Paste from the menu. Now you're ready to fill in the details. You'll see I've placed dummy arguments into the template as place holder. Your job now is to replace each dummy argument with the proper value based on the descriptions below. Be careful not to disrupt anything but the dummy arguments themselves. Don't accidentally remove a colon or other character. Once you've set all the parameters, you've completed the chord reference and are ready to continue typing your post. Parameters:
That's all there is to it. The template makes it easy to remember what parameters are needed and their sequence. Once you've built a few chord links by hand, the process will become second nature. When you no longer need to refer back here to remember how to build one, you may find it's faster than the hunt-cut-paste method. Have fun and let me know if you like these or if you're having trouble. If my descriptions simply aren't clear, feel free to enhance this primer by adding your post to this thread. For praise or complaints, please start another thread. Thanks, - Mark |
Subject: RE: Chord Diagram Primer From: Hyperabid Date: 13 Apr 00 - 04:52 AM You de man! Mark - great thread... Hyp. |
Subject: RE: Chord Diagram Primer From: wysiwyg Date: 15 Jul 01 - 11:40 AM refresh |
Subject: RE: Chord Diagram Primer From: shankmac Date: 15 Jul 01 - 12:45 PM refresh |
Subject: RE: Chord Diagram Primer From: Geoff the Duck Date: 06 Sep 01 - 08:49 PM |
Subject: RE: Chord Diagram Primer From: GUEST,Mark Clark (via public proxy) Date: 03 Jan 02 - 05:00 PM In another thread I created a chord link (F#°7) using my description above only to find that it didn't result in a valid diagram. Wondering why, I emailed Perry Roland, the developer of the Online Guitar Chord Dictionary, to see if he knew why my link had failed. In a very polite reply, he pointed out that I had used the sharp sign (#) as clear text in the link and that special character causes the parameter list to be invalidated. Perry pointed out that I needed to “escape” the special characters so they wouldn't be seen as control characters by the host operating system.
Important Perry actually suggested that all special characters be escaped so the #, -, :, and / characters should be replaced by %23, %2d, %3a, and %2f, respectively and I know this is good advice but, in my own experience, only the sharp sign actually requires the alternate coding in this particular application. - Mark |
Share Thread: |
Subject: | Help |
From: | |
Preview Automatic Linebreaks Make a link ("blue clicky") |