{"id":5173,"date":"2026-11-04T18:53:03","date_gmt":"2026-11-04T17:53:03","guid":{"rendered":"https:\/\/deskaudio.eu\/sk\/?post_type=da_lekcia&#038;p=5173"},"modified":"2026-11-10T08:59:11","modified_gmt":"2026-11-10T07:59:11","slug":"lekcia-1-ako-citat-akordove-diagramy-a-tabulaturu","status":"publish","type":"da_lekcia","link":"https:\/\/deskaudio.eu\/sk\/kurz-gitary\/lekcia-1-ako-citat-akordove-diagramy-a-tabulaturu\/","title":{"rendered":"Ako \u010d\u00edta\u0165 akordov\u00e9 diagramy a tabulat\u00faru"},"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=\"Omrvinky\" style=\"font-size: 13px; color: #A8A29A; display: flex; flex-wrap: wrap; gap: 6px;\">\n        <a href=\"\/sk\/kurz-gitary\/\" style=\"color: #A8A29A;\">Kurz gitarovej te\u00f3rie<\/a><span aria-hidden=\"true\">\u203a<\/span><span>Modul 1: Hmatn\u00edk bez tajomstiev<\/span><span aria-hidden=\"true\">\u203a<\/span><span style=\"color: #EDEAE4;\">Lekcia 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;\">Ako \u010d\u00edta\u0165 akordov\u00e9 diagramy a tabulat\u00faru<\/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\u010diato\u010dn\u00edk<\/span><br \/>\n            <span style=\"padding: 5px 11px; border-radius: 999px; border: 1px solid #3A3733; color: #C9C3BA;\">15 min\u00fat<\/span><br \/>\n            <span style=\"padding: 5px 11px; border-radius: 999px; border: 1px solid #3A3733; color: #C9C3BA;\">Cvi\u010denie pri 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>Lekcia 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 kurzom\" 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 lekcie\" 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 tejto lekcii<\/span><br \/>\n        <a href=\"#preco\" style=\"padding: 8px 12px; border-radius: 7px; background: #FBF0EA; color: #BF4509; font-weight: 700; text-decoration: none;\">Pre\u010do to potrebuje\u0161<\/a><br \/>\n        <a href=\"#teoria\" style=\"padding: 8px 12px; color: #1A1916; text-decoration: none;\">Te\u00f3ria v kocke<\/a><br \/>\n        <a href=\"#diagram\" style=\"padding: 8px 12px; color: #1A1916; text-decoration: none;\">Diagram a tabulat\u00fara<\/a><br \/>\n        <a href=\"#techniky\" style=\"padding: 8px 12px; color: #1A1916; text-decoration: none;\">Zna\u010dky techn\u00edk<\/a><br \/>\n        <a href=\"#cvicenie\" style=\"padding: 8px 12px; color: #1A1916; text-decoration: none;\">Cvi\u010denie<\/a><br \/>\n        <a href=\"#hudba\" style=\"padding: 8px 12px; color: #1A1916; text-decoration: none;\">V re\u00e1lnej hudbe<\/a><br \/>\n        <a href=\"#zhrnutie\" style=\"padding: 8px 12px; color: #1A1916; text-decoration: none;\">Zhrnutie a \u00faloha<\/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 tajomstiev<\/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 tabulat\u00fara<\/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\u00f3nov<\/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>Polt\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>Ladenie 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;\">Pre\u010do to potrebuje\u0161<\/h2>\n<p style=\"margin: 0;\">Na internete n\u00e1jde\u0161 akordy a tabulat\u00fary takmer ku ka\u017edej piesni. Sta\u010d\u00ed v\u0161ak zle pre\u010d\u00edta\u0165 jednu zna\u010dku a cel\u00e9 t\u00fd\u017edne cvi\u010d\u00ed\u0161 riff, ktor\u00fd znie \u201enejako divne\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>Naj\u010dastej\u0161ia chyba za\u010diato\u010dn\u00edkov:<\/strong> tabulat\u00faru \u010d\u00edtaj\u00fa hore nohami a na najhrub\u0161ej strune hraj\u00fa to, \u010do patr\u00ed na najten\u0161iu.<\/p>\n<\/p><\/div>\n<p style=\"margin: 0;\">T\u00e1to lekcia je tvoj slovn\u00edk. Za 15 min\u00fat sa nau\u010d\u00ed\u0161 \u010d\u00edta\u0165 v\u0161etko, \u010do v kurze 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;\">Te\u00f3ria v kocke<\/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 sa \u010d\u00edsluj\u00fa od najten\u0161ej<\/h3>\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #4A4640;\">1. struna je najten\u0161ia a znie najvy\u0161\u0161ie, 6. je najhrub\u0161ia. Ladenie 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 n\u00e1jde\u0161 v na\u0161ich spevn\u00edkoch pod menom H. Obe konvencie vysvet\u013euje lekcia 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\u00fa \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\u00e1k<\/span><br \/>\n              <span style=\"padding: 4px 10px; border-radius: 999px; background: #F5F3EF; border: 1px solid #E4E0D8;\"><strong>2<\/strong> prostredn\u00edk<\/span><br \/>\n              <span style=\"padding: 4px 10px; border-radius: 999px; background: #F5F3EF; border: 1px solid #E4E0D8;\"><strong>3<\/strong> prstenn\u00edk<\/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;\">Tabulat\u00fara je mapa str\u00fan<\/h3>\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #4A4640;\">\u010c\u00edsla hovoria, ktor\u00fd pra\u017eec stla\u010di\u0165, 0 je pr\u00e1zdna struna. <strong>Horn\u00e1 \u010diara je 1. struna<\/strong>, presne naopak, ako vid\u00ed\u0161 struny pri hre. \u010c\u00edsla nad sebou hr\u00e1\u0161 naraz.<\/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;\">Zvisl\u00e9 \u010diary s\u00fa struny (v\u013eavo 6.), hrub\u00e1 \u010diara hore je nult\u00fd pra\u017eec. <strong>\u00d7<\/strong> = nehra\u0165, <strong>\u25cb<\/strong> = pr\u00e1zdna struna. R\u00edmske \u010d\u00edslo ved\u013ea (napr. V) znamen\u00e1, \u017ee diagram za\u010d\u00edna 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>Tabulat\u00fara neukazuje rytmus.<\/strong> Povie ti kde, ale nie kedy. Rytmus si over na nahr\u00e1vke alebo v notovom z\u00e1pise (lekcia 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 tabulat\u00fara<\/h2>\n<p style=\"margin: 0; color: #4A4640;\">Klikni na \u013eubovo\u013en\u00fa strunu v diagrame alebo v tabulat\u00fare a uvid\u00ed\u0161, kde je t\u00e1 ist\u00e1 struna v druhom z\u00e1pise.<\/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=\"\u010co zobrazi\u0165 v bodk\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;\">Funkcie t\u00f3nov<\/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;\">Tabulat\u00fara<\/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 tabulat\u00fare 1. riadok zhora\" 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 tabulat\u00fare 2. riadok zhora\" 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 tabulat\u00fare 3. riadok zhora\" 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 tabulat\u00fare 4. riadok zhora\" 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 tabulat\u00fare 5. riadok zhora\" 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 tabulat\u00fare 6. riadok zhora\" 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 diagrame <strong>\u00faplne v\u013eavo<\/strong>, v tabulat\u00fare <strong>doln\u00e1 \u010diara<\/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 techn\u00edk v tabulat\u00fare<\/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 (narazenie)<\/strong><span style=\"font-size: 14px; line-height: 1.5; color: #4A4640;\">Zahr\u00e1\u0161 5. pra\u017eec a prstom naraz\u00ed\u0161 na 7. bez \u010fal\u0161ieho \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 (strhnutie)<\/strong><span style=\"font-size: 14px; line-height: 1.5; color: #4A4640;\">Zahr\u00e1\u0161 7. pra\u017eec a prst stiahne\u0161 tak, aby zaznel 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 (sklz)<\/strong><span style=\"font-size: 14px; line-height: 1.5; color: #4A4640;\">Prst sa posunie po strune bez zdvihnutia.<\/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 (\u0165ah)<\/strong><span style=\"font-size: 14px; line-height: 1.5; color: #4A4640;\">Na 7. pra\u017eci \u0165ah\u00e1\u0161 strunu, k\u00fdm nezaznie v\u00fd\u0161ka 9. pra\u017eca.<\/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 chven\u00edm prsta.<\/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;\">tlmen\u00fd \u00fader<\/strong><span style=\"font-size: 14px; line-height: 1.5; color: #4A4640;\">Struna je stlmen\u00e1, zaznie len perkus\u00edvny \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\u00e1\u017eka tabulat\u00fary so v\u0161etk\u00fdmi 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;\">Pri prehr\u00e1van\u00ed sa tu rozsvieti pr\u00e1ve 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\u00e1\u017eka 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\u00e1\u017eka s kapelou<br \/>\n            <\/button><br \/>\n            <button type=\"button\" aria-label=\"Len podklad, hr\u00e1\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              Len podklad, hr\u00e1\u0161 ty<br \/>\n            <\/button><br \/>\n            <span style=\"font-size: 14px; color: #A8A29A; flex-basis: 100%;\">4 doby pali\u010dkami, potom uk\u00e1\u017eka pri 60 BPM. Pri podklade bez gitary hr\u00e1\u0161 uk\u00e1\u017eku 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\u010denie: pre\u010d\u00edtaj, zahraj, skontroluj<\/h2>\n<p>          <span style=\"font-size: 13px; font-weight: 600; padding: 5px 11px; border-radius: 999px; background: #FBF0EA; color: #BF4509;\">10 min\u00fat<\/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=\"Spusti\u0165 metron\u00f3m\" 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;\">Metron\u00f3m<\/span><\/p>\n<div style=\"display: flex; align-items: center; gap: 10px;\">\n              <button type=\"button\" aria-label=\"Pomal\u0161ie\" 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=\"R\u00fdchlej\u0161ie\" 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\u00e1\u017eku techn\u00edk<\/strong> zahraj pri <strong>60 BPM<\/strong>, jeden t\u00f3n na jeden \u00fader metron\u00f3mu. Bend a vibrato nechaj znie\u0165 dve doby.<\/li>\n<li>Pri ka\u017edej zna\u010dke si nahlas povedz, \u010do rob\u00ed\u0161: \u201ehammer-on, pull-off, slide, bend\u201c. Zna\u010dka m\u00e1 v hlave hne\u010f vyvola\u0165 pohyb.<\/li>\n<li><strong>Akord C<\/strong> zahraj pod\u013ea diagramu a prebrnkaj ho po jednej strune od 5. po 1. Ak niektor\u00e1 drn\u010d\u00ed, posu\u0148 prst bli\u017e\u0161ie k pra\u017ecu.<\/li>\n<li>Zahraj C \u0161tyrikr\u00e1t za sebou pri 60 BPM, jeden \u00fader na dobu. Medzi opakovaniami ruku v\u017edy \u00faplne zdvihni.<\/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;\">Ako vie\u0161, \u017ee to zvl\u00e1da\u0161:<\/strong> uk\u00e1\u017eku zahr\u00e1\u0161 bez zastavenia a akord C chyt\u00ed\u0161 do jednej doby tak, aby zneli v\u0161etky struny okrem 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 dvojhmatov<\/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;\">Dve \u010d\u00edsla nad sebou hr\u00e1\u0161 naraz. Jedn\u00fdm prstom prelo\u017e struny D a G na tom istom pra\u017eci a udri obe naraz. Riff sa opakuje \u0161tyrikr\u00e1t.<\/p>\n<div style=\"overflow-x: auto; border-radius: 7px; background: #1D1B19; padding: 16px;\">\n<pre aria-label=\"Tabulat\u00fara cvi\u010dn\u00e9ho riffu z dvojhmatov 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;\">Pri prehr\u00e1van\u00ed sa v tabulat\u00fare rozsvieti pr\u00e1ve 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=\"Len podklad, hr\u00e1\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                Len podklad, hr\u00e1\u0161 ty<br \/>\n              <\/button>\n          <\/div>\n<p style=\"margin: 0; font-size: 13px; color: #A8A29A;\">Najprv si vypo\u010duj riff s kapelou. Potom pusti podklad bez gitary a riff hraj s\u00e1m. Pred za\u010diatkom zaznej\u00fa 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 pou\u017eije\u0161 v re\u00e1lnej hudbe<\/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 tabulat\u00farach zap\u00edsan\u00fd ako dvojice \u010d\u00edsel nad sebou na strun\u00e1ch D a G. Teraz vie\u0161, \u017ee tieto dva t\u00f3ny hr\u00e1\u0161 naraz.<\/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 zo spevn\u00edka<\/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;\">\u0160tyri akordy: G, D, Am, C. V\u0161etky s\u00fa v spevn\u00edkoch nakreslen\u00e9 ako diagramy, ktor\u00e9 u\u017e vie\u0161 pre\u010d\u00edta\u0165.<\/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;\">Zhrnutie<\/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 najten\u0161ej (1.) po najhrub\u0161iu (6.); ladenie E A D G B E.<\/li>\n<li style=\"display: flex; gap: 12px;\"><span style=\"color: #BF4509; font-weight: 800;\">\u2192<\/span>V tabulat\u00fare je hore 1. struna a dole 6.; \u010d\u00edslo = pra\u017eec, 0 = pr\u00e1zdna struna.<\/li>\n<li style=\"display: flex; gap: 12px;\"><span style=\"color: #BF4509; font-weight: 800;\">\u2192<\/span>\u010c\u00edsla nad sebou hr\u00e1\u0161 naraz; tabulat\u00fara 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 = nehra\u0165, \u25cb = pr\u00e1zdna 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 ~ s\u00fa 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;\">\u00daloha na dnes<\/h3>\n<p>            <span style=\"font-size: 13px; color: #A8A29A;\">10 min\u00fat<\/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;\"\/>N\u00e1jdi na internete tabulat\u00faru riffu, ktor\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;\"\/>Pre\u010d\u00edtaj ju nahlas: \u201e3. pra\u017eec na 5. strune, 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 ju zahraj pri 60 BPM.<\/label>\n        <\/div>\n<\/section>\n<nav aria-label=\"\u010eal\u0161ia lekcia\" 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;\">\u010eal\u0161ia lekcia \u00b7 02<\/span><br \/>\n          <strong style=\"font-family: 'Syne', sans-serif; font-size: 22px; line-height: 1.2;\">12 t\u00f3nov, z ktor\u00fdch je postaven\u00e1 v\u0161etka hudba<\/strong>\n        <\/div>\n<p>        <a href=\"\/sk\/kurz-gitary\/lekcia-2-12-tonov-z-ktorych-je-postavena-vsetka-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 internete n\u00e1jde\u0161 akordy a tabulat\u00fary takmer ku ka\u017edej piesni. Sta\u010d\u00ed v\u0161ak zle pre\u010d\u00edta\u0165 jednu zna\u010dku a cel\u00e9 t\u00fd\u017edne cvi\u010d\u00ed\u0161 riff, ktor\u00fd znie \u201enejako divne\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-5173","da_lekcia","type-da_lekcia","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/deskaudio.eu\/sk\/wp-json\/wp\/v2\/da_lekcia\/5173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deskaudio.eu\/sk\/wp-json\/wp\/v2\/da_lekcia"}],"about":[{"href":"https:\/\/deskaudio.eu\/sk\/wp-json\/wp\/v2\/types\/da_lekcia"}],"wp:attachment":[{"href":"https:\/\/deskaudio.eu\/sk\/wp-json\/wp\/v2\/media?parent=5173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}