弦楽器のコード

サイトhttp://chordfind.com と r3codeの 例に触発されて、私は自分のバージョンのタブを思い浮かべることにしました。



アイデアは、弦楽器の首を模式的に示すことができるような普遍的な工夫をすることでした。 これは重要ではありません。 提供されたスキームの文字列だけが表示に十分な場合。



長所：

-さまざまな幅の「ストリング」なので、上部と下部の位置を明確に確認できます。

-3つの弦パターンの存在：低音（3〜6弦）、二重弦（8（マンドリン）〜12（12弦ギター））、単一弦（3〜8）。

-グラフィックは使用されません。

-1つのcssファイルのみ。

-最小のHTMLコード。

-直感的なクラス;

-Activeクラスを使用して、文字列を強調表示できます。



短所：

-結合クラスの使用により、6番目のIEでは機能しません（7番目以降のIEでは適切に見えるはずです）。

-指の番号と選択した楽器の表示を気にしませんでした。

-装飾がないため、やや正方形に見えます。



すべてのソースは例のページにあります 。