PHP třída pro vytváření šablon. Použití souborů tpl Jak vytvořit soubory tpl v php

Ahoj všichni. Rád bych představil další kolo napsané v PHP pomocí Objekt dokumentu Modelka. Čím se liší od ostatních tříkolových zástupců stejného druhu? Ve skutečnosti tam není tolik rozdílů, kombinuje to nejlepší z mnoha. Například:

1. Úplné oddělení html a php.
2. Žádné další štítky v šablonách jako


3. Možnost vložit do layoutu obsah jiných souborů šablon, a to jak z php, tak pomocí speciálního tagu v layoutu.
4. Schopnost vytvořit libovolný html tag za chodu.
5. Schopnost spořit html soubor vše, co bylo vytvořeno a shromážděno.
6. Kontrola existence html souboru požadované stránky před vygenerováním šablony.

Aby bylo všem hned jasné, jak pohodlné a snadné je to používat, řeknu a ukážu, jak jsem to použil k vytvoření jednoho ze svých projektů (tuším, že na to přepíšu všechny své projekty).

První věc, kterou obvykle dělám, je získat všechny informace z databáze o stránce ( klíčová slova, popis stránky, název šablony a adresy souborů css a js). To vše ukládám do pole $ head. Poté získám obsah z databáze a uložím jej do pole $ page. A začnu pracovat se třídou.

Nejprve tedy zavolám konstruktor třídy a předám do něj všechny požadované parametry:

