吉他和弦和歌词的降价

Question

我正试图找出一种能够存储同步吉他和弦的纯文本音乐歌词的好方法.在显示时,我希望看到歌词在相应单词上方的"空白"行中以和弦双倍间距呈现.这是我自己的个人歌词书,所以最终渲染将最常见于死树与屏幕,但最终可能会改变.我想我会给Markdown一个镜头,并且当与一些CSS结合使得<a>标签呈现为准上标时,能够获得以下格式"有点"工作.我有点喜欢使用<a>标签,因为我可以在文件底部有任何包含和弦的参考链接:

#Supertramp - Give A Little Bit

[A]

[D]Give a little bit[A][] [D]

  Give a little bit[G] of your[A] love to me[G][][A]

[D]: http://guitar.about.com/library/blchord_dmajor.htm  "D major"
[G]: http://guitar.about.com/library/blchord_gmajor.htm  "G major"
[A]: http://guitar.about.com/library/blchord_amajor.htm  "A major"

CSS和转换的markdown在这里:http://jsfiddle.net/654ct/13/

h1 {
    font-family: Arial;
    font-size: 2em;
    margin-bottom: 1em;
}
p { 
    line-height:1em; 
    margin-bottom:1.1em;  
    font-family: Arial;
} 
a {
    position: relative;
    top: -1em;
    display:inline-block; 
    width: 0;
    overflow:visible; 
    color:#00F;
    font-weight:bold;
    font-family: Arial;
    text-decoration: none;
} 

我从这里借了很多CSS: 样式文本使它显示在行上方(对于歌词上方的和弦) 我正在写一个新主题,因为这主要是对降价帮助的呼吁.

到目前为止,这种格式的优点在于和弦能够与歌词"内联"编写,因此无论使用何种字体,单词和音乐都保持同步.此外,我还获得了降价本身相当可读的额外好处.

唯一的问题是:

1. 如果有两个和弦需要在其间没有任何单词播放,则在HTML中呈现时,和弦字符会相互"重叠".(我相信这是由宽度:0引起的;但是当有和弦变化时,这是我所要求的,以消除歌词中的间隙.)
2. 在同一场景中,除了最后一个和弦之外的所有和弦需要在和弦字母后面有一个[],否则第二个和弦将被解释为第一个和弦的描述.这使得降价比我想要的更加繁忙.

有没有一种很好的方法来解决CSS中的一个或两个问题或改变降价？如果没有,除了为此编写我自己的吉他和弦特定标记语言之外,是否有人知道完全不同的选择？(即使我没有写我自己的标记语言,这一点,我仍然需要与问题1.帮助)我知道的标签格式和我在寻找显著不太精细的东西,因为我需要的是时候提醒每个和弦都不是我手指需要的明确图表.

谢谢!

Answer 1

如果您只是想打印歌曲集，而不是开发自己的应用程序来创建风格化的乐谱，那么您应该查看这个 变调应用程序。

如果您粘贴和弦/歌词文本文件，然后将旧键和新键设置为相同，它将为您提供所需的输出。

您可以选择和弦名称或完整的和弦指法图表（在打印之前单击图表更改位置）。

我没有以任何方式参与这个应用程序 - 我只是在演出前打印我自己的音乐时经常使用它。

输出示例：

仅和弦字母。

和弦指法图