Tab Mapper

Tab or chord file URL

The tab mapper is a handy little tool that will render a guitar tab file with graphic chord diagrams displayed alongside. This comes in handy for people who just don't have every single chord shape memorized. Just plug in the web site address of a valid .tab or .crd file and hit "Go". In general, the tab mapper does a better job with printer friendly URLs. If there is more than one way to play a chord, the tab mapper will choose the most common shape. To see other fingerings, click on the chord diagram and you will be taken to the chord calculator.

Original file located @ https://yntplus.blogspot.com/.

/* Add your CSS styling here */ @font-face { font-family: 'Quicksand-Regular'; src: url(Quicksand-Regular.ttf); } body { background: #F4F4F4; margin: 0; font-family: 'Quicksand-Regular'; } #container { width: 750px; margin: 0 auto; background: #FFFFFF; } #header { padding: 45px 0 20px 40px; } #header a { color: #121212; text-decoration: none; font-size: 30px; } #menu { background-color: #3b7687; padding: 6px 0 6px 40px; } #menu a { color: #c5d6db; text-decoration: none; font-size: 14px; } #menu a:hover { color: #ecf2f3; } #sidebar { float: left; width: 120px; padding: 30px 0 0 40px; margin: 0; } h1 { margin: 0px; color: #869843; font-size:24px; font-weight: normal; } h2 { color: #3b7687; font-size: 15px; margin: 20px 0 5px 0; } #main { margin: 0 0 0 180px; padding: 35px 40px 30px 0; color: #444444; font-size: 13px; line-height: 18px; text-align: justify; } #main a { color: #3b7687; text-decoration: none; } #main a:hover { color: #444444; } #footer { padding: 10px 50px 10px 50px; background: #d6d6d6; color: #444444; font-size: 12px; text-align: right; } #footer a { text-decoration: none; color: #262626; } #footer a:hover { color: #666666; } .separator { font-size:11px; color:#FFFFFF; } </style> <style> /* Add mobile styling below this breakpoint */ @media only screen and (max-width: 480px) { #container { width: 100%; } #header { padding: 20px; } #header h1 { font-size: 22px; } #menu { padding: 10px; text-align: center; } #menu a { font-size: 12px; display: block; margin: 5px 0; } #sidebar { width: 100%; float: none; padding: 20px; text-align: center; } #main { width: 100%; float: none; margin: 0; padding: 20px; } } </style>