$ tpl = nová šablona; $ tpl -> ext = TPL_EXTENSION; # rozšíření souborů v adresáři šablony $ tpl -> htm = CACHE_EXTENSION; # rozšíření pro již vygenerované stránky $ tpl -> skin_dir = DIR_TEMPLATES; # adresář obsahující všechny šablony stránek (například šablony) $ tpl -> js_dir = DIR_JS; # adresář, kde potřebujete hledat soubory JS $ tpl -> css_dir = DIR_CSS; # adresář, kde se nachází CSS $ tpl -> img_dir = DIR_IMG; # adresář kde obrázky $ tpl -> skin = $ _SESSION ["skin"]; # název šablony, kterou chci použít $ tpl -> cache = DIR_CACHE; # kam uložit hotové html $ tpl -> log = FILE_T_LOGS; # kam zapisovat protokoly $ tpl -> tag_start = SYMBOL_START_TAG; # Znak, kterým proměnné v šabloně začínají $ tpl -> tag_end = SYMBOL_END_TAG; # Znak, který ukončuje proměnné v šabloně $ tpl -> dir_delimeter = DIRECTORY_SEPARATOR; $ tpl -> mezera = SYMBOL_SPACE; # znak nahrazující mezeru.
Fuf, zdá se, že všechny proměnné byly předány, pojďme dál.
Abychom třídu nenutili dělat zbytečnou práci, nejprve zkontrolujeme, zda již máme hotový Html soubor požadované stránky.
if ($ tpl -> TestPageStatus () === TRUE) (vyžadovat $ tpl -> cacheFileName;) else ($ tpl -> stránka ("index"); # předat název souboru šablony, mimochodem může jich předat několik, oddělených čárkami $ tpl -> přiřadit ("HEAD", $ head); $ tpl -> přiřadit ("CONTENT", $ page); $ tpl -> build (); # zadat příkaz vytvořte šablonu $ tpl -> ShowPage (); # výstup.)
Zde jsou všechny metody, které musíte použít k zobrazení stránky.

Nyní se podívejme na několik užitečných metod této třídy. Řekněme, že jsme třídě již předali vše, co potřebujeme, ale ještě jsme jí nedali příkaz k výstupu, protože jsme si najednou vzpomněli, že musíme v šabloně vytvořit několik Html značek. To je také velmi snadné. Nejprve musíme najít blok, do kterého chceme něco přidat. Najdete ho 2 způsoby:

$ tpl -> findById ("findMe"); $ tpl -> findByTagName ("div");
Metoda findById logicky předpokládá, že všechna ID značek v šabloně jsou jedinečná. A metoda findByTagName vrátí první, která odpovídá.
Výsledek, který jsme získali hledáním, musíme předat metodě $ tpl -> createChild (), abychom mohli v nalezeném prvku vytvořit podřízené tagy. Metoda createChild nám ho mimochodem po vytvoření nového prvku vrátí, abychom nově vytvořený prvek mohli použít jinde.

Při šťouchání a experimentování jsem našel 3 způsoby, jak vytvořit značky v šabloně, takže vám ukážu 3 příklady najednou. Příklad 1:

Potřebujeme tvořit

uvnitř

$ parent = $ tpl -> findById ("rodič"); $ tpl -> createChild ($ parent, "div", "id = child, class = test");
Dostaneme:


Příklad 2:

Potřebujeme tvořit

Nějaký text
uvnitř

$ parent = $ tpl -> findById ("rodič"); $ tpl -> createChild ($ rodič, "div", "id = dítě, třída = test", "Nějaký text");
Dostaneme:

Nějaký text

Příklad 3:
Potřebujeme tvořit

Nový prvek
v prvním prvku rozpětí, který se objeví

$ parent = $ tpl -> findByTagName ("span"); # (1) $ tpl -> createChild ($ parent, "div", "New Element"); # (2)
(1) Hledání rodiče ne podle id, ale podle tagu najde první odpovídající
(2) Pokud nepotřebujeme atributy, ale pouze hodnotu nového prvku, pak je lze vynechat.

Dostaneme:

Nový prvek

A po těchto manipulacích již volám ShowPage. A zde se plynule dostáváme k dalším 2 zajímavým bodům.
Představte si situaci, že máme šablonu, předpokládejme, že je to šablona list.tpl se seznamem, řekněme, mobilních telefonů:

(OBSAH.Značka)

(OBSAH.Model)

(CONTENT.Info)

Pokud jsme přenášeli informace pouze přes 1 telefon, pak se proměnné jednoduše nahradí jejich hodnotami a pokud jsme přenášeli informace přes více telefonů najednou, tak třída zkopíruje tuto sekci tolikrát, kolik variant hodnot přibylo. to. A udělá to sám, na rozdíl například od třídy xTemplate, která měla pro každou hodnotu přiřadit a analyzovat
Je pravda, že existuje jeden nepříliš vhodný okamžik, pokud po tomto bloku existují další, například:

(OBSAH.Značka)

(OBSAH.Model)

(CONTENT.Info)
Další blok

Pak v takové situaci budeme muset použít malý trik a sbalit si mobil

(OBSAH.Značka)

(OBSAH.Model)

(CONTENT.Info)
Další blok

V tomto případě se všechny mobilní telefony objeví jeden po druhém, uvnitř
a "Nějaký jiný blok" zůstane níže.

A pokud jsem na nic nezapomněl, tak na poslední chvíli je přidávání obsahu dalších šablon do aktuální šablony.
Znovu apeluji na vaši představivost.

Představte si, že návrhář rozvržení chce, aby byl obsah souboru page.html přidán do bloku souboru list.html, k tomu přidá na správné místo v souboru list.html strana a když třída uvidí tuto značku, nahradí ji obsahem souboru page.html

Počet takových vložek není omezen a jejich umístění není absolutně rozhodující, takže je můžete vkládat libovolně a v libovolném množství.

To je asi vše, pokud si na něco vzpomenu, dám dodatečně vědět. Děkuji, že jste dočetli až do konce.

Tagy: php, class, template, template engine, parser

Po vytvoření info-file, v zásadě je téma již definováno. To znamená, že můžete přejít do sekce pro správu témat http://mysite.ru/admin/build/themes a zahrňte tam své téma. Po zapnutí samozřejmě neuvidíte žádný design - stránka získá styl "černé na bílém" - černý text na bílém pozadí.

Chci však poznamenat, že navzdory skutečnosti, že v našem tématu nejsou žádné soubory kromě mytheme.info nelže, web bude fungovat stejně jako dříve – zobrazí veškerý obsah, přidá bloky do regionů ( http://mysite.ru/admin/build/block) atd. To je způsobeno tím, že jádro Drupalu zahrnuje požadované moduly, které vám i v případě nepřítomnosti jakýchkoli souborů ve vašem motivu (s výjimkou souboru info) umožňují pokračovat v práci s Drupalem.

V zásadě se veškerá tvorba šablon redukuje na překrývající se soubory šablon (mají příponu .tpl.php) standardní moduly našeho CMS.

Nejdůležitější soubor tpl (tpl je zkratka pro šablona, vzor) je page.tpl.php... Je zodpovědný za vytvoření každé stránky webu. Podívejme se, z čeho se soubor šablony skládá:

  • html kód
  • php kód
  • javascriptový kód(není nutné)

Drupal přenáší data webu do každého souboru šablony ve formě standardních proměnných. Pro každý soubor šablony existují 2 typy proměnných:

  • proměnné, které jsou předány pouze tomuto souboru
  • proměnné, které jsou předány všem souborům

Zde je seznam všech proměnných pro page.tpl.php:

Společné proměnné (pro všechny soubory):

  • $ základní_cesta- základní cesta, kde byl nainstalován drupal
  • $ css- pole css souborů připojených k aktuálnímu souboru šablony
  • $ adresář- cesta ke složce, kde je motiv nainstalován
  • $ je_přední- vrátí TRUE, pokud jste na hlavní stránce
  • $ přihlášeni- vrátí TRUE, pokud jste přihlášeni
  • $ is_admin- vrátí hodnotu TRUE, pokud máte přístup k panelu správce

Metadata stránky

  • $ jazyk- (objekt) Aktuální jazyk který je zobrazen na webu
  • $ jazyk-> jazyk- obsahuje jeho textovou reprezentaci
  • $ jazyk-> dir- obsahuje směr jazyka. Bude to buď "ltr" (zleva doprava) nebo "rtl" (zprava doleva)
  • $ head_title- upravená verze názvu stránky pro použití mezi značkami
  • $ hlava- vkládá se mezi značky ... Obsahuje meta tagy, klíčová slova atd.
  • $ styly- slouží ke stažení všech css-soubory na aktuální stránku
  • $ skripty- slouží ke stažení všech javascript "s na aktuální stránku
  • $ body_classes- soubor tříd css pro značku ... Obsahuje informace o aktuálním umístění sloupců na webu, jejich počtu, aktuální url „e atd.

Informace o webu

  • $ titulní strana- adresa hlavní stránky webu. Je lepší použít tuto proměnnou k odkazování domovská stránka od té doby zahrnuje jazyk domény a předponu
  • $ logo- cesta k logu webu, pokud je na webu zahrnuto
  • $ site_name- jméno stránky. Může být prázdný, pokud jej zakážete ve funkcích v souboru informací. Konfigurovatelné na mysite.ru/admin/settings/site-information
  • $ site_slogan- slogan webu. Může být prázdný, pokud jej zakážete ve funkcích v souboru informací. Konfigurovatelné na mysite.ru/admin/settings/site-information
  • $ mise- poslání webu. Může být prázdný, pokud jej zakážete ve funkcích v souboru informací. Konfigurovatelné na mysite.ru/admin/settings/site-information

Navigace

  • $ vyhledávací_box- obsahuje html kód, který zobrazuje hledaný řetězec. Může být prázdný, pokud jej v informačním souboru vypnete
  • $ primárních_odkazů
  • $ sekundární_linky- pole obsahující navigační odkazy na web, pokud jsou povoleny ve funkcích informačního souboru

Výchozí obsah stránky

  • zbývá $- region. Obsahuje html kód pro levý sloupec. Pokud v souboru informací zadáte nějaké oblasti, zmizí
  • $ strouhanka - "strouhanka" pro aktuální stránka
  • $ titul- název stránky
  • $ pomoc- dynamické tipy, většinou zobrazené na panelu administrátora
  • $ zpráv- zobrazuje zprávy o chybách a varováních na webu
  • $ karty- odkazy (záložky) propojující aktuální stránku s jejími podstránkami (například u článku - s její editační stránkou)
  • $ obsah- obsah aktuální stránky
  • $ správně- region. Obsahuje html kód pro pravý sloupec. Pokud v souboru informací zadáte nějaké oblasti, zmizí

Spodní oblast / krycí data

  • $ feed_icon- řádek se všemi ikonami zpětná vazba pro aktuální stránku
  • $ footer_message- zpráva v dolní části stránky. Konfigurovatelné na mysite.ru/admin/settings/site-information
  • $ zápatí- region. Obsahuje html kód pro spodní část stránky. Pokud v souboru informací zadáte nějaké oblasti, zmizí
  • $ uzavření- závěrečný štítek pro všechny moduly, které změnily stránku. Tato proměnná musí být zobrazena po veškerém dynamickém obsahu. Nejlépe před uzavřením štítku BODY

Všechny jsou uvedeny zde standardní proměnné... Ale můžete sem přidat své proměnné buď jako regiony info-file, nebo v jakékoli jiné roli prostřednictvím souboru šablona.php(o něm trochu později).

Nyní vám ukážu, jaký kód by měl být page.tpl.php a do jakého kódu to pak prohlížeče interpretují. Zde je část kódu z page.tpl.php:

První řádek kontroluje, zda má aktuální stránka vůbec název. Pokud tam není, debugger tento kód jednoduše přeskočí a nezadá ho. Pokud nadpis existuje, bude značka přidána do html kódu stránky

, po něm se vytiskne titulek stránky a vše se uzavře tagem

... Pokud se podíváte na kód této stránky v prohlížeči, bude to vypadat takto:

Lekce 4. Požadované soubory k vytvoření šablony. Stránka.tpl.php

Tímto způsobem jsou zabaleny téměř všechny proměnné webu. Dělá se to proto, abychom mohli stylizovat obsah, aniž bychom předem věděli, co to bude.

Takhle to vypadá standardní soubor page.tpl.php který přichází s Drupalem. Změňte názvy tříd, přeuspořádejte proměnné – a uvidíte, co se stane. To je nezbytné k tomu, abyste „cítili“, jak to funguje a co se jako výsledek zobrazuje.

"- // W3C // DTD XHTML 1.0 Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> "http://www.w3.org/1999/xhtml" xml: lang = "jazyk?> " lang = "jazyk?> " dir = "dir?>"> <?php print $head_title ; ?> "" >


Oddělení logiky příjmu dat od logiky jejich zobrazení je velmi důležitou součástí vývoje webu.
Každý programátor, který se mírně povznesl nad úroveň „Ahoj světe“, začíná pociťovat potřebu takového oddělení. Ne každý ale dochází ke správným závěrům a rozhodnutím.
Zde jsou proto nejdůležitější pravidla:
1. Přijímací kód a kód zobrazení dat musí být odděleny.
2. Jakýkoli výstup by měl začít až poté, co jsou pro něj připravena všechna data.
3. V důsledku toho by se každý skript měl zabývat pouze zpracováním dat. Poté může buď poslat nějakou HTTP hlavičku, nebo zavolat šablonu a předat jí připravená data, nebo obojí dohromady.
4. Jaký šablonový engine použít, je desátá věc. Nejjednodušší a nejdostupnější je samotné PHP, takže na něm budou uvedeny příklady.

Bludy
Pravděpodobně neexistuje téma webového programování, které by bylo tak samozřejmé jako nepochopitelné jako šablony. Každý dříve nebo později přijde na to, že je potřeba používat šablony. Ale z nějakého důvodu to přichází prostřednictvím některých nejdivočejších klamů a fantazií.

Nejjednodušší a nejzřejmější mylná představa je, že začátečníci nazývají soubor „design“, což je společný html pro všechny stránky webu, jako šablonu. A v tomto se uklidňují. Dynamické informace, nic neváhá, zobrazující staré dobré echo :-)
Ve skutečnosti se šablonový engine zabývá hlavně zobrazováním měnícího se obsahu stránek webu. A závěr „designu“ je úkol druhořadý.

Existují dvě hlavní fantazie:
1. "Návrhář" potřebuje šablony, aby je mohl upravovat, aniž by musel rozumět PHP.
2. Šablony tedy slouží k oddělení PHP od HTML.

Zkusme se zamyslet nad prvním tvrzením. co je to designér? To je člověk, který pracuje ve Photoshopu. Nejčastěji neumí HTML vůbec. A na šabloně pracuje buď speciální návrhář rozložení, nebo - nejčastěji ... programátor sám! Legrační, že?
Nyní důsledek, o oddělení PHP od HTML. Pokuta. Máme před sebou svatý cíl oddělit se. Proto přicházíme se Smartym a píšeme:
(foreach key = cid item = con from = $ Contacts)
($ con.name) - ($ con.nick)

(/ pro každého)

Ještě vtipnější.
„Návrhář“, pro kterého bylo vše nastartováno, omdlévá štěstím.

Teorie
Ukazuje se, že naše důvody, proč jsme se rozhodli používat šablony, nestojí ani korunu. A co teď - nejsou potřeba, jak se ukazuje, šablony obecně? Potřeboval. Nejprve si ale musíte odpovědět na otázku - "proč?" Proč potřebovat šablony. A ověřte si odpověď praxí. Tuto otázku jsem položil lidem mnohokrát. Na to ale skoro nikdo nedokáže odpovědět. Proč potřebuje šablony. Ukazuje se, že lidé něco dělají, aniž by věděli proč.
To je ta nejzábavnější věc.

Za dobu svého působení jako webový programátor jsem si pro sebe zformuloval tři důvody, proč já osobně šablony potřebuji. Ve skutečnosti jsou dva. A nakonec dojde k jedné věci:

Jeden kód – více zobrazení.

Často se stává, že místo jedné informace potřebujete ukázat jinou. Například kód pro práci s databází obdrží chybovou zprávu místo textu novinky. V tomto případě musíte místo stránky se zprávami ukázat úplně jinou - s omluvou a žádostí, abyste se vrátili později. Pomocí šablon je to velmi snadné.

Často musí být stejné informace uvedeny v několika formách. Například běžná stránka a tisková stránka. Informace jsou stejné, kód vyhledávání je stejný a výstupní kód je jiný. Tváří v tvář takové situaci můžete velmi rychle rozdělit svůj kód na dvě části, z nichž jedna je zodpovědná za výstup a druhá ne. Další příklad: řekněme, že bychom chtěli informace vytisknout ne přímo do HTML, ale prostřednictvím požadavku AJAX ve formátu JSON. Pokud jsme použili šablonový engine, pak změníme přesně jeden řádek v našem kódu – volání šablonového modulu na volání json_encode (). A pokud byl náš výstup smíchán s kódem pro příjem dat, pak musel by se přepsat celý kód!

Situace je poněkud podobná: řekněme, že náš skript je na dvou stránkách. Plus kopie u nás. A tak jsme doma našli velkého brouka. Zavřete to. Nyní musíme aktualizovat kód na stránkách. A je to tady - moment pravdy: pokud byly šablony použity správně, pak jednoduše nahrajeme kód na obě stránky a vše funguje dál, jako by se nic nestalo! Tato situace je podle mého názoru ideálním testem zvoleného přístupu k šablonování.

Další důležitý bod, který mnoha lidem uniká (ve svém teoretickém uvažování, zatímco se s ním neustále setkává v praxi!) - pořadí provádění skriptu nemusí vždy odpovídat pořadí výstupu v šabloně... Učebnicový příklad - zobrazení názvu článku v tagu ... Pokud zobrazujeme informace, jakmile jsou k dispozici, pak to prostě nemůžeme udělat - záhlaví webu <i>již</i> zobrazeno, v době, kdy jsme začali dostávat text zprávy.</p><p>Je třeba také připomenout, že kromě textu PHP skripty zobrazují také HTTP hlavičky. Což se musí zobrazit před jakýmkoli textem, nebo i místo textu obecně (pokud například chceme uživatele přesměrovat na jinou stránku). Pokud nejprve implementujeme logiku aplikace, aniž bychom zároveň cokoliv zobrazovali, pak pro nás vydání požadované HTTP hlavičky nebude činit žádný problém.</p><p>Pro používání šablon můžete mít své vlastní důvody. Ovšem s jedinou podmínkou – tyto důvody by měly být způsobeny skutečnou, životní nutností, a nikoli „vyššími ohledy“ a starostí o nějaké neznámé lidi.</p><p><b><a name="example">Praxe</a> </b><br>Nyní přejděme od teorie k praxi. <br>V nejjednodušším případě při zobrazení jakékoli stránky budeme mít vždy dvě šablony: obecnou šablonu webu a šablonu obsahu pro konkrétní stránku. <br>Řekněme, že chceme vytvořit stránku s odkazy na stránky přátel. <br>V tomto případě bude zjednodušený kód vypadat takto:</p><p>Samotný soubor links.php. Výstupy NIC. Pouze připraví data a poté zavolá šablonu. <br><span><?<br><span>// povolení nastavení. <br></span> zahrnout "settings.php";</p><p>// získat data z databáze, definovat proměnné <br></span>$ pagetitle = "(! LANG: Odkazy" ;!} <br>$ DATA = $ db -> getAll ("SELECT * FROM odkazy");</p><p>// nastavení šablony stránky a volání obecné šablony webu <br></span>$ tpl = "tpl_links.php"; <br>zahrnout "tpl_main.php"; <br> </p><p>Obecná šablona (tpl_main.php):</p><p><html xmlns="http://www.w3.org/1999/xhtml"><br> <head><br> <title>Moje stránka.<?=$pagetitle?>






Na správném místě je v něm obsažena šablona naší stránky (tpl_links.php):





  • "target =" _blank ">


    • Nejjednodušší způsob je vytvořit šablony založené na statických stránkách již rozvržených v HTML. Zvažme vytvoření a připojení šablony pomocí příkladu. Řekněme, že již máte soubor HTML s následujícím obsahem:

      <html> <hlava> <meta jméno = "popis"obsah = /> <meta jméno = "klíčová slova"obsah = /> <titulek>titulek> <odkaz href = "style.css" rel = "stylesheet" typ = "text / css" /> hlava> <tělo>// nabídka Start<ohraničení tabulky = "1" > <tr> <td><a href = "/" > <b> Domovb>a>td> tr> <tr> <td><a href = "/ o /"> O mněa>td> tr> <tr> <td><a href = "/ já_a_já /"> Já a světovládaa>td> tr> <tr> <td><a href = "/ kontakty /"> Kontaktya>td> tr> tabulka>// konec menu<h1> Domovská stránkah1> <p> p> <p> Text o mně: Text o mně: Text o mně: Text o mně:p> <p> Text o mně: Text o mně: Text o mně: Text o mně:p> <p> Text o mně: Text o mně: Text o mně: Text o mně:p> tělo> html>

      Chcete-li přidat šablonu do CMS, musíte vytvořit soubor v adresáři tpls / content, například test.tpl, a vložit tam svůj HTML kód. Soubor CSS by měl být umístěn ve složce css / cms a pojmenován style.css. Je žádoucí umístit obrázky do složky obrázků. Nezapomeňte změnit cesty pro všechny obrázky a soubory CSS.

      Komentář

      V názvu souboru šablony nelze použít ruská písmena!

      Aby systém „uviděl“ novou šablonu a začal ji používat k zobrazování stránek, je nutné šablonu do systému přidat. Chcete-li to provést, přejděte do nastavení modulu "Struktura" na kartě "Šablony" ( http://yourdomain.ru/admin/content/config/ ). Uvidíte seznam již nainstalovaných šablon v každé doméně, které existují ve zvolené jazykové verzi.

      Chcete-li připojit nový soubor šablony, vyplňte spodní volný řádek polí „ Název šablony"(Dejte tomu nějaké smysluplné jméno, například" Můj testovací vzor") A" Název souboru "(v našem případě test.tpl) a klikněte na tlačítko" Uložit ".

      Pokud chcete, aby byla tato šablona použita jako výchozí šablona, ​​zaškrtněte políčko „Hlavní“ vedle ní. Tato šablona bude nyní standardně vybrána v rozevíracím seznamu pro výběr šablony. Poslouží také k zobrazení systémových stránek, které používají výchozí šablonu (Registrace, Obnova hesla, Sitemap).

      Šablony budou viditelné v rozevíracím seznamu při úpravě každé stránky:

      Na jednom webu tak můžete používat mnoho šablon současně a vybrat vhodnou šablonu jak pro jednu stránku, tak pro skupinu stránek.

      Zkuste vytvořit novou stránku (ujistěte se, že je vybrána nová šablona ve volbě Šablona návrhu) a uvidíte, co se na webu stane.

      Na webu by se měla objevit vaše šablona HTML. Ale teď je to statické. Nyní to musíte udělat dynamickým.

      Nejprve musíte určit, které části kódu HTML se změní. V našem případě se změní následující:

        název okna ;</p> <p>meta tagy klíčová slova a popis;</p> <p>název textu <h1>;</p> <p>skutečný text;</p> <p>menu webu.</p> </ul><p>To znamená, že musíme trochu pracovat s HTML šablonou a místo měnících se sekcí umístit odpovídající makra.</p> <p>Například na začátku souboru HTML jsou značky metadat a název:</p> <<span>meta jméno = <span>"popis"</span><span>obsah = <span>"popis místa Vasily Pupkin"</span> /> </span> <<span>meta jméno = <span>"klíčová slova"</span><span>obsah = <span>"Oficiální stránky Vasyy Vasily Pupkin"</span> /> </span> <<span>titulek></span> Web Vasyi Pupkin: Hlavní stránka</<span>titulek></span> <p>Nahradíme je odpovídajícími makry (seznam maker je uveden v příloze):</p> <<span>meta jméno = <span>"popis"</span><span>obsah = "% popis%"</span> /> </span> <<span>meta jméno = <span>"klíčová slova"</span> obsah = <span>"% klíčových slov%"</span> /> </span> <<span>titulek></span>% titul%</<span>titulek></span> <p>Nyní při generování stránek systém vezme meta tagy a název předepsané pro každou stránku jednotlivě a nahradí je namísto odpovídajících maker. Je velmi snadné zapamatovat si názvy maker.</p> <p>Udělejme totéž s názvem textu. Bylo to takto:</p> <<span>h1></span> Domovská stránka</<span>h1></span> <p>A stane se tak. Textové záhlaví se zobrazí pomocí makra % header%:</p> <<span>h1></span>% záhlaví%</<span>h1></span> <p>Změní se také hlavní text stránky:</p> <<span>p></span> Text o mně: Text o mně: Text o mně: Text o mně:</<span>p></span> <<span>p></span> Text o mně: Text o mně: Text o mně: Text o mně:</<span>p></span> <<span>p></span> Text o mně: Text o mně: Text o mně: Text o mně:</<span>p></span> <<span>p></span> Text o mně: Text o mně: Text o mně: Text o mně:</<span>p></span> <p>Existuje makro pro zobrazení hlavního textu stránky <i>% obsah%</i> :</p> <i>% obsah%</i> <p>Na začátek souboru mezi tagy <head>a</head> vložte makro:</p><p>Tento řádek umožňuje rychlé úpravy a další užitečné funkce. S ním můžete stisknutím <b>Posun</b> +<b>D</b>, rychle přejděte k úpravě aktuální stránky webu nebo některé z jejích částí.</p> <p>V důsledku toho byste měli získat následující:</p> <<span>html></span> <<span>hlava></span> <<span>meta jméno = <span>"popis"</span><span>obsah = "% popis%"</span> /> </span> <<span>meta jméno = <span>"klíčová slova"</span> obsah = <span>"% klíčových slov%"</span> /> </span> <<span>titulek></span>% titul%</<span>titulek></span> <<span>odkaz href = <span>"style.css"</span> rel = <span>"stylesheet"</span> typ = <span>"text / css"</span> /> </span>% system includeQuickEditJs ()%</<span>hlava></span> <<span>tělo></span>// nabídka Start<<span>ohraničení tabulky = <span>"1" </span>> </span> <<span>tr></span> <<span>td></span><<span>a href = <span>"/" </span>> </span><<span>b></span> Domov</<span>b></span></<span>a></span></<span>td></span> </<span>tr></span> <<span>tr></span> <<span>td></span><<span>a href = <span>"/ o /"</span>> </span> O společnosti</<span>a></span></<span>td></span> </<span>tr></span> <<span>tr></span> <<span>td></span><<span>a href = <span>"/ projekty /"</span>> </span> Projekty</<span>a></span></<span>td></span> </<span>tr></span> <<span>tr></span> <<span>td></span><<span>a href = <span>"/ kontakty /"</span>> </span> Kontakty</<span>a></span></<span>td></span> </<span>tr></span> </<span>tabulka></span>// konec menu<<span>h1></span>% záhlaví%</<span>h1></span>% obsah%</<span>tělo></span> </<span>html></span> <p>Uložíme tedy soubor šablony a podíváme se na výsledek. Stránka je nyní téměř zcela dynamická, s výjimkou menu. Je potřeba "oživit" menu stránek. Podívejme se, jak je menu uspořádáno:</p>// nabídka Start<<span>ohraničení tabulky = <span>"1" </span>> </span> <<span>tr></span> <<span>td></span><<span>a href = <span>"/" </span>> </span><<span>b></span> Domov</<span>b></span></<span>a></span></<span>td></span> </<span>tr></span> <<span>tr></span> <<span>td></span><<span>a href = <span>"/ o /"</span>> </span> O mně</<span>a></span></<span>td></span> </<span>tr></span> <<span>tr></span> <<span>td></span><<span>a href = <span>"/ já_a_já /"</span>> </span> Já a světovláda</<span>a></span></<span>td></span> </<span>tr></span> <<span>tr></span> <<span>td></span><<span>a href = <span>"/ kontakty /"</span>> </span> Kontakty</<span>a></span></<span>td></span> </<span>tr></span> </<span>tabulka></span>// konec menu <p>Menu se skládá z položek. Jídelní lístek sám o sobě je nějak zdobený a položky mají i design. Například celé menu může mít nějaký rámeček nebo pozadí, aktuální položka menu může být zvýrazněna tučně atd. Ve stejné nabídce mohou být také různé úrovně.</p> <p>Vyberte rám nabídky:</p>// nabídka Start<<span>ohraničení tabulky = <span>"1" </span>> </span> <span><!-здесь пойдут пункты меню --> </span> </<span>tabulka></span>// konec menu <p>Položka nabídky je navržena takto:</p> <<span>tr></span> <<span>td></span><<span>a href = <span>"/ kontakty /"</span>> </span> Kontakty</<span>a></span></<span>td></span> </<span>tr></span> <p>Aktuální položka nabídky má jiný styl:</p> <<span>tr></span> <<span>td></span><<span>a href = <span>"/" </span>> </span><<span>b></span> Domov</<span>b></span></<span>a></span></<span>td></span> </<span>tr></span> <p>Původní šablona nabídky se nachází v souboru /tpls/content/menu/default.tpl a vypadá takto:</p> <?php $FORMS = Array (); $FORMS ["menu_block_level1" ] = <<<END %lines% END; $FORMS ["menu_line_level1" ] = <<<END <div class ="menu" >% text%</div> <<<END <div class ="menu_a" > <span class ="menu_a" >% text%</span> </div> KONEC; ?> <p>Zpočátku je to trochu nepochopitelné. Ve skutečnosti je vše velmi jednoduché. Pojďme se podívat na první část kódu:</p>$ FORMS ["menu_block_level1"] =<<<END %lines% END; <p>Tomuto bloku se říká <b>menu_blok_level1</b>... Existují pouze 3 typy takových bloků.</p> <ul><p><b>menu_blok_level1</b>- obsahuje HTML-rámec menu;</p> <p><b>menu_line_level1</b>- obsahuje HTML kód položky menu;</p> <p><b>menu_line_level1_a</b>- stejné jako menu_line_level1, používá se pouze pro aktivní položku nabídky.</p> </ul><p>Cokoli mezi tím<<<END и END; воспринимается, как html-шаблон (для всего меню или для отдельного пункта).</p> <p>Při generování nabídky systém vezme šablony položek (například menu_line_level1) a umístí je jednu po druhé. Toto je HTML kód, který obsahuje všechny položky nabídky. Tento kód se vloží místo makra <i>% řádků%</i> .</p> <p>Musíte tedy vložit kód, který jsme zvýraznili výše (rámování, položky nabídky) do příslušných bloků. Mělo by to vypadat nějak takto:</p> <?php $FORMS = Array (); $FORMS ["menu_block_level1" ] = <<<END <table border="1" >% řádků%</table> KONEC; $ FORMS ["menu_line_level1"] =<<<END <tr> <td>% text%</td> </tr> KONEC; $ FORMS ["menu_line_level1_a"] =<<<END <tr> <td><b>% text%</b></td> </tr> KONEC; ?> <p>Místo toho to už víme <i>% řádků%</i> systém nahradí položky nabídky jejich rámcem HTML. Poznali jsme nová makra. Namísto <i>% odkaz%</i> vloží se adresa URL položky nabídky a místo <i>% text%</i>- text (definovaný v poli " <span>název stránky</span>»).</p> <p>Nyní lze nabídku vložit do šablony stránky pomocí makra <i>% Jídelní lístek%</i> ::</p> <<span>html></span> <<span>hlava></span> <<span>meta jméno = <span>"popis"</span><span>obsah = "% popis%"</span> /> </span> <<span>meta jméno = <span>"klíčová slova"</span> obsah = <span>"% klíčových slov%"</span> /> </span> <<span>titulek></span>% titul%</<span>titulek></span> <<span>odkaz href = <span>"style.css"</span> rel = <span>"stylesheet"</span> typ = <span>"text / css"</span> /> </span>% system includeQuickEditJs ()%</<span>hlava></span> <<span>tělo></span>// začátek menu% menu% // konec menu<<span>h1></span>% záhlaví%</<span>h1></span>% obsah%</<span>tělo></span> </<span>html></span> <p><b>Šablona je připravena.</b> </p> <p>Pokud chcete na některých stránkách webu zobrazit nabídku pomocí jiné šablony, musíte ve stejné složce vytvořit další soubor se šablonou nabídky. Například menu2.tpl. V souladu s tím, když připojujete nabídku k šabloně stránky, musíte místo % menu% napsat trochu jinak:% content menu ("menu2")%.</p> <p>Obsluha tohoto a dalších maker je podrobně popsána v aktuální dokumentaci. Práce s nimi je založena na úplně stejném principu: požadovaný kus HTML šablony rozbijete na samostatné části, potřebné šablony vložíte do odpovídajících bloků, na místo tohoto kusu vložíte příslušné makro a začne fungovat.</p> <p><b>Je důležité zvážit:</b> </span> nevkládejte více maker na jeden řádek. Vnořená makra nemusí fungovat jako argument pro jiná makra.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> <div style="font-size:0px;height:0px;line-height:0px;margin:0;padding:0;clear:both"></div> </div> <footer> <div class="td-block-row td-post-next-prev"> <div class="td-block-span6 td-post-prev-post"> <div class="td-post-next-prev-content"><span>Předchozí článek</span><a href="https://obanracer.ru/cs/obrazec-iskovogo-zayavleniya-o-poteri-posylki-pretenziya-o.html">Nárok na náhradu škody způsobené ztrátou poštovních zásilek (zásilka na území Ruské federace)</a></div> </div> <!-- /next_post --> <div class="td-next-prev-separator"></div> <div class="td-block-span6 td-post-next-post"> <div class="td-post-next-prev-content"><span>Další článek</span><a href="https://obanracer.ru/cs/protokol-marshrutizacii-ip-protokoly-marshrutizacii-v-ip-setyah-opredelenie-marshruta.html">Směrovací protokoly v IP sítích Určení trasy předávání informací</a></div> <!-- /next_post --> </div> </div> <div class="td-author-name vcard author" style="display: none"><span class="fn"><a href="https://obanracer.ru/cs/author/iulia">Julie</a></span></div> <span style="display: none;" itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="name" content="Юлия"></span> <meta itemprop="datePublished" content="2016-05-16T15:47:37+00:00"> <meta itemprop="dateModified" content="2016-10-25T16:54:41+00:00"> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="/other/kak-zavyazat-galstuk-foto-poshagovo.html" /><span style="display: none;" itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><span style="display: none;" itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="//obanracer.ru/wp-content/uploads/2017/01/logo-300x100.png"></span> <meta itemprop="name" content="Мой секрет"> </span> <meta itemprop="headline " content="Как завязать галстук пошагово фото"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="/wp-content/uploads/2016/05/1-19.jpg"><meta itemprop="width" content="640"><meta itemprop="height" content="450"></span> </footer> </article> <div class="td_block_wrap td_block_related_posts td_uid_3_5a236fb03c961_rand td_with_ajax_pagination td-pb-border-top td_block_template_1" data-td-block-uid="td_uid_3_5a236fb03c961" ><script>var block_td_uid_3_5a236fb03c961 = new tdBlock(); block_td_uid_3_5a236fb03c961.id = "td_uid_3_5a236fb03c961"; block_td_uid_3_5a236fb03c961.atts = '{ "limit":9,"sort":"","post_ids":"","tag_slug":"","autors_id":"","installed_post_types":"","category_id":"","category_ids":"","custom_title":"","custom_url":"","show_child_cat":"","sub_cat_ajax":"","ajax_pagination":"next_prev","header_color":"","header_text_color":"","ajax_pagination_infinite_stop":"","td_column_number":3,"td_ajax_preloading":"","td_ajax_filter_type":"td_custom_related","td_ajax_filter_ids":"","td_filter_default_txt":"\u0412\u0441\u0435","color_preset":"","border_top":"","class":"td_uid_3_5a236fb03c961_rand","el_class":"","offset":"","css":"","tdc_css":"","tdc_css_class":"td_uid_3_5a236fb03c961_rand","live_filter":"cur_post_same_categories","live_filter_cur_post_id":10046,"live_filter_cur_post_author":"694350","block_template_id":""} '; block_td_uid_3_5a236fb03c961.td_column_number = "3"; block_td_uid_3_5a236fb03c961.block_type = "td_block_related_posts"; block_td_uid_3_5a236fb03c961.post_count = "9"; block_td_uid_3_5a236fb03c961.found_posts = "26"; block_td_uid_3_5a236fb03c961.header_color = ""; block_td_uid_3_5a236fb03c961.ajax_pagination_infinite_stop = ""; block_td_uid_3_5a236fb03c961.max_num_pages = "3"; tdBlocksArray.push(block_td_uid_3_5a236fb03c961); </script><h4 class="td-related-title td-block-title"><a id="td_uid_4_5a236fb03e35d" class="td-related-left td-cur-simple-item" data-td_filter_value="" data-td_block_id="td_uid_3_5a236fb03c961" href="#">PODOBNÉ ČLÁNKY</a></h4><div id=td_uid_3_5a236fb03c961 class="td_block_inner"> <div class="td-related-row"> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/informacionnye-tehnologii-kem-rabotat-informacionnye-sistemy-i.html" rel="bookmark" title="Informační systémy a technologie - bakalářský titul (09"><img width="218" height="150" class="entry-thumb" src="/uploads/9b8c2efb87ad34acafefbd0edba2df1e.jpg" alt="Informační systémy a technologie - bakalářský titul (09" title="Informační systémy a technologie - bakalářský titul (09"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/cs/category/the-winchesters/" class="td-post-category">Winchesterové</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/informacionnye-tehnologii-kem-rabotat-informacionnye-sistemy-i.html" rel="bookmark" title="Informační systémy a technologie - bakalářský titul (09">Informační systémy a technologie - bakalářský titul (09</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/prilozhenie-kopii-dokumentov-na-listah-kak-oformit-prilozhenie-k-dokumentu.html" rel="bookmark" title="Jak uspořádat přílohu k dokumentu"><img width="218" height="150" class="entry-thumb" src="/uploads/24f6bc0d4f465443e5f2a83c317f14b2.jpg" alt="Jak uspořádat přílohu k dokumentu" title="Jak uspořádat přílohu k dokumentu"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/cs/category/motherboard/" class="td-post-category">základní desky</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/prilozhenie-kopii-dokumentov-na-listah-kak-oformit-prilozhenie-k-dokumentu.html" rel="bookmark" title="Jak uspořádat přílohu k dokumentu">Jak uspořádat přílohu k dokumentu</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/chto-takoe-teleks-formaty-swift-na-primere-mt103-apparat-bodo-novyi-etap.html" rel="bookmark" title="Formáty SWIFT (například MT103)"><img width="218" height="150" class="entry-thumb" src="/uploads/7e5935aeca893f822e1294eea0e7533e.jpg" alt="Formáty SWIFT (například MT103)" title="Formáty SWIFT (například MT103)"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/cs/category/security/" class="td-post-category">Bezpečnost</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/chto-takoe-teleks-formaty-swift-na-primere-mt103-apparat-bodo-novyi-etap.html" rel="bookmark" title="Formáty SWIFT (například MT103)">Formáty SWIFT (například MT103)</a></h3> </div> </div> </div> </div> <div class="td-related-row"> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/kak-zaregistrirovatsya-v-email-kak-sozdat-elektronnuyu-pochtu.html" rel="bookmark" title="Jak vytvořím e-mail?"><img width="218" height="150" class="entry-thumb" src="/uploads/8add7460c5e68a7fcbe8d442b3cfb0e0.jpg" alt="Jak vytvořím e-mail?" title="Jak vytvořím e-mail?"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/cs/category/monitors/" class="td-post-category">Monitory</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/kak-zaregistrirovatsya-v-email-kak-sozdat-elektronnuyu-pochtu.html" rel="bookmark" title="Jak vytvořím e-mail?">Jak vytvořím e-mail?</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/sklonenie-familii-v-aksess-kak-sdelat-sklonenie-po-padezham-v-excel.html" rel="bookmark" title="Jak skloňovat malá a velká písmena v Excelu?"><img width="218" height="150" class="entry-thumb" src="/uploads/1a063eb5d57ec77d68811bd85cf35dfc.jpg" alt="Jak skloňovat malá a velká písmena v Excelu?" title="Jak skloňovat malá a velká písmena v Excelu?"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/cs/category/windows-7/" class="td-post-category">Windows 7</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/sklonenie-familii-v-aksess-kak-sdelat-sklonenie-po-padezham-v-excel.html" rel="bookmark" title="Jak skloňovat malá a velká písmena v Excelu?">Jak skloňovat malá a velká písmena v Excelu?</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/xml-web-services-obzor-tehnologii-chto-takoe-veb-servis-chto-takoe-web.html" rel="bookmark" title="Webové služby XML. Přehled technologie. Co je webová služba Co je webová služba"><img width="218" height="150" class="entry-thumb" src="/uploads/27b318ee0e2c5747e48ac75ce26612f2.jpg" alt="Webové služby XML. Přehled technologie. Co je webová služba Co je webová služba" title="Webové služby XML. Přehled technologie. Co je webová služba Co je webová služba"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/cs/category/internet/" class="td-post-category">Internet</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/xml-web-services-obzor-tehnologii-chto-takoe-veb-servis-chto-takoe-web.html" rel="bookmark" title="Webové služby XML. Přehled technologie. Co je webová služba Co je webová služba">Webové služby XML. Přehled technologie. Co je webová služba Co je webová služba</a></h3> </div> </div> </div> </div> <div class="td-related-row"> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/kak-generirovat-dokumenty-v-word-exwog---generator-otchetov-iz-excel.html" rel="bookmark" title="Exwog - generátor sestav z Excelu do Wordu podle šablony"><img width="218" height="150" class="entry-thumb" src="/uploads/b1d6337690171fefbf0855b8728de005.jpg" alt="Exwog - generátor sestav z Excelu do Wordu podle šablony" title="Exwog - generátor sestav z Excelu do Wordu podle šablony"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/cs/category/ram/" class="td-post-category">RAM</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/kak-generirovat-dokumenty-v-word-exwog---generator-otchetov-iz-excel.html" rel="bookmark" title="Exwog - generátor sestav z Excelu do Wordu podle šablony">Exwog - generátor sestav z Excelu do Wordu podle šablony</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/facebook-stanet-platnym-s-noyabrya-etogo-goda-facebook-vvodit-platnye.html" rel="bookmark" title="Facebook zavádí placené skupiny"><img width="218" height="150" class="entry-thumb" src="/uploads/71a5e2b97104dd95f291d63c219f70ad.jpg" alt="Facebook zavádí placené skupiny" title="Facebook zavádí placené skupiny"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/cs/category/processors/" class="td-post-category">Procesory</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/facebook-stanet-platnym-s-noyabrya-etogo-goda-facebook-vvodit-platnye.html" rel="bookmark" title="Facebook zavádí placené skupiny">Facebook zavádí placené skupiny</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/kakoi-kod-u-zelenogo-cveta-cvet-v-stilyah-mozhno-zadavat.html" rel="bookmark" title="Barvu ve stylech lze nastavit různými způsoby: pomocí hexadecimální hodnoty, podle názvu, ve formátu RGB, RGBA, HSL, HSLA"><img width="218" height="150" class="entry-thumb" src="/uploads/e6affc7799bc46d3cd515f1c1fb778a5.jpg" alt="Barvu ve stylech lze nastavit různými způsoby: pomocí hexadecimální hodnoty, podle názvu, ve formátu RGB, RGBA, HSL, HSLA" title="Barvu ve stylech lze nastavit různými způsoby: pomocí hexadecimální hodnoty, podle názvu, ve formátu RGB, RGBA, HSL, HSLA"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/cs/category/power-supply/" class="td-post-category">Zásoby energie</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/kakoi-kod-u-zelenogo-cveta-cvet-v-stilyah-mozhno-zadavat.html" rel="bookmark" title="Barvu ve stylech lze nastavit různými způsoby: pomocí hexadecimální hodnoty, podle názvu, ve formátu RGB, RGBA, HSL, HSLA">Barvu ve stylech lze nastavit různými způsoby: pomocí hexadecimální hodnoty, podle názvu, ve formátu RGB, RGBA, HSL, HSLA</a></h3> </div> </div> </div> </div></div></div> </div> </div> <div class="td-pb-span4 td-main-sidebar"> <div class="td-ss-main-sidebar"> <aside class="widget �lambda_169101"> <div style="margin:10px 0"> </div> </aside> <div class="td_block_wrap td_block_1 td_block_widget td_uid_2_5a23c04f0cdc0_rand td-pb-border-top td_block_template_1 td-column-1" data-td-block-uid="td_uid_2_5a23c04f0cdc0"> <div class="td-block-title-wrap"> <h4 class="block-title"><span class="td-pulldown-size">Doporučeno</span></h4> </div> <div id=td_uid_2_5a23c04f0cdc0 class="td_block_inner"> <div class="td-block-span12"> <div class="td_module_4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/kak-uznat-skolki-yadernyi-processor-stoit-v-kompyutere-skolko-yader-v.html" rel="bookmark" title="Kolik jader je v počítači nebo notebooku (2 způsoby zobrazení) Jak zjistit počet procesorů"><img width="324" height="235" class="entry-thumb" src="/uploads/30dbf37026217d2b050672d00a0dfff1.jpg" alt="Kolik jader je v počítači nebo notebooku (2 způsoby zobrazení) Jak zjistit počet procesorů" title="Kolik jader je v počítači nebo notebooku (2 způsoby zobrazení) Jak zjistit počet procesorů"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/cs/category/case/" class="td-post-category">Pouzdra</a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/kak-uznat-skolki-yadernyi-processor-stoit-v-kompyutere-skolko-yader-v.html" rel="bookmark" title="Kolik jader je v počítači nebo notebooku (2 způsoby zobrazení) Jak zjistit počet procesorů">Kolik jader je v počítači nebo notebooku (2 způsoby zobrazení) Jak zjistit počet procesorů</a></h3> <div class="td-module-meta-info"> </div> <div class="td-excerpt">Dobré odpoledne. Při koupi počítače se každý z nás snaží vybrat lepší počítač. Více RAM, více pevného disku a všechno by mělo být nejlepší ...</div> </div> <!-- /next_post --> </div> <div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/kak-pochistit-kesh-v-mozile-mozilla-firefox-kak-ochistit-kesh-v-mozile.html" rel="bookmark" title="Jak vymazat mezipaměť v muffu rychle a trvale Jak vymazat mezipaměť v muffu"><img width="100" height="70" class="entry-thumb" src="/uploads/7eea196d3b1d7c840670bd05d53e677a.jpg" alt="Jak vymazat mezipaměť v muffu rychle a trvale Jak vymazat mezipaměť v muffu" title="Jak vymazat mezipaměť v muffu rychle a trvale Jak vymazat mezipaměť v muffu"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/kak-pochistit-kesh-v-mozile-mozilla-firefox-kak-ochistit-kesh-v-mozile.html" rel="bookmark" title="Jak vymazat mezipaměť v muffu rychle a trvale Jak vymazat mezipaměť v muffu">Jak vymazat mezipaměť v muffu rychle a trvale Jak vymazat mezipaměť v muffu</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/cs/category/graphics-card/" class="td-post-category">Video karty</a> </div> </div> </div> </div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/chto-takoe-router-dlya-doma-chto-takoe-wifi-router-i-dlya-chego-on-nuzhen.html" rel="bookmark" title="Co je to WiFi router a k čemu doma slouží?"><img width="100" height="70" class="entry-thumb" src="/uploads/15f490857f1a7fb3168a8806e29f550a.jpg" alt="Co je to WiFi router a k čemu doma slouží?" title="Co je to WiFi router a k čemu doma slouží?"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/chto-takoe-router-dlya-doma-chto-takoe-wifi-router-i-dlya-chego-on-nuzhen.html" rel="bookmark" title="Co je to WiFi router a k čemu doma slouží?">Co je to WiFi router a k čemu doma slouží?</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/cs/category/the-winchesters/" class="td-post-category">Winchesterové</a> </div> </div> </div> </div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/chto-daet-termopasta-chto-takoe-termopasta-i-kak-ee-nanosit.html" rel="bookmark" title="Co je teplovodivá pasta a jak ji nanáším?"><img width="100" height="70" class="entry-thumb" src="/uploads/1a2dab3fb12ccad63627b7abe32cfd0a.jpg" alt="Co je teplovodivá pasta a jak ji nanáším?" title="Co je teplovodivá pasta a jak ji nanáším?"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/chto-daet-termopasta-chto-takoe-termopasta-i-kak-ee-nanosit.html" rel="bookmark" title="Co je teplovodivá pasta a jak ji nanáším?">Co je teplovodivá pasta a jak ji nanáším?</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/cs/category/case/" class="td-post-category">Pouzdra</a> </div> </div> </div> </div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/kak-vyzvat-ekstrennye-sluzhby-kak-vyzvat-pozharnyh-i.html" rel="bookmark" title="Jak volat hasiče a záchranáře z mts"><img width="100" height="70" class="entry-thumb" src="/uploads/cf02c9d3bf671a2de0d4889811143f8a.jpg" alt="Jak volat hasiče a záchranáře z mts" title="Jak volat hasiče a záchranáře z mts"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/kak-vyzvat-ekstrennye-sluzhby-kak-vyzvat-pozharnyh-i.html" rel="bookmark" title="Jak volat hasiče a záchranáře z mts">Jak volat hasiče a záchranáře z mts</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/cs/category/the-winchesters/" class="td-post-category">Winchesterové</a> </div> </div> </div> </div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/kak-zavershit-seansy-v-vk-kak-vyiti-iz-kontakta-na-android-ne-zahodya-v.html" rel="bookmark" title="Jak se odhlásit z Kontaktu na Androidu"><img width="100" height="70" class="entry-thumb" src="/uploads/8b512786d5668528c3f82a7e3830da5e.jpg" alt="Jak se odhlásit z Kontaktu na Androidu" title="Jak se odhlásit z Kontaktu na Androidu"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/kak-zavershit-seansy-v-vk-kak-vyiti-iz-kontakta-na-android-ne-zahodya-v.html" rel="bookmark" title="Jak se odhlásit z Kontaktu na Androidu">Jak se odhlásit z Kontaktu na Androidu</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/cs/category/motherboard/" class="td-post-category">základní desky</a> </div> </div> </div> </div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/obnovlyaem-brauzer-internet-explorer-do-aktualnoi-versii-internet-explorer-zachem-obnovlyat.html" rel="bookmark" title="Internet Explorer: proč a jak aktualizovat prohlížeč Jak aktualizovat např. 8 na nejnovější verzi"><img width="100" height="70" class="entry-thumb" src="/uploads/cfaf137f6a2cca48db60cc94c0bd4ccd.jpg" alt="Internet Explorer: proč a jak aktualizovat prohlížeč Jak aktualizovat např. 8 na nejnovější verzi" title="Internet Explorer: proč a jak aktualizovat prohlížeč Jak aktualizovat např. 8 na nejnovější verzi"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/obnovlyaem-brauzer-internet-explorer-do-aktualnoi-versii-internet-explorer-zachem-obnovlyat.html" rel="bookmark" title="Internet Explorer: proč a jak aktualizovat prohlížeč Jak aktualizovat např. 8 na nejnovější verzi">Internet Explorer: proč a jak aktualizovat prohlížeč Jak aktualizovat např. 8 na nejnovější verzi</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/cs/category/windows-7/" class="td-post-category">Windows 7</a> </div> </div> </div> </div> </div> </div> </div> <aside class="widget_text td_block_template_1 widget widget_custom_html"> <div class="textwidget custom-html-widget"> </div> </aside> </div> </div> </div> </div> </div> <div class="td-footer-wrapper td-container-wrap "> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12"> </div> </div> <div class="td-pb-row"> <div class="td-pb-span4"> <div class="td_block_wrap td_block_15 td_block_widget td_uid_11_5a23980e76adb_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_11_5a23980e76adb" > <div class="td-block-title-wrap"></div><div id=td_uid_11_5a23980e76adb class="td_block_inner td-column-1"><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/esli-na-zhestkom-diske-malo-mesta-chistim-disk-c-ot-nenuzhnyh-failov-i.html" rel="bookmark" title="Vyčistěte jednotku C od nepotřebných souborů a uvolněte místo"><img width="218" height="150" class="entry-thumb" src="/uploads/9e242de6c9e0fe10768b17660f171b20.jpg" alt="Vyčistěte jednotku C od nepotřebných souborů a uvolněte místo" title="Vyčistěte jednotku C od nepotřebných souborů a uvolněte místo"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/esli-na-zhestkom-diske-malo-mesta-chistim-disk-c-ot-nenuzhnyh-failov-i.html" rel="bookmark" title="Vyčistěte jednotku C od nepotřebných souborů a uvolněte místo">Vyčistěte jednotku C od nepotřebných souborů a uvolněte místo</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/brauzer-chto-eto-takoe-prostymi-slovami-i-kakoi-iz-nih-samyi.html" rel="bookmark" title="Podívejme se, co je prohlížeč Co to znamená vstoupit do prohlížeče"><img width="218" height="150" class="entry-thumb" src="/uploads/9e167ce490c28397856c71568eb3bad8.jpg" alt="Podívejme se, co je prohlížeč Co to znamená vstoupit do prohlížeče" title="Podívejme se, co je prohlížeč Co to znamená vstoupit do prohlížeče"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/brauzer-chto-eto-takoe-prostymi-slovami-i-kakoi-iz-nih-samyi.html" rel="bookmark" title="Podívejme se, co je prohlížeč Co to znamená vstoupit do prohlížeče">Podívejme se, co je prohlížeč Co to znamená vstoupit do prohlížeče</a></h3> </div> </div> </div><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/net-pamyati-na-diske-s-chto-delat-esli-net-mesta-na-diske-s-v-windows-nahodim-i.html" rel="bookmark" title="Co dělat, když na jednotce C ve Windows není místo?"><img width="218" height="150" class="entry-thumb" src="/uploads/b63e09e695f91c56f1018c83ca98f8ae.jpg" alt="Co dělat, když na jednotce C ve Windows není místo?" title="Co dělat, když na jednotce C ve Windows není místo?"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/net-pamyati-na-diske-s-chto-delat-esli-net-mesta-na-diske-s-v-windows-nahodim-i.html" rel="bookmark" title="Co dělat, když na jednotce C ve Windows není místo?">Co dělat, když na jednotce C ve Windows není místo?</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/pochemu-telefon-ne-zaryazhaetsya-ot-zaryadnogo-ustroistva-pochemu.html" rel="bookmark" title="Proč se telefon nenabíjí přes USB z počítače?"><img width="218" height="150" class="entry-thumb" src="/uploads/d6b35cd2b9067aa8cf47eacfa98a1bb5.jpg" alt="Proč se telefon nenabíjí přes USB z počítače?" title="Proč se telefon nenabíjí přes USB z počítače?"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/pochemu-telefon-ne-zaryazhaetsya-ot-zaryadnogo-ustroistva-pochemu.html" rel="bookmark" title="Proč se telefon nenabíjí přes USB z počítače?">Proč se telefon nenabíjí přes USB z počítače?</a></h3> </div> </div> </div><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/pochemu-ne-rabotaet-yutub-izbavlyaemsya-ot-oshibok-videohostinga.html" rel="bookmark" title="Zbavte se chyb hostování videa"><img width="218" height="150" class="entry-thumb" src="/uploads/5b9bfda40ffc5ba65ebac43981923d53.jpg" alt="Zbavte se chyb hostování videa" title="Zbavte se chyb hostování videa"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/pochemu-ne-rabotaet-yutub-izbavlyaemsya-ot-oshibok-videohostinga.html" rel="bookmark" title="Zbavte se chyb hostování videa">Zbavte se chyb hostování videa</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/kak-otklyuchit-privyazku-telefona-v-kontakte-kak-vkontakte-otvyazat.html" rel="bookmark" title="Jak může „VKontakte“ odpojit stránku od telefonního čísla?"><img width="218" height="150" class="entry-thumb" src="/uploads/6d85d7b029abf982aba128a4e5c20087.jpg" alt="Jak může „VKontakte“ odpojit stránku od telefonního čísla?" title="Jak může „VKontakte“ odpojit stránku od telefonního čísla?"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/kak-otklyuchit-privyazku-telefona-v-kontakte-kak-vkontakte-otvyazat.html" rel="bookmark" title="Jak může „VKontakte“ odpojit stránku od telefonního čísla?">Jak může „VKontakte“ odpojit stránku od telefonního čísla?</a></h3> </div> </div> </div></div></div> <div class="clearfix"></div> </div> <div class="td-pb-span4"> <div class="td_block_wrap td_block_15 td_block_widget td_uid_12_5a23980e79990_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_12_5a23980e79990" > <div class="td-block-title-wrap"></div><div id=td_uid_12_5a23980e79990 class="td_block_inner td-column-1"><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/kak-otvyazat-telefon-ot-staroi-stranicy-vk-kak-otvyazat-nomer-ot.html" rel="bookmark" title="Jak uvolnit číslo ze stránky VKontakte?"><img width="218" height="150" class="entry-thumb" src="/uploads/426b3e73860dfab26c256ab3186421fb.jpg" alt="Jak uvolnit číslo ze stránky VKontakte?" title="Jak uvolnit číslo ze stránky VKontakte?"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/kak-otvyazat-telefon-ot-staroi-stranicy-vk-kak-otvyazat-nomer-ot.html" rel="bookmark" title="Jak uvolnit číslo ze stránky VKontakte?">Jak uvolnit číslo ze stránky VKontakte?</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/pochtovye-golubi-shpiony-soldaty-i-fotoreport-ry-golubinaya-pochta-kak.html" rel="bookmark" title="Holubí pošta: Jak se z ptáků stali pošťáci a byli posláni sloužit na frontě "vojensko-holubí povinnost v SSSR""><img width="218" height="150" class="entry-thumb" src="/uploads/0bce0765fab4be9c695a07b444724247.jpg" alt="Holubí pošta: Jak se z ptáků stali pošťáci a byli posláni sloužit na frontě "vojensko-holubí povinnost v SSSR"" title="Holubí pošta: Jak se z ptáků stali pošťáci a byli posláni sloužit na frontě "vojensko-holubí povinnost v SSSR""/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/pochtovye-golubi-shpiony-soldaty-i-fotoreport-ry-golubinaya-pochta-kak.html" rel="bookmark" title="Holubí pošta: Jak se z ptáků stali pošťáci a byli posláni sloužit na frontě "vojensko-holubí povinnost v SSSR"">Holubí pošta: Jak se z ptáků stali pošťáci a byli posláni sloužit na frontě "vojensko-holubí povinnost v SSSR"</a></h3> </div> </div> </div><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/golubinaya-pochta-kak-rabotaet-principy-raboty-golubinoi-pochty-na-chem.html" rel="bookmark" title="Jak funguje holubí pošta Na čem je založen instinkt návratu domů?"><img width="218" height="150" class="entry-thumb" src="/uploads/0bce0765fab4be9c695a07b444724247.jpg" alt="Jak funguje holubí pošta Na čem je založen instinkt návratu domů?" title="Jak funguje holubí pošta Na čem je založen instinkt návratu domů?"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/golubinaya-pochta-kak-rabotaet-principy-raboty-golubinoi-pochty-na-chem.html" rel="bookmark" title="Jak funguje holubí pošta Na čem je založen instinkt návratu domů?">Jak funguje holubí pošta Na čem je založen instinkt návratu domů?</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/kogda-den-rozhdeniya-u-richarda-hammonda-richard-hammond-filmy-foto-i-lichnaya.html" rel="bookmark" title="Richard Hammond: filmy, fotografie a osobní život herce"><img width="218" height="150" class="entry-thumb" src="/uploads/b7c3cf8dbb97378c043b663cacbefb7e.jpg" alt="Richard Hammond: filmy, fotografie a osobní život herce" title="Richard Hammond: filmy, fotografie a osobní život herce"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/kogda-den-rozhdeniya-u-richarda-hammonda-richard-hammond-filmy-foto-i-lichnaya.html" rel="bookmark" title="Richard Hammond: filmy, fotografie a osobní život herce">Richard Hammond: filmy, fotografie a osobní život herce</a></h3> </div> </div> </div><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/akusticheskaya-sistema-dzhi-bi-el-sabvufery-jbl-izmereniya-parametrov-kolonki.html" rel="bookmark" title="Akustický systém gbi el"><img width="218" height="150" class="entry-thumb" src="/uploads/b2f538c6c7bd8868ef4d9651ce224a97.jpg" alt="Akustický systém gbi el" title="Akustický systém gbi el"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/akusticheskaya-sistema-dzhi-bi-el-sabvufery-jbl-izmereniya-parametrov-kolonki.html" rel="bookmark" title="Akustický systém gbi el">Akustický systém gbi el</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/akustika-dzhi-bi-el-sabvufery-jbl-istoriya-razvitiya-sabvuferov.html" rel="bookmark" title="Akustika gi bi el. Subwoofery JBL. Historie vývoje subwooferů JBL"><img width="218" height="150" class="entry-thumb" src="/uploads/b2f538c6c7bd8868ef4d9651ce224a97.jpg" alt="Akustika gi bi el. Subwoofery JBL. Historie vývoje subwooferů JBL" title="Akustika gi bi el. Subwoofery JBL. Historie vývoje subwooferů JBL"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/akustika-dzhi-bi-el-sabvufery-jbl-istoriya-razvitiya-sabvuferov.html" rel="bookmark" title="Akustika gi bi el. Subwoofery JBL. Historie vývoje subwooferů JBL">Akustika gi bi el. Subwoofery JBL. Historie vývoje subwooferů JBL</a></h3> </div> </div> </div></div></div> <div class="clearfix"></div> </div> <div class="td-pb-span4"> <div class="td_block_wrap td_block_15 td_block_widget td_uid_13_5a23980e7caa8_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_13_5a23980e7caa8" > <div class="td-block-title-wrap"></div><div id=td_uid_13_5a23980e7caa8 class="td_block_inner td-column-1"><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/obzor-i-testirovanie-plansheta-acer-iconia-w700-gibridnyi-planshet-acer-iconia.html" rel="bookmark" title="Hybridní tablet – Videorecenze a rozbalení Acer Iconia Tab W700"><img width="218" height="150" class="entry-thumb" src="/uploads/8963f5abaa116939d3496e374bc1525e.jpg" alt="Hybridní tablet – Videorecenze a rozbalení Acer Iconia Tab W700" title="Hybridní tablet – Videorecenze a rozbalení Acer Iconia Tab W700"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/obzor-i-testirovanie-plansheta-acer-iconia-w700-gibridnyi-planshet-acer-iconia.html" rel="bookmark" title="Hybridní tablet – Videorecenze a rozbalení Acer Iconia Tab W700">Hybridní tablet – Videorecenze a rozbalení Acer Iconia Tab W700</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/planshetnyi-kompyuter-acer-iconia-w700-acer-iconia-w700-samyi-dostupnyi.html" rel="bookmark" title="Acer Iconia W700: Nejdostupnější Windows tablet s Core i5"><img width="218" height="150" class="entry-thumb" src="/uploads/7e738aceb579075ac02fd0a56d506e01.jpg" alt="Acer Iconia W700: Nejdostupnější Windows tablet s Core i5" title="Acer Iconia W700: Nejdostupnější Windows tablet s Core i5"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/planshetnyi-kompyuter-acer-iconia-w700-acer-iconia-w700-samyi-dostupnyi.html" rel="bookmark" title="Acer Iconia W700: Nejdostupnější Windows tablet s Core i5">Acer Iconia W700: Nejdostupnější Windows tablet s Core i5</a></h3> </div> </div> </div><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/iexplorer-kopaemsya-v-failah-ios-ustroistv-s-udobstvom-narezaem.html" rel="bookmark" title="IExplorer – pohodlné procházení souborů zařízení iOS"><img width="218" height="150" class="entry-thumb" src="/uploads/82800fdcee23e52c598dca8bdf1e90fd.jpg" alt="IExplorer – pohodlné procházení souborů zařízení iOS" title="IExplorer – pohodlné procházení souborů zařízení iOS"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/iexplorer-kopaemsya-v-failah-ios-ustroistv-s-udobstvom-narezaem.html" rel="bookmark" title="IExplorer – pohodlné procházení souborů zařízení iOS">IExplorer – pohodlné procházení souborů zařízení iOS</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/3d-effekt-v-fotoshope-delaem-anaglif-foto-v-photoshop-i-etap-kadrirovanie.html" rel="bookmark" title="Jak udělat anaglyfovou fotografii ve Photoshopu"><img width="218" height="150" class="entry-thumb" src="/uploads/b6be2998d5587f49135c4f85ccb1e1ad.jpg" alt="Jak udělat anaglyfovou fotografii ve Photoshopu" title="Jak udělat anaglyfovou fotografii ve Photoshopu"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/3d-effekt-v-fotoshope-delaem-anaglif-foto-v-photoshop-i-etap-kadrirovanie.html" rel="bookmark" title="Jak udělat anaglyfovou fotografii ve Photoshopu">Jak udělat anaglyfovou fotografii ve Photoshopu</a></h3> </div> </div> </div><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/kak-otpravit-soobshchenie-v-zadannoe-vremya-kak-otpravlyat-soobshcheniya-imessage-i-sms-na.html" rel="bookmark" title="Jak posílat iMessages a SMS na iPhone podle plánu"><img width="218" height="150" class="entry-thumb" src="/uploads/77b4823fd82a3e99bcd2951410d767d7.jpg" alt="Jak posílat iMessages a SMS na iPhone podle plánu" title="Jak posílat iMessages a SMS na iPhone podle plánu"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/kak-otpravit-soobshchenie-v-zadannoe-vremya-kak-otpravlyat-soobshcheniya-imessage-i-sms-na.html" rel="bookmark" title="Jak posílat iMessages a SMS na iPhone podle plánu">Jak posílat iMessages a SMS na iPhone podle plánu</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/cs/kak-postavit-taimer-na-soobshchenie-v-vk-kak-otpravlyat-otlozhennye-pisma-na.html" rel="bookmark" title="Jak odesílat zpožděné e-maily na iPhone a iPad"><img width="218" height="150" class="entry-thumb" src="/uploads/112386173ba677a0102ce2f46c853646.jpg" alt="Jak odesílat zpožděné e-maily na iPhone a iPad" title="Jak odesílat zpožděné e-maily na iPhone a iPad"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/cs/kak-postavit-taimer-na-soobshchenie-v-vk-kak-otpravlyat-otlozhennye-pisma-na.html" rel="bookmark" title="Jak odesílat zpožděné e-maily na iPhone a iPad">Jak odesílat zpožděné e-maily na iPhone a iPad</a></h3> </div> </div> </div></div></div> <div class="clearfix"></div><aside class="td_block_template_1 widget widget_text"> <div class="textwidget"> </div> </aside><aside class="td_block_template_1 widget widget_text"> <div class="textwidget"> </div> </aside> </div> </div> </div> </div> <div class="td-sub-footer-container td-container-wrap "> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span td-sub-footer-menu"> </div> <div class="td-pb-span td-sub-footer-copy">Copyright 2022 – Opravy počítačů a notebooků. Grafické karty, pevné disky, internet, monitory.</div> </div> </div> </div> </div> <style type="text/css" media="screen"> /* custom css theme panel */ .td-post-header .entry-title { font-weight: normal !important; } h1.entry-title { font-weight: normal !important; border-bottom:#c44c4c 2px dotted; } h1.entry-title:before { content: "\f184"; font-family: "FontAwesome"; margin-right:10px; color:#c44c4c; } .sf-menu ul .td-menu-item > a:hover, .sf-menu ul .sfHover > a, .sf-menu ul .current-menu-ancestor > a, .sf-menu ul .current-category-ancestor > a, .sf-menu ul .current-menu-item > a { color: #edf3f7; } .td-post-content h2 { border-bottom:#c44c4c 2px dotted;} .td-post-content h2:before { content: "\f184"; font-family: "FontAwesome"; margin-right:10px; color:#c44c4c; } .td-post-content h3 { border-bottom:#c44c4c 2px dotted;} .td-post-content h3:before { content: "\f103"; font-family: "FontAwesome"; margin-right:10px; color:#c44c4c; } .category-my .td-page-title { color:#c44c4c; font-weight: 400; font-size: 36px; } .post header .entry-title { line-height: 40px; } .td-category-description h2, .td-category-description h3 { color:#c44c4c;} .td-category-description h2 { border-bottom:#c44c4c 2px solid;} .td-category-description h2:before { content: "\f055"; font-family: "FontAwesome"; margin-right:10px; color:#c44c4c; } .td-category-description h3 { border-bottom:#c44c4c 2px solid;} .td-category-description h3:before { content: "\f103"; font-family: "FontAwesome"; margin-right:10px; color:#c44c4c; } .td-category-description ol, .td-category-description ul { margin-top:20px !important; margin-bottom:20px !important;} .td-category-description ul, .td-post-content ul { padding:0; margin:0; list-style:none; clear:both;} .td-category-description ul li, .td-post-content ul li { padding:0 0 0 15px; margin:0 0 10px 35px; position:relative;} .td-category-description ul li:before, .td-post-content ul li:before { content: "\f192"; font-family: "FontAwesome"; color:#c44c4c; position:absolute; left:-10px;} .td-category-description ol, .td-post-content ol { padding:0; margin:0 0 0 5px; list-style:none; counter-reset: lipoint; clear:both;} .td-category-description ol li, .td-post-content ol li { padding:0 0 0 15px; margin:0 0 10px 35px; position:relative;} .td-category-description ol li:before, .td-post-content ol li:before { content: counter(lipoint); counter-increment: lipoint; color:#fff; position:absolute; left:-16px; background:#c44c4c; width:20px; height:20px; line-height:20px; text-align:center; -webkit-border-radius: 20px;border-radius: 20px; font-size:12px; top:3px;} .toc_list li:before { display:none} .td-header-style-9 .td-header-menu-wrap-full { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c44c4c+0,c10000+100 */ background: #c44c4c; /* Old browsers */ background: -moz-linear-gradient(top, #c44c4c 0%, #c10000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #c44c4c 0%,#c10000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #c44c4c 0%,#c10000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c44c4c', endColorstr='#c10000',GradientType=0 ); /* IE6-9 */ } .sf-menu > li > a { color: #fff; } .td-header-style-9 .header-search-wrap .td-icon-search { color: #fff; } .td-affix a { color:#000 !important;} </style> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "smooth_scroll":"1"} ; /* ]]> */ </script> <script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/table-of-contents-plus/front.min.js'></script> <script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/wp-postratings/js/postratings-js.js'></script> <script type='text/javascript' src='https://obanracer.ru/wp-content/themes/Newspaper/js/tagdiv_theme.js'></script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var boxzilla_options = { "testMode":"","boxes":[]} ; /* ]]> */ </script> <script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/boxzilla/assets/js/script.min.js'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js'></script> <script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/client/js/prod/lib.core.js'></script> <script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/client/js/prod/lib.view.js'></script> <script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/themes/baseline/js/prod/client.js'></script> <script type='text/javascript' src='/assets/client1.js'></script> <script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/template-tags/item/js/prod/tag.item.js'></script> <script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/template-tags/ui/js/prod/tag.ui.js'></script> <script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/content-handlers/image/js/prod/handler.image.js'></script> <script> (function(){ var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = '/wp-content/themes/Newspaper/style.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = '/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,''); } ); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } } ); } } )(); </script> </body> </html>