Krok 4
- Ve Firebugu rozbalte značku , aby se zobrazila značka .</li>
<li>Klikněte na hodnotu značky <title> (což je „Welcome: Mercury Tours“) a vložte ji do pole Target v Editoru.</li>
</ul>
</td>
</tr>
<tr> <td><strong>Krok 5</strong>
<ul>
<li>Chcete-li vytvořit třetí příkaz, klikněte na třetí prázdný řádek v editoru a zadejte „text“ do textového pole Příkaz.</li>
<li>Ve Firebugu klikněte na tlačítko „Zkontrolovat“.</li>
</ul>
</td>
</tr>
<tr> <td>Klikněte na textové pole Uživatelské jméno. Všimněte si, že Firebug vám automaticky zobrazí HTML kód pro tento prvek.</td>
</tr>
<tr> <td><strong>Krok 6</strong>
<p>Všimněte si, že textové pole Uživatelské jméno nemá ID, ale má atribut NAME. Proto budeme jako vyhledávač používat jeho NÁZEV. Zkopírujte hodnotu JMÉNO a vložte ji do pole Cíl v Selenium IDE.</p>
<p>V textovém poli Cílová předpona „userName“ s „name =“, což znamená, že selenové IDE by mělo cílit na prvek, jehož atribut NAME je „userName“.</p>
<p>Do textového pole Hodnota selenového IDE napište „invalidUN“. Váš testovací skript by nyní měl vypadat jako na obrázku níže. S třetím příkazem jsme skončili. Poznámka: Místo neplatného UN můžete zadat jakýkoli jiný textový řetězec. Selenium IDE ale rozlišuje velká a malá písmena a vy zadáváte hodnoty / atributy přesně jako v aplikaci.</p>
</td>
</tr>
<tr> <td><strong>Krok 7</strong>
<ul>
<li>Chcete-li vytvořit čtvrtý příkaz, zadejte do textového pole Příkaz „zadejte“.</li>
<li>Pomocí tlačítka Firebug „Zkontrolovat“ znovu získáte lokátor textového pole „Heslo“.</li>
</ul>
<ul>
<li>
<p>Vložte atribut JMÉNO („heslo“) do pole Cíl a vložte před něj „name =“</p>
</li>
<li>
<p>Do pole Hodnota v Selenium IDE napište „invalidPW“. Váš testovací skript by nyní měl vypadat jako na obrázku níže.</p>
</li>
</ul>
</td>
</tr>
<tr> <td><strong>Krok 8</strong>
<ul>
<li>U pátého příkazu zadejte do textového pole Příkaz v IDE selenu „clickAndWait“.</li>
<li>Pomocí tlačítka „Zkontrolovat“ Firebug získáte vyhledávač pro tlačítko „Přihlásit se“.</li>
</ul>
<ul>
<li>Vložte hodnotu atributu JMÉNO („přihlášení“) do textového pole Cíl a přidejte před něj „name =“.</li>
<li>Váš testovací skript by nyní měl vypadat jako na obrázku níže.</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p><strong>Krok 9:</strong> Uložte testovací případ stejným způsobem jako v předchozí části.</p>
<a id="menu-6"></a>
<h2>Pomocí tlačítka Najít</h2>
<p><strong>Tlačítko Najít v IDE selenu slouží k ověření, zda to, co jsme vložili do textového pole Cíl, je skutečně správný prvek uživatelského rozhraní.</strong></p>
<p>Použijme testovací případ Invalid_login, který jsme vytvořili v předchozích částech. Klikněte na libovolný příkaz se záznamem Target, řekněme třetí příkaz.</p>
<p>Klikněte na tlačítko Najít. Všimněte si, že textové pole Uživatelské jméno na stránce Mercury Tours se na okamžik zvýrazní.</p>
<p>To naznačuje, že IDE selenu dokázalo správně detekovat a přistupovat k očekávanému prvku. Pokud tlačítko Najít zvýraznilo jiný prvek nebo vůbec žádný, pak musí být ve vašem skriptu něco špatně.</p>
<a id="menu-7"></a>
<h2>Proveďte příkaz</h2>
<p><strong>To vám umožní provést libovolný jeden příkaz bez spuštění celého testovacího případu</strong> . Stačí kliknout na řádek, který chcete provést, a poté buď kliknout na „Akce> Spustit tento příkaz“ z řádku nabídek nebo jednoduše stisknout „X“ na klávesnici.</p>
<p><strong>Krok 1.</strong> Ujistěte se, že je váš prohlížeč na domovské stránce Mercury Tours. Klikněte na příkaz, který chcete provést. V tomto příkladu klikněte na řádek „type | userName | invalidUN“.</p>
<p><strong>Krok 2.</strong> Stiskněte „X“ na klávesnici.</p>
<p><strong>Krok 3.</strong> Všimněte si, že textové pole pro uživatelské jméno bude vyplněno textem „invalidUN“</p>
<p><strong>Provádění příkazů tímto způsobem je vysoce závislé na stránce, kterou Firefox aktuálně zobrazuje</strong> . To znamená, že pokud vyzkoušíte výše uvedený příklad se zobrazenou domovskou stránkou Google namísto Mercury Tours, váš krok se nezdaří, protože na domovské stránce Google není žádné textové pole s atributem „userName“.</p>
<a id="menu-8"></a>
<h2>Startovní bod</h2>
<p><strong>Počáteční bod je indikátor, který říká selenovému IDE, které řádky začnou s prováděním</strong> . <strong>Jeho klávesová zkratka je „S“.</strong></p>
<p>Ve výše uvedeném příkladu se přehrávání spustí na třetím řádku (zadejte | heslo | invalidPW). <strong>V jednom testovacím skriptu můžete mít pouze jeden počáteční bod.</strong></p>
<p>Počáteční bod je podobný příkazu Provést v tom, že jsou závislé na aktuálně zobrazené stránce. Počáteční bod selže, pokud jste na nesprávné stránce.</p>
<a id="menu-9"></a>
<h2>Hraniční body</h2>
<p>Hraniční body jsou indikátory, které říkají Selenium IDE, kde má automaticky pozastavit test. <strong>Klávesová zkratka je „B“.</strong></p>
<p>Žluté zvýraznění znamená, že aktuální krok čeká na vyřízení. To dokazuje, že selenové IDE v tomto kroku pozastavilo provádění. <strong>V jednom testovacím případě můžete mít více zarážek.</strong></p>
<a id="menu-10"></a>
<h2>Krok</h2>
<p>Umožňuje vám provádět po sobě následující příkazy po pozastavení testovacího případu. Použijme scénář v předchozí části „Hraniční body“.</p>
<table>
<tbody>
<tr> <td width="50%"> </td> <td>
<p><strong>Před kliknutím na „Krok“.</strong></p>
<p>Testovací případ se pozastaví na řádku „clickAndWait | přihlášení“.</p>
</td>
</tr>
<tr> <td width="50%"> </td> <td>
<p><strong>Po kliknutí na „Krok“.</strong></p>
<p>Spustí se řádek „clickAndWait | přihlášení“ a pozastaví se na další příkaz (verifyTitle | Sign-on: Mercury Tours).</p>
<p>Všimněte si, že další řádek je pozastaven, i když tam není žádný zarážka. To je hlavní účel funkce Krok - provádí následující příkazy jeden po druhém, aby vám poskytl více času na kontrolu výsledku po každém kroku.</p>
</td>
</tr>
</tbody>
</table>
<a id="menu-11"></a>
<h2>Důležité věci, které je třeba si všimnout při použití jiných formátů v zobrazení zdroje</h2>
<p><strong>Selenium IDE funguje dobře pouze s HTML - ostatní formáty jsou stále v experimentálním režimu</strong> . Je to <strong>není vhodné</strong> vytvářet nebo upravovat testy za použití jiných formátů zobrazení zdroje, protože tam je ještě hodně práce nezbytná, aby byl stabilní. Níže jsou známé chyby od verze 1.9.1.</p>
<ul>
<li>Nebudete moci provádět přehrávání ani přepnout zpět do zobrazení tabulky, pokud se nevrátíte k HTML.</li>
<li>Jediným způsobem, jak bezpečně přidat příkazy do zdrojového kódu, je jejich záznam.</li>
<li>Když zdrojový kód upravíte ručně, při přepnutí na jiný formát dojde ke ztrátě celého kódu.</li>
<li>I když můžete svůj testovací případ uložit v zobrazení zdroje, Selenium IDE jej nebude moci otevřít.</li>
</ul>
<p><strong>Doporučeným způsobem převodu selenských testů je použití možnosti „Exportovat testovací případ jako…“ v nabídce Soubor, nikoli prostřednictvím zobrazení zdroje.</strong></p>
<a id="menu-12"></a>
<h2>souhrn</h2>
<ul>
<li>Testovací skripty lze vytvořit buď zaznamenáním nebo ručním zadáním příkazů a parametrů.</li>
<li>Při ručním vytváření skriptů se k získání lokátoru používá Firebug.</li>
<li>Tlačítko Najít slouží ke kontrole, zda má příkaz přístup ke správnému prvku.</li>
<li>Zobrazení tabulky zobrazuje testovací skript ve formě tabulky, zatímco zobrazení zdroje zobrazení ve formátu HTML.</li>
<li>Změna zobrazení zdroje na jiný formát než HTML je stále experimentální.</li>
<li>Při vytváření testů v jiných formátech nepoužívejte zobrazení zdroje. Místo toho použijte funkce Export.</li>
<li>Parametry nejsou vždy vyžadovány. Záleží na příkazu.</li>
<li>Existují tři typy příkazů:</li>
<ul>
<li>Akce - přímo interaguje s prvky stránky</li>
<li>Accessors - „čte“ vlastnost prvku a ukládá ji do proměnné</li>
<li>Tvrzení - porovnává skutečnou hodnotu s očekávanou</li>
</ul>
<li>Tvrzení mají tři typy:</li>
<ul>
<li>Tvrdit - při selhání se další kroky již neprovádějí</li>
<li>Ověření - i po selhání budou provedeny následující kroky.</li>
<li>WaitFor - projde, pokud se zadaná podmínka stane pravdivou během časového limitu; jinak to selže</li>
</ul>
<li>Nejběžnější příkazy jsou:</li>
<ul>
<li>otevřeno</li>
<li>click / clickAndWait</li>
<li>typ / typKlíče</li>
<li>verifyTitle / assertTitle</li>
<li>verifyTextPresent</li>
<li>verifyElementPresent</li>
<li>ověřitTabulka</li>
<li>waitForPageToLoad</li>
<li>waitForElementPresent</li>
</ul>
</ul>
</div>
</article>
<div id="container-5533149ee6411a5f99b370c693e87966"></div> </div>
</div>
</div>
</div>
</div>
<aside class="col-lg-4 sidebar sidebar--right">
<div class="widget widget-popular-posts">
<h2 class="widget-title">Populární Příspěvky</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__img-holder">
<div class="thumb-container thumb-100"><a href="/8226190-difference-between-class-and-object" title="Rozdíl mezi třídou a objektem" rel="bookmark"><img src="https://cdn.css-code.org/5696465/difference_between_class_and_object.jpg.webp" loading="lazy" alt="Rozdíl mezi třídou a objektem" title="Rozdíl mezi třídou a objektem" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
</div>
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8226190-difference-between-class-and-object" title="Rozdíl mezi třídou a objektem" rel="bookmark">Rozdíl mezi třídou a objektem 2025</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__img-holder">
<div class="thumb-container thumb-100"><a href="/8226191-15-best-code-review-tools-for-code-quality-analysis" title="15 NEJLEPŠÍCH nástrojů pro kontrolu kódu pro analýzu kvality kódu" rel="bookmark"><img src="https://cdn.css-code.org/8640033/15_best_code_review_tools_for_code_quality_analysis.png.webp" loading="lazy" alt="15 NEJLEPŠÍCH nástrojů pro kontrolu kódu pro analýzu kvality kódu" title="15 NEJLEPŠÍCH nástrojů pro kontrolu kódu pro analýzu kvality kódu" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
</div>
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8226191-15-best-code-review-tools-for-code-quality-analysis" title="15 NEJLEPŠÍCH nástrojů pro kontrolu kódu pro analýzu kvality kódu" rel="bookmark">15 NEJLEPŠÍCH nástrojů pro kontrolu kódu pro analýzu kvality kódu 2025</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__img-holder">
<div class="thumb-container thumb-100"><a href="/8226192-50-best-freelance-websites-for-beginners-in-2021" title="50+ NEJLEPŠÍCH webů na volné noze pro začátečníky v roce 2021" rel="bookmark"><img src="https://cdn.css-code.org/4446837/50_best_freelance_websites_for_beginners_in_2021.png.webp" loading="lazy" alt="50+ NEJLEPŠÍCH webů na volné noze pro začátečníky v roce 2021" title="50+ NEJLEPŠÍCH webů na volné noze pro začátečníky v roce 2021" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
</div>
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8226192-50-best-freelance-websites-for-beginners-in-2021" title="50+ NEJLEPŠÍCH webů na volné noze pro začátečníky v roce 2021" rel="bookmark">50+ NEJLEPŠÍCH webů na volné noze pro začátečníky v roce 2021 2025</a></h3>
</div>
</div>
</li>
</ul>
</div>
<div class="widget widget-popular-posts">
<h2 class="widget-title">Nejlepší názory na měsíc</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8002868-background-clip" title="Klip na pozadí - Triky CSS" rel="bookmark">Klip na pozadí - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8002869-background-origin" title="Původ pozadí - Triky CSS" rel="bookmark">Původ pozadí - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8002871-background-color" title="Barva pozadí - Triky CSS" rel="bookmark">Barva pozadí - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8002872-background-image" title="Obrázek na pozadí - Triky CSS" rel="bookmark">Obrázek na pozadí - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8002873-background-position" title="Pozice na pozadí - Triky CSS" rel="bookmark">Pozice na pozadí - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8002874-background-repeat" title="Opakování pozadí - Triky CSS" rel="bookmark">Opakování pozadí - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8002875-bleed" title="Krvácet - Triky CSS" rel="bookmark">Krvácet - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8002876-block-overflow" title="Přetečení bloku - Triky CSS" rel="bookmark">Přetečení bloku - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8002877-background-blend-mode" title="Režim míchání na pozadí - Triky CSS" rel="bookmark">Režim míchání na pozadí - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8002878-border" title="Hranice - Triky CSS" rel="bookmark">Hranice - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8002879-border-collapse" title="Kolaps hranic - Triky CSS" rel="bookmark">Kolaps hranic - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8002880-background-size" title="Velikost pozadí - Triky CSS" rel="bookmark">Velikost pozadí - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8002881-border-boundary" title="Hranice-hranice - Triky CSS" rel="bookmark">Hranice-hranice - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8002882-border-spacing" title="Mezery mezi okraji - Triky CSS" rel="bookmark">Mezery mezi okraji - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8002883-box-sizing" title="Velikost krabice - Triky CSS" rel="bookmark">Velikost krabice - Triky CSS</a></h3>
</div>
</div>
</li>
</ul>
</div>
<div id="container-5533149ee6411a5f99b370c693e87966"></div> <div class="widget widget-popular-posts">
<h2 class="widget-title">Nejlepší Články</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__img-holder">
<div class="thumb-container thumb-100"><a href="/8003742-keyboardevent-value-keycodes-metakey-etc" title="Hodnota KeyboardEvent (keyCodes, metaKey atd.) - Triky CSS" rel="bookmark"><img src="https://cdn.css-code.org/1617345/keyboardevent_value_keycodes-_metakey-_etc_css-tricks.png.webp" loading="lazy" alt="Hodnota KeyboardEvent (keyCodes, metaKey atd.) - Triky CSS" title="Hodnota KeyboardEvent (keyCodes, metaKey atd.) - Triky CSS" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
</div>
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8003742-keyboardevent-value-keycodes-metakey-etc" title="Hodnota KeyboardEvent (keyCodes, metaKey atd.) - Triky CSS" rel="bookmark">Hodnota KeyboardEvent (keyCodes, metaKey atd.) - Triky CSS 2025</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__img-holder">
<div class="thumb-container thumb-100"><a href="/8003743-loop-through-array-without-wasteful-lookups" title="Procházejte pole bez zbytečných vyhledávání Triky CSS" rel="bookmark"><img src="https://cdn.css-code.org/8011031/loop_through_array_without_wasteful_lookups_css-tricks.png.webp" loading="lazy" alt="Procházejte pole bez zbytečných vyhledávání Triky CSS" title="Procházejte pole bez zbytečných vyhledávání Triky CSS" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
</div>
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8003743-loop-through-array-without-wasteful-lookups" title="Procházejte pole bez zbytečných vyhledávání Triky CSS" rel="bookmark">Procházejte pole bez zbytečných vyhledávání Triky CSS 2025</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__img-holder">
<div class="thumb-container thumb-100"><a href="/8003744-loop-over-queryselectorall-matches" title="Loop Over querySelectorAll Matches - Triky CSS" rel="bookmark"><img src="https://cdn.css-code.org/9755074/loop_over_queryselectorall_matches_css-tricks.png.webp" loading="lazy" alt="Loop Over querySelectorAll Matches - Triky CSS" title="Loop Over querySelectorAll Matches - Triky CSS" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
</div>
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8003744-loop-over-queryselectorall-matches" title="Loop Over querySelectorAll Matches - Triky CSS" rel="bookmark">Loop Over querySelectorAll Matches - Triky CSS 2025</a></h3>
</div>
</div>
</li>
</ul>
</div>
</aside> </div>
</div>
<footer class="footer footer--dark">
<div class="container">
<div class="footer__widgets">
<div class="row">
<div class="col-lg-4">
<div class="widget">
<h2 class="widget-title">Populární Příspěvky</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8003680-set-iphone-bookmark-icon" title="Nastavit ikonu záložky iPhone - Triky CSS" rel="bookmark">Nastavit ikonu záložky iPhone - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8003681-stop-ie-page-load-flicker" title="Zastavit blikání stránky při načítání stránky - Triky CSS" rel="bookmark">Zastavit blikání stránky při načítání stránky - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8003682-standard-list-navigation" title="Standardní navigace v seznamu - Triky CSS" rel="bookmark">Standardní navigace v seznamu - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8003683-the-common-doctypes" title="Společné DOCTYPY - Triky CSS" rel="bookmark">Společné DOCTYPY - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8003684-tooltips-for-acronyms" title="Tipy pro zkratky - Triky CSS" rel="bookmark">Tipy pro zkratky - Triky CSS</a></h3>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="widget">
<h2 class="widget-title">Redakce Choice</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004303-62-advanced-form-styling-and-functionality" title="# 62: Pokročilý styl a funkčnost formulářů - Triky CSS" rel="bookmark"># 62: Pokročilý styl a funkčnost formulářů - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004304-63-on-screencasting" title="# 63: On Screencasting - Triky CSS" rel="bookmark"># 63: On Screencasting - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004305-58-html-and-css-the-very-basics" title="# 58: HTML & CSS - VELMI Základy - Triky CSS" rel="bookmark"># 58: HTML & CSS - VELMI Základy - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004306-66-table-styling-2-fixed-header-and-highlighting" title="# 66: Styl tabulky 2, pevné záhlaví a zvýraznění - Triky CSS" rel="bookmark"># 66: Styl tabulky 2, pevné záhlaví a zvýraznění - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004307-65-advanced-uses-for-custom-fields-in-wordpress" title="# 65: Pokročilé použití pro vlastní pole na WordPress - Triky CSS" rel="bookmark"># 65: Pokročilé použití pro vlastní pole na WordPress - Triky CSS</a></h3>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="widget">
<h2 class="widget-title">Nejlepší Články</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004118-remove-the-28px-push-down-from-the-admin-bar" title="Odeberte 28px Push Down z Admin Bar - Triky CSS" rel="bookmark">Odeberte 28px Push Down z Admin Bar - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004119-remove-width-and-height-attributes-from-inserted-images" title="Odebrat atributy šířky a výšky z vložených obrázků - Triky CSS" rel="bookmark">Odebrat atributy šířky a výšky z vložených obrázků - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004120-removing-jetpack-css" title="Odebrání Jetpack CSS - Triky CSS" rel="bookmark">Odebrání Jetpack CSS - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004121-reset-admin-password-through-database" title="Obnovit heslo správce prostřednictvím databáze - Triky CSS" rel="bookmark">Obnovit heslo správce prostřednictvím databáze - Triky CSS</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004122-run-a-loop-outside-of-wordpress" title="Spusťte smyčku mimo WordPress - Triky CSS" rel="bookmark">Spusťte smyčku mimo WordPress - Triky CSS</a></h3>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<p>© Copyright cs.css-code.org, 2025 Červen |
<a href="https://cs.css-code.org/about-site" title="O webu">O webu</a> |
<a href="https://cs.css-code.org/contacts" title="Kontakty">Kontakty</a> |
<a href="https://cs.css-code.org/privacy-policy" title="Zásady ochrany osobních údajů">Zásady ochrany osobních údajů</a>.
</p>
</div>
</div>
</footer>
<link href="https://css-code.org/template/css/style.min.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" /> </body>
</html>
|
