{"id":5479,"date":"2026-11-04T18:53:03","date_gmt":"2026-11-04T17:53:03","guid":{"rendered":"https:\/\/deskaudio.eu\/?post_type=da_lekcia&#038;p=5479"},"modified":"2026-11-11T12:26:10","modified_gmt":"2026-11-11T11:26:10","slug":"lekce-1-jak-cist-akordove-diagramy-a-tabulaturu","status":"publish","type":"da_lekcia","link":"https:\/\/deskaudio.eu\/cs\/kurz-kytary\/lekce-1-jak-cist-akordove-diagramy-a-tabulaturu\/","title":{"rendered":"Jak \u010d\u00edst akordov\u00e9 diagramy a tabulaturu"},"content":{"rendered":"<div class=\"da-lekcia\" data-lekcia=\"1\">\n<div style=\"width: 100%; background: #F5F3EF; color: #1A1916; font-family: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;\">\n<section style=\"background: #141311; color: #EDEAE4;\">\n<div style=\"max-width: 1240px; margin: 0 auto; padding: 36px 24px 48px; display: flex; flex-direction: column; gap: 22px;\">\n<nav aria-label=\"Drobe\u010dkov\u00e1 navigace\" style=\"font-size: 13px; color: #A8A29A; display: flex; flex-wrap: wrap; gap: 6px;\">\n        <a href=\"https:\/\/deskaudio.eu\/cs\/kurz-kytary\/\" style=\"color: #A8A29A;\">Kurz kytarov\u00e9 teorie<\/a><span aria-hidden=\"true\">\u203a<\/span><span>Modul 1: Hmatn\u00edk bez tajemstv\u00ed<\/span><span aria-hidden=\"true\">\u203a<\/span><span style=\"color: #EDEAE4;\">Lekce 1<\/span><br \/>\n      <\/nav>\n<div style=\"display: flex; flex-wrap: wrap; gap: 24px 40px; align-items: end;\">\n        <span style=\"font-family: 'Syne', sans-serif; font-weight: 800; font-size: clamp(88px, 12vw, 148px); line-height: 0.8; color: #F2804A; letter-spacing: -0.04em;\">01<\/span><\/p>\n<div style=\"flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 14px;\">\n<h1 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 800; font-size: clamp(32px, 4vw, 48px); line-height: 1.08; letter-spacing: -0.02em; text-wrap: balance;\">Jak \u010d\u00edst akordov\u00e9 diagramy a tabulaturu<\/h1>\n<div style=\"display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; font-weight: 600;\">\n            <span style=\"padding: 5px 11px; border-radius: 999px; background: #14261D; color: #5FBF8F;\">Za\u010d\u00e1te\u010dn\u00edk<\/span><br \/>\n            <span style=\"padding: 5px 11px; border-radius: 999px; border: 1px solid #3A3733; color: #C9C3BA;\">15 minut<\/span><br \/>\n            <span style=\"padding: 5px 11px; border-radius: 999px; border: 1px solid #3A3733; color: #C9C3BA;\">Cvi\u010den\u00ed p\u0159i 60 BPM<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"display: flex; flex-direction: column; gap: 8px; max-width: 520px;\">\n<div style=\"display: flex; justify-content: space-between; font-size: 13px; color: #A8A29A;\"><span>Lekce 1 z 31<\/span><span>Modul 1 \u00b7 1 z 5<\/span><\/div>\n<div role=\"progressbar\" aria-valuemin=\"1\" aria-valuemax=\"31\" aria-valuenow=\"1\" aria-label=\"Postup kurzem\" style=\"height: 6px; border-radius: 999px; background: #3A3733; overflow: hidden;\">\n<div style=\"width: 3.2%; height: 100%; background: #F2804A;\"><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<\/section>\n<p><!--da-telo--><\/p>\n<div style=\"max-width: 1240px; margin: 0 auto; padding: 40px 24px 80px; display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-start;\">\n<aside style=\"flex: 1 1 240px; max-width: 300px; min-width: 0; display: flex; flex-direction: column; gap: 24px;\">\n<nav aria-label=\"Obsah lekce\" style=\"display: flex; flex-direction: column; gap: 2px; font-size: 14px;\">\n        <span style=\"font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #6B665F; margin-bottom: 8px;\">V t\u00e9to lekci<\/span><br \/>\n        <a href=\"#preco\" style=\"padding: 8px 12px; border-radius: 7px; background: #FBF0EA; color: #BF4509; font-weight: 700; text-decoration: none;\">Pro\u010d to pot\u0159ebuje\u0161<\/a><br \/>\n        <a href=\"#teoria\" style=\"padding: 8px 12px; color: #1A1916; text-decoration: none;\">Teorie v kostce<\/a><br \/>\n        <a href=\"#diagram\" style=\"padding: 8px 12px; color: #1A1916; text-decoration: none;\">Diagram a tabulatura<\/a><br \/>\n        <a href=\"#techniky\" style=\"padding: 8px 12px; color: #1A1916; text-decoration: none;\">Zna\u010dky technik<\/a><br \/>\n        <a href=\"#cvicenie\" style=\"padding: 8px 12px; color: #1A1916; text-decoration: none;\">Cvi\u010den\u00ed<\/a><br \/>\n        <a href=\"#hudba\" style=\"padding: 8px 12px; color: #1A1916; text-decoration: none;\">Ve skute\u010dn\u00e9 hudb\u011b<\/a><br \/>\n        <a href=\"#zhrnutie\" style=\"padding: 8px 12px; color: #1A1916; text-decoration: none;\">Shrnut\u00ed a \u00fakol<\/a><br \/>\n      <\/nav>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 18px; display: flex; flex-direction: column; gap: 10px; font-size: 14px;\">\n        <span style=\"font-weight: 700;\">Modul 1: Hmatn\u00edk bez tajemstv\u00ed<\/span><\/p>\n<ol style=\"list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px;\">\n<li style=\"display: flex; gap: 10px; align-items: center; font-weight: 700; color: #BF4509;\"><span style=\"width: 22px; height: 22px; border-radius: 50%; background: #BF4509; color: #FFFFFF; display: grid; place-items: center; font-size: 12px;\">1<\/span>Diagramy a tabulatura<\/li>\n<li style=\"display: flex; gap: 10px; align-items: center; color: #6B665F;\"><span style=\"width: 22px; height: 22px; border-radius: 50%; border: 1px solid #8F8A82; display: grid; place-items: center; font-size: 12px;\">2<\/span>12 t\u00f3n\u016f<\/li>\n<li style=\"display: flex; gap: 10px; align-items: center; color: #6B665F;\"><span style=\"width: 22px; height: 22px; border-radius: 50%; border: 1px solid #8F8A82; display: grid; place-items: center; font-size: 12px;\">3<\/span>P\u016flt\u00f3n a cel\u00fd t\u00f3n<\/li>\n<li style=\"display: flex; gap: 10px; align-items: center; color: #6B665F;\"><span style=\"width: 22px; height: 22px; border-radius: 50%; border: 1px solid #8F8A82; display: grid; place-items: center; font-size: 12px;\">4<\/span>T\u00f3ny na hmatn\u00edku<\/li>\n<li style=\"display: flex; gap: 10px; align-items: center; color: #6B665F;\"><span style=\"width: 22px; height: 22px; border-radius: 50%; border: 1px solid #8F8A82; display: grid; place-items: center; font-size: 12px;\">5<\/span>Lad\u011bn\u00ed E-A-D-G-B-E<\/li>\n<\/ol><\/div>\n<\/aside>\n<p>    <main style=\"flex: 999 1 560px; min-width: 0; max-width: 780px; display: flex; flex-direction: column; gap: 48px; font-size: 17px; line-height: 1.65;\"><\/p>\n<section id=\"preco\" style=\"display: flex; flex-direction: column; gap: 16px;\">\n<h2 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 28px; line-height: 1.2;\">Pro\u010d to pot\u0159ebuje\u0161<\/h2>\n<p style=\"margin: 0;\">Na internetu najde\u0161 akordy a tabulatury skoro ke ka\u017ed\u00e9 p\u00edsni\u010dce. Sta\u010d\u00ed ale \u0161patn\u011b p\u0159e\u010d\u00edst jednu zna\u010dku a cel\u00e9 t\u00fddny cvi\u010d\u00ed\u0161 riff, kter\u00fd zn\u00ed \u201en\u011bjak divn\u011b\u201c.<\/p>\n<div style=\"display: flex; gap: 14px; padding: 18px 20px; border-radius: 12px; background: #FBF0EA; border: 1px solid #F2D4C2;\">\n          <svg aria-hidden=\"true\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#BF4509\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex: none; margin-top: 3px;\"><path d=\"M12 3l9 16H3z\"><\/path><path d=\"M12 10v4M12 17h.01\"><\/path><\/svg><\/p>\n<p style=\"margin: 0;\"><strong>Nej\u010dast\u011bj\u0161\u00ed chyba za\u010d\u00e1te\u010dn\u00edk\u016f:<\/strong> \u010dtou tabulaturu vzh\u016fru nohama a na nejtlust\u0161\u00ed strun\u011b hraj\u00ed to, co pat\u0159\u00ed na nejten\u010d\u00ed.<\/p>\n<\/p><\/div>\n<p style=\"margin: 0;\">Tahle lekce je tv\u016fj slovn\u00edk. Za 15 minut se nau\u010d\u00ed\u0161 \u010d\u00edst v\u0161echno, co v kurzu uvid\u00ed\u0161.<\/p>\n<\/section>\n<section id=\"teoria\" style=\"display: flex; flex-direction: column; gap: 18px;\">\n<h2 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 28px; line-height: 1.2;\">Teorie v kostce<\/h2>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px;\">\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 8px;\">\n<h3 style=\"margin: 0; font-size: 18px; font-weight: 700;\">Struny se \u010d\u00edsluj\u00ed od nejten\u010d\u00ed<\/h3>\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #4A4640;\">1. struna je nejten\u010d\u00ed a zn\u00ed nejv\u00fd\u0161, 6. je nejtlust\u0161\u00ed. Lad\u011bn\u00ed od 6. po 1.: <strong>E A D G B E<\/strong>.<\/p>\n<p style=\"margin: 0; font-size: 13px; line-height: 1.5; color: #6B665F;\">T\u00f3n B najde\u0161 v na\u0161ich zp\u011bvn\u00edc\u00edch pod jm\u00e9nem H. Ob\u011b konvence vysv\u011btluje lekce 2.<\/p>\n<\/p><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 8px;\">\n<h3 style=\"margin: 0; font-size: 18px; font-weight: 700;\">Prsty maj\u00ed \u010d\u00edsla<\/h3>\n<div style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 14px;\">\n              <span style=\"padding: 4px 10px; border-radius: 999px; background: #F5F3EF; border: 1px solid #E4E0D8;\"><strong>1<\/strong> ukazov\u00e1\u010dek<\/span><br \/>\n              <span style=\"padding: 4px 10px; border-radius: 999px; background: #F5F3EF; border: 1px solid #E4E0D8;\"><strong>2<\/strong> prost\u0159edn\u00ed\u010dek<\/span><br \/>\n              <span style=\"padding: 4px 10px; border-radius: 999px; background: #F5F3EF; border: 1px solid #E4E0D8;\"><strong>3<\/strong> prsten\u00ed\u010dek<\/span><br \/>\n              <span style=\"padding: 4px 10px; border-radius: 999px; background: #F5F3EF; border: 1px solid #E4E0D8;\"><strong>4<\/strong> mal\u00ed\u010dek<\/span><br \/>\n              <span style=\"padding: 4px 10px; border-radius: 999px; background: #F5F3EF; border: 1px solid #E4E0D8;\"><strong>T<\/strong> palec<\/span>\n            <\/div>\n<\/p><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 8px;\">\n<h3 style=\"margin: 0; font-size: 18px; font-weight: 700;\">Tabulatura je mapa strun<\/h3>\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #4A4640;\">\u010c\u00edsla \u0159\u00edkaj\u00ed, kter\u00fd pra\u017eec zm\u00e1\u010dknout, 0 je pr\u00e1zdn\u00e1 struna. <strong>Horn\u00ed \u010d\u00e1ra je 1. struna<\/strong>, p\u0159esn\u011b obr\u00e1cen\u011b, ne\u017e vid\u00ed\u0161 struny p\u0159i h\u0159e. \u010c\u00edsla nad sebou hraje\u0161 najednou.<\/p>\n<\/p><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 8px;\">\n<h3 style=\"margin: 0; font-size: 18px; font-weight: 700;\">Diagram je hmatn\u00edk na v\u00fd\u0161ku<\/h3>\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #4A4640;\">Svisl\u00e9 \u010d\u00e1ry jsou struny (vlevo 6.), tlust\u00e1 \u010d\u00e1ra naho\u0159e je nult\u00fd pra\u017eec. <strong>\u00d7<\/strong> = nehr\u00e1t, <strong>\u25cb<\/strong> = pr\u00e1zdn\u00e1 struna. \u0158\u00edmsk\u00e9 \u010d\u00edslo vedle (nap\u0159. V) znamen\u00e1, \u017ee diagram za\u010d\u00edn\u00e1 na 5. pra\u017eci.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"display: flex; gap: 12px; padding: 16px 18px; border-radius: 12px; background: #E8F0FA; color: #1A1916; font-size: 15px; line-height: 1.55;\">\n          <svg aria-hidden=\"true\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1A5FB4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex: none; margin-top: 2px;\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M12 11v6M12 7.5h.01\"><\/path><\/svg><\/p>\n<p style=\"margin: 0;\"><strong>Tabulatura neukazuje rytmus.<\/strong> \u0158ekne ti kde, ale ne kdy. Rytmus si ov\u011b\u0159 na nahr\u00e1vce nebo v notov\u00e9m z\u00e1pisu (lekce 6).<\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"diagram\" style=\"display: flex; flex-direction: column; gap: 18px;\">\n<div style=\"display: flex; flex-direction: column; gap: 6px;\">\n<h2 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 28px; line-height: 1.2;\">Akord C: diagram a tabulatura<\/h2>\n<p style=\"margin: 0; color: #4A4640;\">Klikni na libovolnou strunu v diagramu nebo v tabulatu\u0159e a uvid\u00ed\u0161, kde je stejn\u00e1 struna v druh\u00e9m z\u00e1pisu.<\/p>\n<\/p><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 20px;\">\n<div style=\"display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center;\">\n<div role=\"group\" aria-label=\"Co zobrazit v te\u010dk\u00e1ch\" style=\"display: flex; border: 1px solid #8F8A82; border-radius: 999px; overflow: hidden; font-size: 14px; font-weight: 600;\">\n              <button type=\"button\" aria-pressed=\"true\" style=\"min-height: 40px; padding: 0 16px; border: 0; cursor: pointer; font: inherit; background: #1A1916; color: #FFFFFF;\">Prsty<\/button><br \/>\n              <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; padding: 0 16px; border: 0; cursor: pointer; font: inherit; background: transparent; color: #1A1916;\">Funkce t\u00f3n\u016f<\/button>\n            <\/div>\n<p>            <span style=\"font-size: 14px; color: #6B665F;\">Vybran\u00e1: <strong style=\"color: #BF4509;\">6. struna (E)<\/strong><\/span>\n          <\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 32px; align-items: flex-start; justify-content: center;\">\n<figure style=\"margin: 0; display: flex; flex-direction: column; align-items: center; gap: 10px;\"><figcaption style=\"display: flex; align-items: center; gap: 12px;\"><span style=\"font-family: 'Syne', sans-serif; font-weight: 700; font-size: 22px;\">C<\/span><br \/>\n                <button type=\"button\" style=\"display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 14px 0 6px; border-radius: 999px; border: 0; background: #BF4509; color: #FFFFFF; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer;\"><span style=\"width: 24px; height: 24px; border-radius: 50%; background: #FFFFFF; color: #BF4509; display: grid; place-items: center;\"><svg aria-hidden=\"true\" width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7 4v16l13-8z\"><\/path><\/svg><\/span>Zahraj akord<\/button><\/figcaption><div style=\"position: relative; width: 228px; height: 292px;\">\n                  <span aria-hidden=\"true\" style=\"position: absolute; left: 13px; top: 6px; width: 22px; height: 22px; display: grid; place-items: center; font-weight: 700; font-size: 18px; color: #8F8A82;\">\u00d7<\/span><br \/>\n                  <span aria-hidden=\"true\" style=\"position: absolute; left: 49px; top: 6px; width: 22px; height: 22px; display: grid; place-items: center; font-weight: 700; font-size: 18px; \"><\/span><br \/>\n                  <span aria-hidden=\"true\" style=\"position: absolute; left: 85px; top: 6px; width: 22px; height: 22px; display: grid; place-items: center; font-weight: 700; font-size: 18px; \"><\/span><br \/>\n                  <span aria-hidden=\"true\" style=\"position: absolute; left: 121px; top: 6px; width: 22px; height: 22px; display: grid; place-items: center; font-weight: 700; font-size: 18px; border-radius: 50%; border: 2.5px solid #1A1916;\"><\/span><br \/>\n                  <span aria-hidden=\"true\" style=\"position: absolute; left: 157px; top: 6px; width: 22px; height: 22px; display: grid; place-items: center; font-weight: 700; font-size: 18px; \"><\/span><br \/>\n                  <span aria-hidden=\"true\" style=\"position: absolute; left: 193px; top: 6px; width: 22px; height: 22px; display: grid; place-items: center; font-weight: 700; font-size: 18px; border-radius: 50%; border: 2.5px solid #1A5FB4;\"><\/span><\/p>\n<div style=\"position: absolute; left: 22px; top: 40px; width: 184px; height: 8px; border-radius: 2px; background: #1A1916;\"><\/div>\n<div style=\"position: absolute; left: 24px; top: 92px; width: 180px; height: 2px; background: #C9C3BA;\"><\/div>\n<div style=\"position: absolute; left: 24px; top: 136px; width: 180px; height: 2px; background: #C9C3BA;\"><\/div>\n<div style=\"position: absolute; left: 24px; top: 180px; width: 180px; height: 2px; background: #C9C3BA;\"><\/div>\n<div style=\"position: absolute; left: 24px; top: 224px; width: 180px; height: 2px; background: #C9C3BA;\"><\/div>\n<p>                  <button type=\"button\" aria-label=\"6. struna (E)\" style=\"position: absolute; left: 8px; top: 40px; width: 32px; height: 190px; padding: 0; border: 0; background: transparent; cursor: pointer; display: flex; justify-content: center;\"><span style=\"display: block; width: 4px; height: 100%; background: #BF4509;\"><\/span><\/button><br \/>\n                  <button type=\"button\" aria-label=\"5. struna (A)\" style=\"position: absolute; left: 44px; top: 40px; width: 32px; height: 190px; padding: 0; border: 0; background: transparent; cursor: pointer; display: flex; justify-content: center;\"><span style=\"display: block; width: 2px; height: 100%; background: #8F8A82;\"><\/span><\/button><br \/>\n                  <button type=\"button\" aria-label=\"4. struna (D)\" style=\"position: absolute; left: 80px; top: 40px; width: 32px; height: 190px; padding: 0; border: 0; background: transparent; cursor: pointer; display: flex; justify-content: center;\"><span style=\"display: block; width: 2px; height: 100%; background: #8F8A82;\"><\/span><\/button><br \/>\n                  <button type=\"button\" aria-label=\"3. struna (G)\" style=\"position: absolute; left: 116px; top: 40px; width: 32px; height: 190px; padding: 0; border: 0; background: transparent; cursor: pointer; display: flex; justify-content: center;\"><span style=\"display: block; width: 2px; height: 100%; background: #8F8A82;\"><\/span><\/button><br \/>\n                  <button type=\"button\" aria-label=\"2. struna (B)\" style=\"position: absolute; left: 152px; top: 40px; width: 32px; height: 190px; padding: 0; border: 0; background: transparent; cursor: pointer; display: flex; justify-content: center;\"><span style=\"display: block; width: 2px; height: 100%; background: #8F8A82;\"><\/span><\/button><br \/>\n                  <button type=\"button\" aria-label=\"1. struna (E)\" style=\"position: absolute; left: 188px; top: 40px; width: 32px; height: 190px; padding: 0; border: 0; background: transparent; cursor: pointer; display: flex; justify-content: center;\"><span style=\"display: block; width: 2px; height: 100%; background: #8F8A82;\"><\/span><\/button><br \/>\n                  <span aria-hidden=\"true\" style=\"position: absolute; left: 45px; top: 143px; width: 30px; height: 30px; border-radius: 50%; background: #BF4509; color: #FFFFFF; display: grid; place-items: center; font-weight: 700; font-size: 14px; pointer-events: none;\">3<\/span><br \/>\n                  <span aria-hidden=\"true\" style=\"position: absolute; left: 81px; top: 99px; width: 30px; height: 30px; border-radius: 50%; background: #1A5FB4; color: #FFFFFF; display: grid; place-items: center; font-weight: 700; font-size: 14px; pointer-events: none;\">2<\/span><br \/>\n                  <span aria-hidden=\"true\" style=\"position: absolute; left: 153px; top: 55px; width: 30px; height: 30px; border-radius: 50%; background: #BF4509; color: #FFFFFF; display: grid; place-items: center; font-weight: 700; font-size: 14px; pointer-events: none;\">1<\/span><br \/>\n                  <span style=\"position: absolute; left: 10px; top: 248px; width: 28px; text-align: center; font-weight: 700; font-size: 15px; color: #BF4509;\">E<\/span><br \/>\n                  <span style=\"position: absolute; left: 46px; top: 248px; width: 28px; text-align: center; font-weight: 700; font-size: 15px; color: #6B665F;\">A<\/span><br \/>\n                  <span style=\"position: absolute; left: 82px; top: 248px; width: 28px; text-align: center; font-weight: 700; font-size: 15px; color: #6B665F;\">D<\/span><br \/>\n                  <span style=\"position: absolute; left: 118px; top: 248px; width: 28px; text-align: center; font-weight: 700; font-size: 15px; color: #6B665F;\">G<\/span><br \/>\n                  <span style=\"position: absolute; left: 154px; top: 248px; width: 28px; text-align: center; font-weight: 700; font-size: 15px; color: #6B665F;\">B<\/span><br \/>\n                  <span style=\"position: absolute; left: 190px; top: 248px; width: 28px; text-align: center; font-weight: 700; font-size: 15px; color: #6B665F;\">e<\/span>\n              <\/div>\n<\/figure>\n<figure style=\"margin: 0; display: flex; flex-direction: column; gap: 10px; min-width: 0;\"><figcaption style=\"font-family: 'Syne', sans-serif; font-weight: 700; font-size: 22px;\">Tabulatura<\/figcaption><div style=\"display: flex; flex-direction: column; font-family: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace; font-size: 17px;\">\n                  <button type=\"button\" aria-label=\"1. struna (E), v tabulatu\u0159e 1. \u0159\u00e1dek shora\" style=\"display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 0 10px; border: 0; border-radius: 7px; cursor: pointer; font: inherit; color: #1A1916; background: transparent;\"><br \/>\n                    <span style=\"width: 22px; text-align: right; color: #6B665F;\">e<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 24px; text-align: center; font-weight: 700; color: #1A1916;\">0<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 64px; text-align: left; font-family: 'Instrument Sans', sans-serif; font-size: 12px; color: #6B665F;\">1. struna<\/span><br \/>\n                  <\/button><br \/>\n                  <button type=\"button\" aria-label=\"2. struna (B), v tabulatu\u0159e 2. \u0159\u00e1dek shora\" style=\"display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 0 10px; border: 0; border-radius: 7px; cursor: pointer; font: inherit; color: #1A1916; background: transparent;\"><br \/>\n                    <span style=\"width: 22px; text-align: right; color: #6B665F;\">B<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 24px; text-align: center; font-weight: 700; color: #1A1916;\">1<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 64px; text-align: left; font-family: 'Instrument Sans', sans-serif; font-size: 12px; color: #6B665F;\">2. struna<\/span><br \/>\n                  <\/button><br \/>\n                  <button type=\"button\" aria-label=\"3. struna (G), v tabulatu\u0159e 3. \u0159\u00e1dek shora\" style=\"display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 0 10px; border: 0; border-radius: 7px; cursor: pointer; font: inherit; color: #1A1916; background: transparent;\"><br \/>\n                    <span style=\"width: 22px; text-align: right; color: #6B665F;\">G<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 24px; text-align: center; font-weight: 700; color: #1A1916;\">0<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 64px; text-align: left; font-family: 'Instrument Sans', sans-serif; font-size: 12px; color: #6B665F;\">3. struna<\/span><br \/>\n                  <\/button><br \/>\n                  <button type=\"button\" aria-label=\"4. struna (D), v tabulatu\u0159e 4. \u0159\u00e1dek shora\" style=\"display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 0 10px; border: 0; border-radius: 7px; cursor: pointer; font: inherit; color: #1A1916; background: transparent;\"><br \/>\n                    <span style=\"width: 22px; text-align: right; color: #6B665F;\">D<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 24px; text-align: center; font-weight: 700; color: #1A1916;\">2<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 64px; text-align: left; font-family: 'Instrument Sans', sans-serif; font-size: 12px; color: #6B665F;\">4. struna<\/span><br \/>\n                  <\/button><br \/>\n                  <button type=\"button\" aria-label=\"5. struna (A), v tabulatu\u0159e 5. \u0159\u00e1dek shora\" style=\"display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 0 10px; border: 0; border-radius: 7px; cursor: pointer; font: inherit; color: #1A1916; background: transparent;\"><br \/>\n                    <span style=\"width: 22px; text-align: right; color: #6B665F;\">A<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 24px; text-align: center; font-weight: 700; color: #1A1916;\">3<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 2px; background: #8F8A82;\"><\/span><br \/>\n                    <span style=\"width: 64px; text-align: left; font-family: 'Instrument Sans', sans-serif; font-size: 12px; color: #6B665F;\">5. struna<\/span><br \/>\n                  <\/button><br \/>\n                  <button type=\"button\" aria-label=\"6. struna (E), v tabulatu\u0159e 6. \u0159\u00e1dek shora\" style=\"display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 0 10px; border: 0; border-radius: 7px; cursor: pointer; font: inherit; color: #1A1916; background: #FBF0EA;\"><br \/>\n                    <span style=\"width: 22px; text-align: right; color: #6B665F;\">E<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 3px; background: #BF4509;\"><\/span><br \/>\n                    <span style=\"width: 24px; text-align: center; font-weight: 700; color: #BF4509;\">x<\/span><br \/>\n                    <span style=\"display: block; width: 44px; height: 3px; background: #BF4509;\"><\/span><br \/>\n                    <span style=\"width: 64px; text-align: left; font-family: 'Instrument Sans', sans-serif; font-size: 12px; color: #6B665F;\">6. struna<\/span><br \/>\n                  <\/button>\n              <\/div>\n<\/figure><\/div>\n<div style=\"display: flex; gap: 12px; padding: 14px 16px; border-radius: 12px; background: #FBF0EA; font-size: 15px; line-height: 1.5;\">\n            <span style=\"width: 10px; height: 10px; flex: none; margin-top: 7px; border-radius: 50%; background: #BF4509;\"><\/span><\/p>\n<p style=\"margin: 0;\">6. struna (E) je v diagramu <strong>\u00fapln\u011b vlevo<\/strong>, v tabulatu\u0159e <strong>doln\u00ed \u010d\u00e1ra<\/strong>.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"techniky\" style=\"display: flex; flex-direction: column; gap: 16px;\">\n<h2 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 28px; line-height: 1.2;\">Zna\u010dky technik v tabulatu\u0159e<\/h2>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px;\">\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 6px;\"><span style=\"font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 22px; font-weight: 600; color: #BF4509;\">5h7<\/span><strong style=\"font-size: 15px;\">hammer-on (nara\u017een\u00ed)<\/strong><span style=\"font-size: 14px; line-height: 1.5; color: #4A4640;\">Zahraje\u0161 5. pra\u017eec a prstem naraz\u00ed\u0161 na 7. bez dal\u0161\u00edho \u00faderu.<\/span><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 6px;\"><span style=\"font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 22px; font-weight: 600; color: #BF4509;\">7p5<\/span><strong style=\"font-size: 15px;\">pull-off (str\u017een\u00ed)<\/strong><span style=\"font-size: 14px; line-height: 1.5; color: #4A4640;\">Zahraje\u0161 7. pra\u017eec a prst st\u00e1hne\u0161 tak, aby zazn\u011bl 5.<\/span><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 6px;\"><span style=\"font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 22px; font-weight: 600; color: #BF4509;\">5\/7 \u00b7 7\\5<\/span><strong style=\"font-size: 15px;\">slide (sklouznut\u00ed)<\/strong><span style=\"font-size: 14px; line-height: 1.5; color: #4A4640;\">Prst se posune po strun\u011b bez zvednut\u00ed.<\/span><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 6px;\"><span style=\"font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 22px; font-weight: 600; color: #BF4509;\">7b9<\/span><strong style=\"font-size: 15px;\">bend (tah)<\/strong><span style=\"font-size: 14px; line-height: 1.5; color: #4A4640;\">Na 7. pra\u017eci t\u00e1hne\u0161 strunu, dokud nezazn\u00ed v\u00fd\u0161ka 9. pra\u017ece.<\/span><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 6px;\"><span style=\"font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 22px; font-weight: 600; color: #BF4509;\">7~<\/span><strong style=\"font-size: 15px;\">vibrato<\/strong><span style=\"font-size: 14px; line-height: 1.5; color: #4A4640;\">T\u00f3n rozvln\u00ed\u0161 jemn\u00fdm chv\u011bn\u00edm prstu.<\/span><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 6px;\"><span style=\"font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 22px; font-weight: 600; color: #BF4509;\">x<\/span><strong style=\"font-size: 15px;\">tlumen\u00fd \u00fader<\/strong><span style=\"font-size: 14px; line-height: 1.5; color: #4A4640;\">Struna je ztlumen\u00e1, zazn\u00ed jen perkusivn\u00ed \u201eklik\u201c.<\/span><\/div>\n<\/p><\/div>\n<div style=\"background: #1D1B19; color: #EDEAE4; border-radius: 12px; padding: 20px; overflow-x: auto;\">\n<pre aria-label=\"Uk\u00e1zka tabulatury se v\u0161emi technikami\" style=\"margin: 0; font-family: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace; font-size: 16px; line-height: 1.6;\">e|-----------------------------|\nB|-----------------------------|\nG|-------------<span style=\"color: #F2804A;\">7b9<\/span>--<span style=\"color: #F2804A;\">7~~~<\/span>-------|\nD|-<span style=\"color: #F2804A;\">5h7<\/span>-<span style=\"color: #F2804A;\">7p5<\/span>--<span style=\"color: #F2804A;\">5\/7<\/span>----------------|\nA|-----------------------------|\nE|-----------------------------|<\/pre>\n<div aria-live=\"polite\" style=\"margin-top: 10px; min-height: 24px; font-size: 15px; color: #A8A29A;\">P\u0159i p\u0159ehr\u00e1v\u00e1n\u00ed se tu rozsv\u00edt\u00ed pr\u00e1v\u011b hran\u00e1 technika.<\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 12px 16px; align-items: center; margin-top: 16px; padding-top: 16px; border-top: 1px solid #3A3733;\">\n            <button type=\"button\" aria-label=\"Uk\u00e1zka s kapelou\" style=\"display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 18px 0 8px; border-radius: 999px; border: 0; background: #F2804A; color: #141311; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer;\"><br \/>\n              <span style=\"width: 30px; height: 30px; border-radius: 50%; background: #141311; color: #F2804A; display: grid; place-items: center;\"><br \/>\n                <svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7 4v16l13-8z\"><\/path><\/svg><br \/>\n              <\/span><br \/>\n              Uk\u00e1zka s kapelou<br \/>\n            <\/button><br \/>\n            <button type=\"button\" aria-label=\"Jen podklad, hraje\u0161 ty\" style=\"display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 18px 0 8px; border-radius: 999px; border: 1px solid #8C867D; background: transparent; color: #EDEAE4; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer;\"><br \/>\n              <span style=\"width: 30px; height: 30px; border-radius: 50%; background: #EDEAE4; color: #141311; display: grid; place-items: center;\"><br \/>\n                <svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7 4v16l13-8z\"><\/path><\/svg><br \/>\n              <\/span><br \/>\n              Jen podklad, hraje\u0161 ty<br \/>\n            <\/button><br \/>\n            <span style=\"font-size: 14px; color: #A8A29A; flex-basis: 100%;\">4 doby pali\u010dkami, pak uk\u00e1zka p\u0159i 60 BPM. P\u0159i podkladu bez kytary hraje\u0161 uk\u00e1zku s\u00e1m.<\/span>\n          <\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"cvicenie\" style=\"display: flex; flex-direction: column; gap: 18px; background: #FFFFFF; border: 2px solid #F2D4C2; border-radius: 20px; padding: 28px;\">\n<div style=\"display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; align-items: center;\">\n<h2 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 28px; line-height: 1.2;\">Cvi\u010den\u00ed: p\u0159e\u010dti, zahraj, zkontroluj<\/h2>\n<p>          <span style=\"font-size: 13px; font-weight: 600; padding: 5px 11px; border-radius: 999px; background: #FBF0EA; color: #BF4509;\">10 minut<\/span>\n        <\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 20px; align-items: center; padding: 18px 20px; border-radius: 12px; background: #141311; color: #EDEAE4;\">\n          <button type=\"button\" aria-label=\"Spustit metronom\" style=\"width: 56px; height: 56px; border-radius: 50%; border: 0; background: #F2804A; color: #141311; display: grid; place-items: center; cursor: pointer; flex: none;\"><br \/>\n              <svg aria-hidden=\"true\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><br \/>\n          <\/button><\/p>\n<div style=\"display: flex; flex-direction: column; gap: 4px;\">\n            <span style=\"font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #A8A29A;\">Metronom<\/span><\/p>\n<div style=\"display: flex; align-items: center; gap: 10px;\">\n              <button type=\"button\" aria-label=\"Pomaleji\" style=\"width: 36px; height: 36px; border-radius: 7px; border: 1px solid #8C867D; background: transparent; color: #EDEAE4; font-size: 20px; cursor: pointer;\">\u2212<\/button><br \/>\n              <span style=\"font-family: 'Syne', sans-serif; font-weight: 800; font-size: 30px; font-variant-numeric: tabular-nums; min-width: 64px; text-align: center;\">60<\/span><br \/>\n              <button type=\"button\" aria-label=\"Rychleji\" style=\"width: 36px; height: 36px; border-radius: 7px; border: 1px solid #8C867D; background: transparent; color: #EDEAE4; font-size: 20px; cursor: pointer;\">+<\/button><br \/>\n              <span style=\"font-size: 14px; color: #A8A29A;\">BPM<\/span>\n            <\/div>\n<\/p><\/div>\n<div aria-hidden=\"true\" style=\"display: flex; gap: 10px; margin-left: auto;\">\n              <span style=\"display: block; width: 18px; height: 18px; border-radius: 50%; align-self: center; background: #3A3733;\"><\/span><br \/>\n              <span style=\"display: block; width: 14px; height: 14px; border-radius: 50%; align-self: center; background: #3A3733;\"><\/span><br \/>\n              <span style=\"display: block; width: 14px; height: 14px; border-radius: 50%; align-self: center; background: #3A3733;\"><\/span><br \/>\n              <span style=\"display: block; width: 14px; height: 14px; border-radius: 50%; align-self: center; background: #3A3733;\"><\/span>\n          <\/div>\n<\/p><\/div>\n<ol style=\"margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 10px;\">\n<li><strong>Uk\u00e1zku technik<\/strong> zahraj p\u0159i <strong>60 BPM<\/strong>, jeden t\u00f3n na jeden \u00fader metronomu. Bend a vibrato nech zn\u00edt dv\u011b doby.<\/li>\n<li>U ka\u017ed\u00e9 zna\u010dky si nahlas \u0159ekni, co d\u011bl\u00e1\u0161: \u201ehammer-on, pull-off, slide, bend\u201c. Zna\u010dka ti m\u00e1 v hlav\u011b hned vyvolat pohyb.<\/li>\n<li><strong>Akord C<\/strong> zahraj podle diagramu a p\u0159ebrnkej ho po jedn\u00e9 strun\u011b od 5. po 1. Kdy\u017e n\u011bkter\u00e1 drn\u010d\u00ed, posu\u0148 prst bl\u00ed\u017e k pra\u017eci.<\/li>\n<li>Zahraj C \u010dty\u0159ikr\u00e1t za sebou p\u0159i 60 BPM, jeden \u00fader na dobu. Mezi opakov\u00e1n\u00edmi ruku v\u017edy \u00fapln\u011b zvedni.<\/li>\n<\/ol>\n<div style=\"display: flex; gap: 12px; padding: 16px 18px; border-radius: 12px; background: #EAF4EF; font-size: 15px; line-height: 1.55;\">\n          <svg aria-hidden=\"true\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2A6B4A\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex: none; margin-top: 2px;\"><path d=\"M4 12l5 5L20 6\"><\/path><\/svg><\/p>\n<p style=\"margin: 0;\"><strong style=\"color: #2A6B4A;\">Jak pozn\u00e1\u0161, \u017ee to zvl\u00e1d\u00e1\u0161:<\/strong> uk\u00e1zku zahraje\u0161 bez zastaven\u00ed a akord C chyt\u00ed\u0161 do jedn\u00e9 doby tak, aby zn\u011bly v\u0161echny struny krom\u011b 6.<\/p>\n<\/p><\/div>\n<div style=\"display: flex; flex-direction: column; gap: 14px; padding: 22px; border-radius: 12px; background: #141311; color: #EDEAE4;\">\n<div style=\"display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; align-items: baseline;\">\n<h3 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 20px;\">Bonus: cvi\u010dn\u00fd riff z dvojhmat\u016f<\/h3>\n<p>            <span style=\"font-size: 13px; color: #A8A29A;\">100 BPM \u00b7 osminy<\/span>\n          <\/div>\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #C9C3BA;\">Dv\u011b \u010d\u00edsla nad sebou hraje\u0161 najednou. Jedn\u00edm prstem p\u0159elo\u017e struny D a G na stejn\u00e9m pra\u017eci a ude\u0159 ob\u011b najednou. Riff se opakuje \u010dty\u0159ikr\u00e1t.<\/p>\n<div style=\"overflow-x: auto; border-radius: 7px; background: #1D1B19; padding: 16px;\">\n<pre aria-label=\"Tabulatura cvi\u010dn\u00e9ho riffu z dvojhmat\u016f na strun\u00e1ch G a D\" style=\"margin: 0; font-family: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace; font-size: 15px; line-height: 1.6;\">e|-------------------------|-------------------------|\nB|-------------------------|-------------------------|\nG|-<span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">10-<\/span><span style=\"color: #F2804A;\">---<\/span><span style=\"color: #F2804A;\">9--<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">5--<\/span><span style=\"color: #F2804A;\">---<\/span><span style=\"color: inherit;\">|-<\/span><span style=\"color: #F2804A;\">5--<\/span><span style=\"color: #F2804A;\">5--<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">9--<\/span><span style=\"color: #F2804A;\">---<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">---<\/span><span style=\"color: inherit;\">|<\/span>\nD|-<span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">10-<\/span><span style=\"color: #F2804A;\">---<\/span><span style=\"color: #F2804A;\">9--<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">5--<\/span><span style=\"color: #F2804A;\">---<\/span><span style=\"color: inherit;\">|-<\/span><span style=\"color: #F2804A;\">5--<\/span><span style=\"color: #F2804A;\">5--<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">9--<\/span><span style=\"color: #F2804A;\">---<\/span><span style=\"color: #F2804A;\">7--<\/span><span style=\"color: #F2804A;\">---<\/span><span style=\"color: inherit;\">|<\/span>\nA|-------------------------|-------------------------|\nE|-------------------------|-------------------------|\n<span style=\"color: #A8A29A;\">   1  &amp;  2  &amp;  3  &amp;  4  &amp;    1  &amp;  2  &amp;  3  &amp;  4  &amp;<\/span><\/pre>\n<div aria-live=\"polite\" style=\"margin-top: 8px; min-height: 22px; font-size: 14px; color: #A8A29A;\">P\u0159i p\u0159ehr\u00e1v\u00e1n\u00ed se v tabulatu\u0159e rozsv\u00edt\u00ed pr\u00e1v\u011b hran\u00fd dvojhmat.<\/div>\n<\/p><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 12px; align-items: center;\">\n            <button type=\"button\" aria-label=\"Riff s kapelou\" style=\"display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 18px 0 8px; border-radius: 999px; border: 0; background: #F2804A; color: #141311; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer;\"><br \/>\n                <span style=\"width: 30px; height: 30px; border-radius: 50%; background: #141311; color: #F2804A; display: grid; place-items: center;\"><br \/>\n                  <svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7 4v16l13-8z\"><\/path><\/svg><br \/>\n                <\/span><br \/>\n                Riff s kapelou<br \/>\n              <\/button><br \/>\n            <button type=\"button\" aria-label=\"Jen podklad, hraje\u0161 ty\" style=\"display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 18px 0 8px; border-radius: 999px; border: 1px solid #8C867D; background: transparent; color: #EDEAE4; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer;\"><br \/>\n                <span style=\"width: 30px; height: 30px; border-radius: 50%; background: #EDEAE4; color: #141311; display: grid; place-items: center;\"><br \/>\n                  <svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7 4v16l13-8z\"><\/path><\/svg><br \/>\n                <\/span><br \/>\n                Jen podklad, hraje\u0161 ty<br \/>\n              <\/button>\n          <\/div>\n<p style=\"margin: 0; font-size: 13px; color: #A8A29A;\">Nejd\u0159\u00edv si poslechni riff s kapelou. Pak pus\u0165 podklad bez kytary a riff hraj s\u00e1m. P\u0159ed za\u010d\u00e1tkem zazn\u00ed 4 doby pali\u010dkami.<\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"hudba\" style=\"display: flex; flex-direction: column; gap: 16px;\">\n<h2 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 28px; line-height: 1.2;\">Kde to vyu\u017eije\u0161 ve skute\u010dn\u00e9 hudb\u011b<\/h2>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px;\">\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 8px;\">\n            <span style=\"font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #6B665F;\">Riffy z internetu<\/span><br \/>\n            <strong style=\"font-size: 17px;\">Deep Purple \u2013 Smoke on the Water<\/strong><\/p>\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #4A4640;\">Riff je v tabulatur\u00e1ch zapsan\u00fd jako dvojice \u010d\u00edsel nad sebou na strun\u00e1ch D a G. Te\u010f v\u00ed\u0161, \u017ee tyhle dva t\u00f3ny hraje\u0161 najednou.<\/p>\n<\/p><\/div>\n<div style=\"background: #FFFFFF; border: 1px solid #E4E0D8; border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 8px;\">\n            <span style=\"font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #6B665F;\">Akordy ze zp\u011bvn\u00edku<\/span><br \/>\n            <strong style=\"font-size: 17px;\">Bob Dylan \u2013 Knockin&#8216; on Heaven&#8217;s Door<\/strong><\/p>\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #4A4640;\">\u010cty\u0159i akordy: G, D, Am, C. V\u0161echny jsou ve zp\u011bvn\u00edc\u00edch nakreslen\u00e9 jako diagramy, kter\u00e9 u\u017e um\u00ed\u0161 p\u0159e\u010d\u00edst.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"zhrnutie\" style=\"display: flex; flex-direction: column; gap: 16px;\">\n<h2 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 28px; line-height: 1.2;\">Shrnut\u00ed<\/h2>\n<ul style=\"list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px;\">\n<li style=\"display: flex; gap: 12px;\"><span style=\"color: #BF4509; font-weight: 800;\">\u2192<\/span>Struny \u010d\u00edslujeme od nejten\u010d\u00ed (1.) po nejtlust\u0161\u00ed (6.); lad\u011bn\u00ed E A D G B E.<\/li>\n<li style=\"display: flex; gap: 12px;\"><span style=\"color: #BF4509; font-weight: 800;\">\u2192<\/span>V tabulatu\u0159e je naho\u0159e 1. struna a dole 6.; \u010d\u00edslo = pra\u017eec, 0 = pr\u00e1zdn\u00e1 struna.<\/li>\n<li style=\"display: flex; gap: 12px;\"><span style=\"color: #BF4509; font-weight: 800;\">\u2192<\/span>\u010c\u00edsla nad sebou hraje\u0161 najednou; tabulatura neukazuje rytmus.<\/li>\n<li style=\"display: flex; gap: 12px;\"><span style=\"color: #BF4509; font-weight: 800;\">\u2192<\/span>Diagram stoj\u00ed na v\u00fd\u0161ku: \u00d7 = nehr\u00e1t, \u25cb = pr\u00e1zdn\u00e1 struna, \u010d\u00edslo = prst.<\/li>\n<li style=\"display: flex; gap: 12px;\"><span style=\"color: #BF4509; font-weight: 800;\">\u2192<\/span>h, p, \/, b a ~ jsou hammer-on, pull-off, slide, bend a vibrato.<\/li>\n<\/ul>\n<div style=\"background: #141311; color: #EDEAE4; border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 14px;\">\n<div style=\"display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; align-items: center;\">\n<h3 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 22px;\">\u00dakol na dnes<\/h3>\n<p>            <span style=\"font-size: 13px; color: #A8A29A;\">10 minut<\/span>\n          <\/div>\n<p>          <label for=\"u1\" style=\"display: flex; gap: 12px; align-items: flex-start; cursor: pointer; font-size: 16px; line-height: 1.5;\"><input id=\"u1\" type=\"checkbox\" style=\"width: 20px; height: 20px; margin-top: 3px; accent-color: #F2804A;\"\/>Najdi na internetu tabulaturu riffu, kter\u00fd m\u00e1\u0161 r\u00e1d.<\/label><br \/>\n          <label for=\"u2\" style=\"display: flex; gap: 12px; align-items: flex-start; cursor: pointer; font-size: 16px; line-height: 1.5;\"><input id=\"u2\" type=\"checkbox\" style=\"width: 20px; height: 20px; margin-top: 3px; accent-color: #F2804A;\"\/>P\u0159e\u010dti ji nahlas: \u201e3. pra\u017eec na 5. strun\u011b, potom\u2026\u201c<\/label><br \/>\n          <label for=\"u3\" style=\"display: flex; gap: 12px; align-items: flex-start; cursor: pointer; font-size: 16px; line-height: 1.5;\"><input id=\"u3\" type=\"checkbox\" style=\"width: 20px; height: 20px; margin-top: 3px; accent-color: #F2804A;\"\/>A\u017e potom ji zahraj p\u0159i 60 BPM.<\/label>\n        <\/div>\n<\/section>\n<nav aria-label=\"Dal\u0161\u00ed lekce\" style=\"display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; align-items: center; padding: 24px; border-radius: 20px; background: #FBF0EA; border: 1px solid #F2D4C2;\">\n<div style=\"display: flex; flex-direction: column; gap: 4px; min-width: 0;\">\n          <span style=\"font-size: 13px; font-weight: 600; color: #BF4509;\">Dal\u0161\u00ed lekce \u00b7 02<\/span><br \/>\n          <strong style=\"font-family: 'Syne', sans-serif; font-size: 22px; line-height: 1.2;\">12 t\u00f3n\u016f, ze kter\u00fdch je postaven\u00e1 v\u0161echna hudba<\/strong>\n        <\/div>\n<p>        <a href=\"https:\/\/deskaudio.eu\/cs\/kurz-kytary\/lekce-2-12-tonu-ze-kterych-je-postavena-vsechna-hudba\/\" style=\"display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 22px; border-radius: 7px; background: #BF4509; color: #FFFFFF; font-weight: 700; text-decoration: none;\">Pokra\u010duj<br \/>\n          <svg aria-hidden=\"true\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><br \/>\n      <\/nav>\n<p>    <\/main>\n  <\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Na internetu najde\u0161 akordy a tabulatury skoro ke ka\u017ed\u00e9 p\u00edsni\u010dce. Sta\u010d\u00ed ale \u0161patn\u011b p\u0159e\u010d\u00edst jednu zna\u010dku a cel\u00e9 t\u00fddny cvi\u010d\u00ed\u0161 riff, kter\u00fd zn\u00ed \u201en\u011bjak divn\u011b\u201c.<\/p>\n","protected":false},"featured_media":0,"menu_order":1,"template":"","meta":{"_acf_changed":false,"_da_cislo":1,"_da_zadarmo":true,"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0},"class_list":["post-5479","da_lekcia","type-da_lekcia","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/deskaudio.eu\/cs\/wp-json\/wp\/v2\/da_lekcia\/5479","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deskaudio.eu\/cs\/wp-json\/wp\/v2\/da_lekcia"}],"about":[{"href":"https:\/\/deskaudio.eu\/cs\/wp-json\/wp\/v2\/types\/da_lekcia"}],"wp:attachment":[{"href":"https:\/\/deskaudio.eu\/cs\/wp-json\/wp\/v2\/media?parent=5479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}