PHP klasa za pravljenje šablona. Korišćenje tpl fajlova Kako kreirati tpl fajlove u php

Zdravo. Želim vam predstaviti još jedan bicikl napisan u PHP-u objekt dokumenta Model. Koja je njegova razlika od ostalih predstavnika iste vrste na tri kotača? Zapravo, nema toliko razlika, kombinuje najbolje od mnogih. Na primjer:

1. Potpuno razdvajanje html-a i php-a.
2. Nema dodatnih oznaka u predlošcima tipa


3. Mogućnost ugrađivanja sadržaja drugih šablonskih datoteka u izgled, kako iz php-a tako i korištenjem posebne oznake u izgledu.
4. Mogućnost kreiranja bilo koje html oznake u hodu.
5. Mogućnost spremanja na html fajl sve što je generisano i prikupljeno.
6. Provjera postojanja html datoteke tražene stranice prije generiranja šablona.

Da svima bude odmah jasno koliko je zgodan i lak za korištenje, ispričat ću i pokazati kako sam ga koristio za kreiranje jednog od svojih projekata (sumnjam da ću sve svoje projekte prepisati za njega).

Prva stvar koju obično radim je da dobijem sve informacije iz baze podataka o stranici ( ključne riječi, opis stranice, naziv šablona i adrese css i js datoteka). Sve ovo spremam u niz $head. Zatim dobijam sadržaj iz baze podataka i spremam ga u niz $page. I ja ću raditi sa razredom.

Dakle, prvo pozivam konstruktor klase i prosljeđujem sve u njega potrebne parametre:

$tpl = novi šablon; $tpl -> ext = TPL_EXTENSION; # ekstenzija datoteke u direktoriju šablona $tpl -> htm = CACHE_EXTENSION; # ekstenzija za već generisane stranice $tpl -> skin_dir = DIR_TEMPLATES; # direktorij koji sadrži sve šablone stranice (na primjer šablone) $tpl -> js_dir = DIR_JS; # direktorij gdje tražiti JS datoteke $tpl -> css_dir = DIR_CSS; # direktorij u kojem se nalazi CSS $tpl -> img_dir = DIR_IMG; # direktorij u kojem su slike $tpl -> skin = $_SESSION["skin"]; # naziv šablona koji želim da koristim $tpl -> cache = DIR_CACHE; # gdje spremiti gotovi html $tpl -> log = FILE_T_LOGS; # gdje pisati dnevnike $tpl -> tag_start = SYMBOL_START_TAG; # Simbol sa kojim varijable u šablonu počinju $tpl -> tag_end = SYMBOL_END_TAG; # Znak koji završava varijable u šablonu $tpl -> dir_delimeter = DIRECTORY_SEPARATOR; $tpl -> razmak = SYMBOL_SPACE; # znak koji zamjenjuje razmak.
Fuf, izgleda da su sve varijable prebačene, idemo dalje.
Kako ne bismo prisilili klasu da radi dodatni posao, prvo provjeravamo da li već imamo gotovu HTML datoteku tražene stranice.
if($tpl -> TestPageStatus() === TRUE) ( zahtijevaju $tpl -> cacheFileName; ) else ( $tpl -> page("index"); # proslijedite ime datoteke šablona, ​​usput, vi može proslijediti nekoliko njih, odvojenih zarezima $tpl -> assign("HEAD",$head); $tpl -> assign("CONTENT",$page); $tpl -> build(); # naredba za pravljenje šablona $tpl -> ShowPage(); # izlaz.)
To su zapravo sve metode koje trebate koristiti da biste prikazali stranicu.

Pogledajmo sada još nekoliko korisnih metoda ove klase. Recimo da smo već proslijedili sve što je potrebno klasi, ali joj još nismo dali komandu za izlaz, jer smo se odjednom sjetili da trebamo kreirati nekoliko Html oznaka u šablonu. Ovo je takođe vrlo lako uraditi. Prvo moramo pronaći blok u koji želimo nešto dodati. Možete ga pronaći na 2 načina:

$tpl -> findById("findMe"); $tpl -> findByTagName("div");
Metoda findById logično implicira da su sve id oznake u predlošku jedinstvene. Metoda findByTagName će vratiti prvi odgovarajući.
Moramo proslijediti rezultat koji smo dobili pretragom metodi $tpl -> createChild() da bismo mogli kreirati podređene oznake u pronađenom elementu. Metoda createChild, inače, nakon kreiranja novog elementa, vraća nam ga, kako bismo novostvoreni element mogli koristiti negdje drugdje.

Čeprkajući i eksperimentirajući, pronašao sam 3 načina za kreiranje oznaka u šablonu, pa ću pokazati 3 primjera odjednom. Primjer 1:

Moramo da stvaramo

unutra

$parent = $tpl -> findById("roditelj"); $tpl -> createChild($parent,"div", "id=child, class=test");
Dobijamo:


Primjer 2:

Moramo da stvaramo

neki tekst
unutra

$parent = $tpl -> findById("roditelj"); $tpl -> createChild($parent,"div", "id=child,class=test", "Neki tekst");
Dobijamo:

neki tekst

Primjer 3:
Moramo da stvaramo

Novi element
u prvom elementu raspona

$parent = $tpl -> findByTagName("span"); # (1) $tpl -> createChild($parent, "div", "Novi element"); # (2)
(1) Pretraživanje roditelja ne po ID-u, već po tag-u naći će se prvi odgovarajući
(2) Ako nam nisu potrebni atributi, već samo vrijednost novog elementa, onda oni ne mogu biti proslijeđeni

Dobijamo:

Novi element

I nakon ovih manipulacija, već zovem ShowPage. I tu smo se glatko približili još 2 zanimljive tačke.
Zamislimo situaciju da imamo šablon, pretpostavimo da je to list.tpl šablon sa listom, recimo, mobilnih telefona:

(Marka SADRŽAJA)

(SADRŽAJ.Model)

(CONTENT.Info)

Ako smo prenijeli informacije samo sa 1 telefona, tada će varijable jednostavno biti zamijenjene njihovim vrijednostima, a ako smo prenijeli informacije sa više telefona odjednom, onda će klasa kopirati ovaj odjeljak onoliko puta koliko je primila opcije vrijednosti. I on će to učiniti sam, za razliku od, na primjer, klase xTemplate, koja je morala pozvati assign i parse za svaku vrijednost
Istina, postoji jedan ne baš zgodan trenutak, ako nakon ovog bloka postoje neki drugi, na primjer:

(Marka SADRŽAJA)

(SADRŽAJ.Model)

(CONTENT.Info)
Još jedan blok

Tada ćemo u takvoj situaciji morati primijeniti mali trik pakovanjem mobilnog telefona

(Marka SADRŽAJA)

(SADRŽAJ.Model)

(CONTENT.Info)
Još jedan blok

U ovom slučaju, svi mobilni telefoni će se pojaviti jedan za drugim, unutra
, i "Neki drugi blok" će ostati na dnu.

I, ako nisam ništa zaboravio, onda je zadnji trenutak dodavanje sadržaja drugih šablona trenutnom šablonu.
Ponovo se pozivam na vašu maštu.

Zamislite da dizajner izgleda želi da se sadržaj datoteke page.html doda u blok datoteke list.html, za to on dodaje na pravo mjesto u datoteci list.html stranica a kada klasa vidi ovu oznaku, zamijenit će je sadržajem datoteke page.html

Broj takvih umetaka nije ograničen i njihova lokacija apsolutno nije kritična, tako da ih možete umetnuti kako želite iu bilo kojoj količini.

To je verovatno sve, ako se nečega setim javiću ti. Hvala vam što ste pročitali do kraja.

Oznake: php, klasa, šablon, šablonski mehanizam, parser

Nakon stvaranja info-file, u principu, tema je već definisana. To znači da možete otići u odjeljak za upravljanje temama http://mysite.ru/admin/build/themes i uključite svoju temu tamo. Naravno, nakon što ga uključite, nećete vidjeti nikakav dizajn - stranica će dobiti stil "crno na bijelom" - crni tekst na bijeloj pozadini.

Međutim, želim napomenuti da uprkos činjenici da u našoj temi nema datoteka osim mytheme.info ne laže, stranica će raditi kao i prije - prikazati sav sadržaj, dodati blokove regijama ( http://mysite.ru/admin/build/block) I tako dalje. To je zbog činjenice da Drupal jezgro uključuje potrebnih modula, koji vam čak i u nedostatku bilo kakvih datoteka u vašoj temi (osim info-fajla) omogućava da nastavite raditi s Drupalom.

U principu, sve kreiranje šablona se svodi na preklapanje datoteka šablona (oni imaju ekstenziju .tpl.php) standardni moduli naše CMS.

Najvažnija tpl datoteka (tpl je skraćenica od šablon, uzorak) je page.tpl.php. On je odgovoran za izgradnju svake stranice stranice. Pogledajmo od čega se sastoji datoteka šablona:

  • html kod
  • php kod
  • javascript kod(nije potrebno)

Drupal prosljeđuje podatke o web lokaciji svakoj datoteci šablona u obliku standardnih varijabli. Postoje 2 tipa varijabli za svaku datoteku šablona:

  • varijable koje se prosljeđuju samo ovoj datoteci
  • varijable koje se prosljeđuju svim datotekama

Ovdje je lista svih varijabli za page.tpl.php:

Opće varijable (za sve datoteke):

  • $base_path- osnovna staza na kojoj je Drupal instaliran
  • $css- niz css datoteka povezanih sa trenutnom datotekom šablona
  • $directory- put do fascikle u kojoj je tema instalirana
  • $is_front- vraća TRUE ako ste na glavnoj stranici
  • $logged_in- vraća TRUE ako ste prijavljeni
  • $is_admin- vraća TRUE ako imate administratorski pristup

Metapodaci stranice

  • $language- (predmet) Trenutni jezik koji je prikazan na sajtu
  • $language->language- sadrži svoj tekstualni prikaz
  • $language->dir- sadrži smjer jezika. To će biti ili "ltr" (slijeva nadesno) ili "rtl" (zdesna nalijevo)
  • $head_title- izmijenjena verzija naslova stranice, za korištenje između oznaka
  • $head- umetnuto između oznaka . Sadrži meta oznake, ključne riječi itd.
  • $styles- služi za preuzimanje svih css-fajlovi na trenutnu stranicu
  • $scripts- služi za preuzimanje svih javascript"s na trenutnu stranicu
  • $body_classes- skup časova css za oznaku . Sadrži informacije o trenutnoj lokaciji kolona na stranici, njihovom broju, trenutnom URL-u "e, itd.

Informacije o sajtu

  • $front_page- adresa glavne stranice stranice. Bolje je koristiti ovu varijablu za upućivanje početna stranica, jer uključuje jezik domene i prefiks
  • $logo- put do logotipa stranice, ako je uključen na stranici
  • $site_name- naziv stranice. Može biti prazan ako je onemogućen u funkcijama u info datoteci. Konfigurirano na mysite.ru/admin/settings/site-information
  • $site_slogan- slogan sajta. Može biti prazan ako je onemogućen u funkcijama u info datoteci. Konfigurirano na mysite.ru/admin/settings/site-information
  • $mission- misija stranice. Može biti prazan ako je onemogućen u funkcijama u info datoteci. Konfigurirano na mysite.ru/admin/settings/site-information

Navigacija

  • $search_box- sadrži html kod koji prikazuje traku za pretraživanje. Može biti prazan ako ga isključite u info datoteci
  • $primary_links
  • $secondary_links- niz koji sadrži navigacijske veze za stranicu, ako su dozvoljene u karakteristikama info datoteke

Zadani sadržaj stranice

  • $left- region. Sadrži html kod za lijevu kolonu. Ako postavite bilo koju regiju u info datoteci, ona nestaje
  • $breadcrumb - "mrvice hljeba"za trenutna stranica
  • $title- naslov stranice
  • $help- dinamički savjeti, uglavnom prikazani u admin panelu
  • $messages- Prikazuje poruke o greškama i upozorenjima na stranici
  • $tabs- veze (kartice) koje povezuju trenutnu stranicu sa njenim podstranicama (na primjer, za članak - sa njegovom stranicom za uređivanje)
  • $content- sadržaj trenutne stranice
  • $right- region. Sadrži html kod za desnu kolonu. Ako postavite bilo koju regiju u info datoteci, ona nestaje

Podaci o dnu/zatvaranju

  • $feed_icon- linija sa svim ikonama povratne informacije za trenutnu stranicu
  • $footer_message- poruka na dnu stranice. Konfigurirano na mysite.ru/admin/settings/site-information
  • $footer- region. Sadrži html kod za dno stranice. Ako postavite bilo koju regiju u info datoteci, ona nestaje
  • $closure- završna oznaka za sve module koji su modificirali stranicu. Ova varijabla mora biti prikazana nakon svih dinamičkih sadržaja. Najbolje prije zatvaranja oznake BODY

Svi su navedeni ovdje standardne varijable. Ali možete dodati svoje varijable ovdje ili kao regije putem info-file, ili u bilo kojoj drugoj ulozi kroz datoteku template.php(o njemu malo kasnije).

Sada ću pokazati u kojem kodu treba biti page.tpl.php i koji kod ga onda tumače pretraživači. Ovdje je dio koda iz page.tpl.php:

Prvi red provjerava da li trenutna stranica uopće ima naslov. Ako ga nema, debuger će jednostavno preskočiti ovaj kod i neće ulaziti u njega. Ako naslov postoji, tada će se oznaka dodati u html kod stranice

, nakon njega će se ispisati naslov stranice, a cijela stvar će biti zatvorena oznakom

. Ako pogledate kod ove stranice u pretraživaču, to bi izgledalo ovako:

Lekcija 4 Potrebni fajlovi za kreiranje šablona. Page.tpl.php

Gotovo sve varijable web mjesta su omotane na ovaj način. To je učinjeno kako bismo mogli propisati stilove za sadržaj, a da ne znamo unaprijed šta će to biti.

Ovako to izgleda standardni fajl page.tpl.php koji dolazi uz Drupal. Promenite naziv klasa, preuredite varijable - i pogledajte šta se dešava. Ovo je neophodno da bi se „osetilo“ kako funkcioniše i šta se kao rezultat dobija.

"-//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= "jezik ?>" lang= "jezik ?>" dir = "dir ?>"> <?php print $head_title ; ?> "" >


Odvajanje logike za dobivanje podataka od logike za njihovo prikazivanje je vrlo važan dio web razvoja.
Svaki programer koji se popeo malo iznad nivoa "Zdravo, svijete" počinje osjećati potrebu za takvim odvajanjem. Ali ne dolaze svi do pravih zaključaka i odluka.
Stoga ću ovdje dati najvažnija pravila:
1. Kod prijema i kod za prikaz podataka moraju biti odvojeni.
2. Svako povlačenje treba započeti tek nakon što su svi podaci spremni za to.
3. Kao posljedica toga, svaka skripta treba da se bavi samo obradom podataka. Nakon toga, može ili poslati neko HTTP zaglavlje, ili pozvati šablon, proslijeđujući mu pripremljene podatke, ili oboje.
4. Deseta stvar je kakvu vrstu šablona koristiti. Najjednostavniji i najpristupačniji je sam PHP, pa će na njemu biti dati primjeri.

Delusions
Vjerovatno ne postoji tema u web programiranju koja je toliko očigledna koliko neshvatljiva kao šabloni. Svi, prije ili kasnije, dođu do zaključka o potrebi korištenja šablona. Ali dolazi, iz nekog razloga, kroz neke najluđe zablude i fantazije.

Najjednostavnija i najočitija zabluda je da početnici predložak smješten u zasebnu datoteku nazivaju "dizajnom" - zajedničkim html-om za sve stranice web-mjesta. I na ovome se smire. Dinamične informacije, bez oklijevanja, izlazeći stari dobri eho :-)
Zapravo, predložak se uglavnom bavi prikazivanjem promjenjivog sadržaja stranica web stranice. A zaključak "dizajna" je sporedni zadatak.

Postoje dvije glavne fantazije:
1. Šabloni su potrebni "dizajneru" kako bi ih mogao uređivati ​​bez razumijevanja PHP-a.
2. Stoga, šabloni služe za odvajanje PHP-a od HTML-a.

Pokušajmo razmisliti o prvoj izjavi. Ko je dizajner? Ovo je osoba koja radi u Photoshopu. On najčešće uopšte ne zna HTML. I na predlošku radi ili poseban layout dizajner ili - najčešće ... sam programer! Smiješno, zar ne?
Sada posljedica, o odvajanju PHP-a od HTML-a. U redu. Pred nama je sveti cilj razdvajanja. Stoga izmislimo Smarty i zapišemo:
(foreach ključ=cid item=con from=$contacts)
($con.name) - ($con.nick)

(/za svaki)
Još smješnije.
"Dizajner", zbog kojeg je sve i započeto, pada u nesvijest od sreće.

Teorija
Ispostavilo se da naši razlozi zašto smo odlučili koristiti šablone nisu vrijedni ni penija. I šta sad - nisu potrebni, ispostavilo se, šabloni uopšte? Needed. Ali prvo morate sebi odgovoriti na pitanje - "zašto?" Za što potrebni su šabloni. I provjerite odgovor vježbom. Ovo pitanje sam postavljao ljudima mnogo puta. Ali skoro niko ne može da odgovori. Zašto mu trebaju šabloni. Ispostavilo se da ljudi rade nešto a da ne znaju zašto.
Ovo je najsmješnija stvar.

Tokom svoje karijere web programera, formulisao sam za sebe tri razloga zašto su meni lično potrebni šabloni. U stvari, postoje dva. Ali na kraju se svode na jedno:

Jedan kod - više prikaza.

Često se dešava da je umjesto jedne informacije potrebno prikazati drugu. Na primjer, kod za rad sa bazom podataka prima poruku o grešci umjesto teksta vijesti. U ovom slučaju, umjesto stranice s vijestima, trebate prikazati potpuno drugačiju stranicu - sa izvinjenjem i zahtjevom da se vratite kasnije. Šabloni ovo olakšavaju.

Često je iste informacije potrebno prikazati u nekoliko oblika. Na primjer - normalna stranica i stranica za štampanje. Informacija je ista, šifra za njen prijem je ista, ali izlazni kod je drugačiji. Suočeni s takvom situacijom, vrlo brzo ćete svoj kod podijeliti na dva dijela, od kojih je jedan odgovoran za izlaz, a drugi nije odgovoran. Drugi primjer: recimo da želimo prikazati informacije ne direktno u HTML-u, već putem AJAX zahtjeva, u JSON formatu. Ako smo koristili šablonski mehanizam, tada mijenjamo tačno jednu liniju u našem kodu - pozivajući šablonski mehanizam u pozivanje json_encode() . A ako bismo imali izlaz pomiješan sa kodom za dobijanje podataka, onda ceo kod bi se morao ponovo napisati!

Situacija je donekle slična: recimo da je naša skripta na dva sajta. Plus kopija kod kuće. I ovdje kod kuće smo pronašli veliku bubu. Prikovali su je. Sada moramo ažurirati kod na stranicama. I evo ga - trenutka istine: ako su predlošci ispravno korišteni, onda jednostavno učitavamo kod na obje stranice i sve nastavlja raditi, kao da se ništa nije dogodilo! Takva situacija je, po mom mišljenju, idealan test za odabrani pristup šabloniranju.

Još jedna važna stvar koju mnogi propuštaju (u svom teorijskom rasuđivanju, dok se s njom stalno susreću u praksi!) - redoslijed izvršavanja skripte ne odgovara uvijek izlaznom redoslijedu u predlošku. Primjer iz udžbenika - prikazivanje naslova članka u oznaci . Ako prikažemo informacije onako kako dolaze, onda to jednostavno ne možemo učiniti - zaglavlje stranice <i>već</i> izlaz, do trenutka kada smo počeli da primamo tekst vijesti.</p><p>Takođe treba imati na umu da pored PHP teksta, skripte takođe prikazuju HTTP zaglavlja. Koji se mora prikazati prije bilo kojeg teksta, ili čak umjesto teksta općenito (ako, na primjer, želimo korisnika preusmjeriti na drugu stranicu). Ako prvo implementiramo logiku aplikacije, a da pritom ništa ne prikazujemo, tada nam davanje željenog HTTP zaglavlja neće predstavljati problem.</p><p>Možda imate svoje razloge za korištenje šablona. Ali uz samo jedan uslov - ovi razlozi moraju biti uzrokovani stvarnom, životnom nužnošću, a ne "višim obzirima" i brigom za neke vama nepoznate ljude.</p><p><b><a name="example">Vježbajte</a> </b><br>Pređimo sada s teorije na praksu. <br>U najjednostavnijem slučaju, dva šablona će uvijek sudjelovati u prikazu bilo koje stranice: opći predložak stranice i šablon sadržaja za određenu stranicu. <br>Recimo da želimo da napravimo stranicu sa linkovima ka veb lokacijama prijatelja. <br>U ovom slučaju, pojednostavljeni kod bi izgledao ovako:</p><p>Sama datoteka links.php. Izlazi NIŠTA. Samo priprema podatke, a zatim poziva šablon. <br><span><?<br><span>// omogući postavke. <br></span> uključiti "settings.php" ;</p><p>// dobiti podatke iz baze podataka, definirati varijable <br></span>$pagetitle = "(!LANG:Veze" ;!} <br>$DATA = $db -> getAll("SELECT * FROM links" );</p><p>//postavimo predložak stranice i pozovimo opći šablon stranice <br></span>$tpl = "tpl_links.php" ; <br>uključiti "tpl_main.php" ; <br> </p><p>Opšti šablon (tpl_main.php):</p><p><html xmlns="http://www.w3.org/1999/xhtml"><br> <head><br> <title>moja stranica.<?=$pagetitle?>






Na pravom mjestu uključuje naš predložak stranice (tpl_links.php):





  • "target="_blank">


      • Najlakši način je da napravite šablone na osnovu statičkih stranica koje su već postavljene u HTML-u. Razmislite o stvaranju i povezivanju predloška koristeći primjer. Recimo da već imate HTML fajl sa sljedećim sadržajem:

      <html > <glava > <metaname= "opis"content= /> <metaname= "ključne riječi"content= /> <naslov >naslov > <link href= style.css rel= "style sheet" type= "text/css" /> glava > <tijelo >// početak menija<table border= "1" > <tr > <td ><href= "/" > <b> Domb>a >td > tr > <tr > <td ><href= "/o/"> O menia >td > tr > <tr > <td ><href= "/ja_i_ja/"> Ja i svjetska dominacijaa >td > tr > <tr > <td ><href= "/kontakti/"> Kontaktia >td > tr > stol >// kraj menija<h1 > Glavna stranicah1 > <p > p > <p > Tekst o meni: Tekst o meni: Tekst o meni: Tekst o meni:p > <p > Tekst o meni: Tekst o meni: Tekst o meni: Tekst o meni:p > <p > Tekst o meni: Tekst o meni: Tekst o meni: Tekst o meni:p > tijelo > html >

      Da biste dodali predložak u CMS, morate kreirati datoteku u direktoriju tpls/content, na primjer, test.tpl, i tamo zalijepiti svoj HTML kod. CSS fajl treba da bude smešten u fasciklu css/cms i nazvan style.css . Poželjno je da slike budu smeštene u folder slika. Ne zaboravite promijeniti putanje do svih slika i CSS datoteka.

      Komentar

      Nemojte koristiti ruska slova u nazivu datoteke šablona!

      Da bi sistem „video” novi šablon i počeo da ga koristi za prikaz stranica, predložak se mora dodati sistemu. Da biste to učinili, idite na postavke modula " Struktura", karticu " Predlošci» ( http://yourdomain.ru/admin/content/config/ ). Vidjet ćete listu već instaliranih predložaka u svakoj domeni koji postoje u verziji odabranog jezika.

      Da povežete novu datoteku šablona, ​​popunite polja " Naziv šablona” (dajte mu neko smisleno ime, na primjer “ Moj test uzorak"") i " Ime datoteke" (u našem slučaju test.tpl) i kliknite na "Sačuvaj".

      Ako želite da se ovaj predložak koristi kao zadani predložak, označite polje "Osnovno" pored njega. Ovaj predložak će sada biti odabran prema zadanim postavkama u padajućem izborniku za odabir šablona. Također će se koristiti za prikaz sistemskih stranica koje koriste zadani predložak (Registracija, Oporavak lozinke, Sitemap).

      Šabloni će biti vidljivi na padajućoj listi prilikom uređivanja svake stranice:

      Dakle, mnogi predlošci se mogu koristiti istovremeno na jednoj stranici, birajući odgovarajući predložak i za jednu stranicu i za grupu stranica.

      Pokušajte kreirati novu stranicu (uvjerite se da je novi predložak odabran u opciji Design Template) i pogledajte što se događa na stranici.

      Vaš HTML predložak bi se trebao pojaviti na web stranici. Ali sada je statična. Sada ga morate učiniti dinamičnim.

      Prvo, morate odrediti koji će se dijelovi HTML koda promijeniti. U našem slučaju će se promijeniti sljedeće:

        naslov prozora ;</p> <p>ključne riječi i meta tagovi opisa;</p> <p>naslov teksta <h1>;</p> <p>stvarni tekst;</p> <p>meni sajta.</p> </ul><p>To znači da moramo malo poraditi sa HTML šablonom i staviti odgovarajuće makroe umjesto da mijenjamo sekcije.</p> <p>Na primjer, na početku HTML datoteke postavljaju se meta oznake i naslov:</p> <<span>metaname= <span>"opis"</span><span>content= <span>"Opis web stranice Vasilija Pupkina"</span> /> </span> <<span>metaname= <span>"ključne riječi"</span><span>content= <span>"Službena stranica Vasya Vasily Pupkin"</span> /> </span> <<span>naslov ></span> Web stranica Vasye Pupkina: Glavna stranica</<span>naslov ></span> <p>Zamjenjujemo ih odgovarajućim makroima (popis makroa je dat u dodatku):</p> <<span>metaname= <span>"opis"</span><span>content="%description%"</span> /> </span> <<span>metaname= <span>"ključne riječi"</span> content= <span>"%keywords%"</span> /> </span> <<span>naslov ></span>%title%</<span>naslov ></span> <p>Sada, prilikom generisanja stranica, sistem će uzeti meta oznake i naslove koji su specificirani za svaku stranicu pojedinačno i zamijeniti ih umjesto odgovarajućih makroa. Imena makroa se lako pamte.</p> <p>Isto ćemo uraditi i sa naslovom teksta. Bilo je ovako:</p> <<span>h1 ></span> Glavna stranica</<span>h1 ></span> <p>I postaće tako. Naslov teksta prikazuje makro %header%:</p> <<span>h1 ></span>%header%</<span>h1 ></span> <p>Tekst tijela stranice se također mijenja:</p> <<span>p ></span> Tekst o meni: Tekst o meni: Tekst o meni: Tekst o meni:</<span>p ></span> <<span>p ></span> Tekst o meni: Tekst o meni: Tekst o meni: Tekst o meni:</<span>p ></span> <<span>p ></span> Tekst o meni: Tekst o meni: Tekst o meni: Tekst o meni:</<span>p ></span> <<span>p ></span> Tekst o meni: Tekst o meni: Tekst o meni: Tekst o meni:</<span>p ></span> <p>Postoji makro za prikaz osnovnog teksta stranice. <i>%content%</i> :</p> <i>%content%</i> <p>Na početak datoteke između oznaka <head>i</head> ubaci makro:</p><p>Ova linija omogućava brzo uređivanje i druge korisne funkcije. Pomoću njega možete kliknuti <b>Shift</b> +<b>D</b>, brzo idite na uređivanje trenutne stranice stranice ili bilo kojeg njenog fragmenta.</p> <p>Rezultat bi trebao biti sljedeći:</p> <<span>html ></span> <<span>glava ></span> <<span>metaname= <span>"opis"</span><span>content="%description%"</span> /> </span> <<span>metaname= <span>"ključne riječi"</span> content= <span>"%keywords%"</span> /> </span> <<span>naslov ></span>%title%</<span>naslov ></span> <<span>link href= <span>style.css</span> rel= <span>"style sheet"</span> type= <span>"text/css"</span> /> </span>%system includeQuickEditJs()%</<span>glava ></span> <<span>tijelo ></span>// početak menija<<span>table border= <span>"1" </span>> </span> <<span>tr ></span> <<span>td ></span><<span>href= <span>"/" </span>> </span><<span>b></span> Dom</<span>b></span></<span>a ></span></<span>td ></span> </<span>tr ></span> <<span>tr ></span> <<span>td ></span><<span>href= <span>"/o/"</span>> </span> O kompaniji</<span>a ></span></<span>td ></span> </<span>tr ></span> <<span>tr ></span> <<span>td ></span><<span>href= <span>"/projekti/"</span>> </span> Projekti</<span>a ></span></<span>td ></span> </<span>tr ></span> <<span>tr ></span> <<span>td ></span><<span>href= <span>"/kontakti/"</span>> </span> Kontakti</<span>a ></span></<span>td ></span> </<span>tr ></span> </<span>stol ></span>// kraj menija<<span>h1 ></span>%header%</<span>h1 ></span>%content%</<span>tijelo ></span> </<span>html ></span> <p>Dakle, spremamo datoteku šablona i gledamo rezultat. Sada je stranica skoro potpuno dinamična, osim menija. Potrebno je "oživjeti" meni stranice. Pogledajmo kako je postavljen meni:</p>// početak menija<<span>table border= <span>"1" </span>> </span> <<span>tr ></span> <<span>td ></span><<span>href= <span>"/" </span>> </span><<span>b></span> Dom</<span>b></span></<span>a ></span></<span>td ></span> </<span>tr ></span> <<span>tr ></span> <<span>td ></span><<span>href= <span>"/o/"</span>> </span> O meni</<span>a ></span></<span>td ></span> </<span>tr ></span> <<span>tr ></span> <<span>td ></span><<span>href= <span>"/ja_i_ja/"</span>> </span> Ja i svjetska dominacija</<span>a ></span></<span>td ></span> </<span>tr ></span> <<span>tr ></span> <<span>td ></span><<span>href= <span>"/kontakti/"</span>> </span> Kontakti</<span>a ></span></<span>td ></span> </<span>tr ></span> </<span>stol ></span>// kraj menija <p>Meni se sastoji od stavki. Sam jelovnik je nekako osmišljen, a i artikli imaju dizajn. Na primjer, cijeli meni može imati okvir ili pozadinu, trenutna stavka menija može biti podebljana itd. Takođe u jednom meniju mogu biti različiti nivoi.</p> <p>Odaberite okvir menija:</p>// početak menija<<span>table border= <span>"1" </span>> </span> <span><!-здесь пойдут пункты меню --> </span> </<span>stol ></span>// kraj menija <p>Stavka menija izgleda ovako:</p> <<span>tr ></span> <<span>td ></span><<span>href= <span>"/kontakti/"</span>> </span> Kontakti</<span>a ></span></<span>td ></span> </<span>tr ></span> <p>Trenutna stavka menija je drugačije formatirana:</p> <<span>tr ></span> <<span>td ></span><<span>href= <span>"/" </span>> </span><<span>b></span> Dom</<span>b></span></<span>a ></span></<span>td ></span> </<span>tr ></span> <p>Originalni predložak menija nalazi se u datoteci /tpls/content/menu/default.tpl i izgleda ovako:</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> END; ?> <p>Malo nejasno u početku. U stvari, sve je vrlo jednostavno. Pogledajmo prvi dio koda:</p>$FORMS["menu_block_level1"] =<<<END %lines% END; <p>Ovo se zove blok <b>menu_block_level1</b>. Postoje samo 3 vrste takvih blokova.</p> <ul><p><b>menu_block_level1</b>— sadrži HTML okvir za meni;</p> <p><b>menu_line_level1</b>— sadrži HTML kod stavke menija;</p> <p><b>menu_line_level1_a</b>- isto kao menu_line_level1, koristi se samo za aktivnu stavku menija.</p> </ul><p>Sve između<<<END и END; воспринимается, как html-шаблон (для всего меню или для отдельного пункта).</p> <p>Prilikom generiranja menija, sistem uzima šablone stavki (na primjer, menu_line_level1), i stavlja ih jedan za drugim. Rezultat je HTML kod koji sadrži sve stavke menija. Ovaj kod se ubacuje umjesto makroa <i>%linija%</i> .</p> <p>Dakle, morate staviti kod koji smo istaknuli iznad (uokvirivanje, stavke menija) u odgovarajuće blokove. Trebalo bi izgledati otprilike ovako:</p> <?php $FORMS = Array (); $FORMS ["menu_block_level1" ] = <<<END <table border="1" >%linija%</table> END; $FORMS["menu_line_level1" ] =<<<END <tr> <td>%text%</td> </tr> END; $FORMS["menu_line_level1_a" ] =<<<END <tr> <td><b>%text%</b></td> </tr> END; ?> <p>To već znamo umjesto <i>%linija%</i> sistem zamjenjuje stavke menija njihovim HTML okvirom. Upoznali smo nove makroe. Umjesto <i>%veza%</i> umetnut je URL stavke menija, a umjesto <i>%text%</i>― tekst (definisan u polju « <span>naslov stranice</span>»).</p> <p>Sada se meni može umetnuti u šablon stranice pomoću makroa <i>%meni%</i> ::</p> <<span>html ></span> <<span>glava ></span> <<span>metaname= <span>"opis"</span><span>content="%description%"</span> /> </span> <<span>metaname= <span>"ključne riječi"</span> content= <span>"%keywords%"</span> /> </span> <<span>naslov ></span>%title%</<span>naslov ></span> <<span>link href= <span>style.css</span> rel= <span>"style sheet"</span> type= <span>"text/css"</span> /> </span>%system includeQuickEditJs()%</<span>glava ></span> <<span>tijelo ></span>// početak menija %menu% // kraj menija<<span>h1 ></span>%header%</<span>h1 ></span>%content%</<span>tijelo ></span> </<span>html ></span> <p><b>Šablon je spreman.</b> </p> <p>Ako želite da prikažete meni koristeći drugačiji šablon na nekim stranicama sajta, potrebno je da kreirate drugu datoteku sa šablonom menija u istoj fascikli. Na primjer menu2.tpl . Shodno tome, kada povezujete meni sa šablonom stranice, umesto %menu%, morate napisati malo drugačije: %content menu("menu2")% .</p> <p>Rad ovog i drugih makroa je detaljno opisan u trenutnoj dokumentaciji. Rad s njima je izgrađen potpuno po istom principu: razbijete traženi dio HTML šablona na zasebne dijelove, zamijenite potrebne šablone u odgovarajuće blokove, ubacite odgovarajući makro umjesto ovog dijela i on počinje raditi.</p> <p><b>Važno je uzeti u obzir:</b> </span> nemojte stavljati više makroa u jednu liniju. Ugniježđeni makroi možda neće raditi kao argument drugim makroima.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast?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>Prethodni članak</span><a href="https://obanracer.ru/bs/generator-sinusoidy-50-gc-shema-vysokoe-napryazhenie-i-ne-tolko-stabilizaciya.html">Visok napon i još mnogo toga</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>Sljedeći članak</span><a href="https://obanracer.ru/bs/chasy-na-matricah-samodelnye-chasy-na-svetodiodnyh-matricah-gotovye-chasy-na.html">Domaći satovi na LED matricama</a></div> <!-- /next_post --> </div> </div> <div class="td-author-name vcard author" style="display: none"><span class="fn"><a href="https://obanracer.ru/bs/author/iulia">Julia</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="#">POVEZANI ČLANCI</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/bs/chasy-propeller-na-atmega8-kod-si-chasy-propeller-na-atmega8-chasy-propeller-na-dvizhke.html" rel="bookmark" title="Propeler sata na Atmega8"><img width="218" height="150" class="entry-thumb" src="/uploads/49760cbc59a49aadce4c3273dafaa449.jpg" alt="Propeler sata na Atmega8" title="Propeler sata na Atmega8"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/category/case/" class="td-post-category">korpus</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/chasy-propeller-na-atmega8-kod-si-chasy-propeller-na-atmega8-chasy-propeller-na-dvizhke.html" rel="bookmark" title="Propeler sata na Atmega8">Propeler sata na Atmega8</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/bs/shema-elektron-generatora-sinusoida-50-gc-vysokoe-napryazhenie-i-ne.html" rel="bookmark" title="Visok napon i još mnogo toga"><img width="218" height="150" class="entry-thumb" src="/uploads/3f7cc126906f4d3f47c44e4a3a2cf0b0.jpg" alt="Visok napon i još mnogo toga" title="Visok napon i još mnogo toga"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/category/motherboard/" class="td-post-category">matične ploče</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/shema-elektron-generatora-sinusoida-50-gc-vysokoe-napryazhenie-i-ne.html" rel="bookmark" title="Visok napon i još mnogo toga">Visok napon i još mnogo toga</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/bs/lc-metr-pribor-dlya-izmereniya-emkosti-i-induktivnosti-na-pic16f628a-cifrovoi.html" rel="bookmark" title="Verifikacija i kalibracija digitalnog LC metra"><img width="218" height="150" class="entry-thumb" src="/uploads/57ca30347599ac6b2df7bc4736290443.jpg" alt="Verifikacija i kalibracija digitalnog LC metra" title="Verifikacija i kalibracija digitalnog LC metra"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/category/case/" class="td-post-category">korpus</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/lc-metr-pribor-dlya-izmereniya-emkosti-i-induktivnosti-na-pic16f628a-cifrovoi.html" rel="bookmark" title="Verifikacija i kalibracija digitalnog LC metra">Verifikacija i kalibracija digitalnog LC metra</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/bs/tranzistor-kt815-parametry-cokol-vka-i-analogi-tranzistory-p213.html" rel="bookmark" title="Tranzistori P213 i KT815 Kt 815 specifikacije"><img width="218" height="150" class="entry-thumb" src="/uploads/83346308e96ee179ccbb393eb309bba7.jpg" alt="Tranzistori P213 i KT815 Kt 815 specifikacije" title="Tranzistori P213 i KT815 Kt 815 specifikacije"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/category/more/" class="td-post-category">Ostalo</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/tranzistor-kt815-parametry-cokol-vka-i-analogi-tranzistory-p213.html" rel="bookmark" title="Tranzistori P213 i KT815 Kt 815 specifikacije">Tranzistori P213 i KT815 Kt 815 specifikacije</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/bs/poryadok-programmirovaniya-mikrokontrollerov-avr-programmirovanie-mikrokontrollerov-avr-direktivy-d.html" rel="bookmark" title="avr programiranje mikrokontrolera"><img width="218" height="150" class="entry-thumb" src="/uploads/c05acc3fab969853a5cc4a6a39afe512.jpg" alt="avr programiranje mikrokontrolera" title="avr programiranje mikrokontrolera"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/category/power-supply/" class="td-post-category">Napajanja</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/poryadok-programmirovaniya-mikrokontrollerov-avr-programmirovanie-mikrokontrollerov-avr-direktivy-d.html" rel="bookmark" title="avr programiranje mikrokontrolera">avr programiranje mikrokontrolera</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/bs/parallelnoe-podklyuchenie-soprotivlenii-kalkulyator-onlain-kalkulyator.html" rel="bookmark" title="Online kalkulator za paralelno povezivanje otpornika"><img width="218" height="150" class="entry-thumb" src="/uploads/95e778b7fab92c7418243605cafe5c5d.jpg" alt="Online kalkulator za paralelno povezivanje otpornika" title="Online kalkulator za paralelno povezivanje otpornika"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/category/security/" class="td-post-category">Sigurnost</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/parallelnoe-podklyuchenie-soprotivlenii-kalkulyator-onlain-kalkulyator.html" rel="bookmark" title="Online kalkulator za paralelno povezivanje otpornika">Online kalkulator za paralelno povezivanje otpornika</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/bs/begushchie-ogni-arduino-shema-podklyucheniya-begushchie-povorotniki-na-lente-ws2812-i.html" rel="bookmark" title="Pokretanje žmigavca na WS2812 traci i Arduinu"><img width="218" height="150" class="entry-thumb" src="/uploads/94f5cd861cbb6e0c6214f48eab4ce288.jpg" alt="Pokretanje žmigavca na WS2812 traci i Arduinu" title="Pokretanje žmigavca na WS2812 traci i Arduinu"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/category/windows-8/" class="td-post-category">Windows 8</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/begushchie-ogni-arduino-shema-podklyucheniya-begushchie-povorotniki-na-lente-ws2812-i.html" rel="bookmark" title="Pokretanje žmigavca na WS2812 traci i Arduinu">Pokretanje žmigavca na WS2812 traci i Arduinu</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/bs/podklyuchenie-i2c-podklyuchenie-lcd-ekrana-lcm1602-s-i2c-k-arduino-alternativnaya-biblioteka.html" rel="bookmark" title="Povezivanje LCD ekrana LCM1602 sa I2C na Arduino"><img width="218" height="150" class="entry-thumb" src="/uploads/def54ba52f3238cb4018e1040a6dbb9b.jpg" alt="Povezivanje LCD ekrana LCM1602 sa I2C na Arduino" title="Povezivanje LCD ekrana LCM1602 sa I2C na Arduino"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/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/bs/podklyuchenie-i2c-podklyuchenie-lcd-ekrana-lcm1602-s-i2c-k-arduino-alternativnaya-biblioteka.html" rel="bookmark" title="Povezivanje LCD ekrana LCM1602 sa I2C na Arduino">Povezivanje LCD ekrana LCM1602 sa I2C na Arduino</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/bs/izmeritel-emkosti-i-eps-pristavka-k-multimetru-esr-eps-izmeritel.html" rel="bookmark" title="ESR (EPS) mjerač - prefiks za digitalni multimetar"><img width="218" height="150" class="entry-thumb" src="/uploads/852a3c3f1b2f97bbeccd2c67aa998b1e.jpg" alt="ESR (EPS) mjerač - prefiks za digitalni multimetar" title="ESR (EPS) mjerač - prefiks za digitalni multimetar"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/category/motherboard/" class="td-post-category">matične ploče</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/izmeritel-emkosti-i-eps-pristavka-k-multimetru-esr-eps-izmeritel.html" rel="bookmark" title="ESR (EPS) mjerač - prefiks za digitalni multimetar">ESR (EPS) mjerač - prefiks za digitalni multimetar</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">Preporuč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/bs/chto-takoe-elektronnyi-kompas-kompasy-naznachenie-osnovnyh-uzov-i.html" rel="bookmark" title="Šta je elektronski kompas"><img width="324" height="235" class="entry-thumb" src="/uploads/a756c24d4420b5147dbe4ad57c38669e.jpg" alt="Šta je elektronski kompas" title="Šta je elektronski kompas"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/bs/category/monitors/" class="td-post-category">Monitori</a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/chto-takoe-elektronnyi-kompas-kompasy-naznachenie-osnovnyh-uzov-i.html" rel="bookmark" title="Šta je elektronski kompas">Šta je elektronski kompas</a></h3> <div class="td-module-meta-info"> </div> <div class="td-excerpt">Kada izađete iz grada, uobičajena stvar poput pametnog telefona više ne pomaže. Potreban vam je pouzdan uređaj koji će vam pomoći da se krećete u svemiru...</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/bs/usilitel-s-nizkim-vyhodnym-soprotivleniem-chto-takoe-polnoe-vyhodnoe.html" rel="bookmark" title="Kolika je izlazna impedancija pojačala?"><img width="100" height="70" class="entry-thumb" src="/uploads/a4a889ea4d1671892e5d120c192e0227.jpg" alt="Kolika je izlazna impedancija pojačala?" title="Kolika je izlazna impedancija pojačala?"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/usilitel-s-nizkim-vyhodnym-soprotivleniem-chto-takoe-polnoe-vyhodnoe.html" rel="bookmark" title="Kolika je izlazna impedancija pojačala?">Kolika je izlazna impedancija pojačala?</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/bs/category/power-supply/" class="td-post-category">Napajanja</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/bs/chto-takoe-ritm-vidy-muzykalnogo-ritma-ritmicheskie-matricy-muzykalnyi.html" rel="bookmark" title="Vrste muzičkog ritma (ritmičke matrice) Muzički termin ritam"><img width="100" height="70" class="entry-thumb" src="/uploads/9d60f7d457d4c5b22c6e404685b4c6e6.jpg" alt="Vrste muzičkog ritma (ritmičke matrice) Muzički termin ritam" title="Vrste muzičkog ritma (ritmičke matrice) Muzički termin ritam"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/chto-takoe-ritm-vidy-muzykalnogo-ritma-ritmicheskie-matricy-muzykalnyi.html" rel="bookmark" title="Vrste muzičkog ritma (ritmičke matrice) Muzički termin ritam">Vrste muzičkog ritma (ritmičke matrice) Muzički termin ritam</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/bs/category/motherboard/" class="td-post-category">matične ploče</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/bs/kak-slozhilsya-ritm-melodiya-i-ritm-v-muzyke-rol-ritma-v-muzyke.html" rel="bookmark" title="Kako se razvijao ritam? Melodija i ritam u muzici. Uloga ritma u muzici. Ritam u muzici - šta je to: definicija. Ritam u poeziji"><img width="100" height="70" class="entry-thumb" src="/uploads/5dd1cdd2faad874a41717551271a5438.jpg" alt="Kako se razvijao ritam? Melodija i ritam u muzici. Uloga ritma u muzici. Ritam u muzici - šta je to: definicija. Ritam u poeziji" title="Kako se razvijao ritam? Melodija i ritam u muzici. Uloga ritma u muzici. Ritam u muzici - šta je to: definicija. Ritam u poeziji"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/kak-slozhilsya-ritm-melodiya-i-ritm-v-muzyke-rol-ritma-v-muzyke.html" rel="bookmark" title="Kako se razvijao ritam? Melodija i ritam u muzici. Uloga ritma u muzici. Ritam u muzici - šta je to: definicija. Ritam u poeziji">Kako se razvijao ritam? Melodija i ritam u muzici. Uloga ritma u muzici. Ritam u muzici - šta je to: definicija. Ritam u poeziji</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/bs/category/graphics-card/" class="td-post-category">Video kartice</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/bs/alt-kody-vseh-simvolov-simvoly-na-klaviature-s-pomoshchyu.html" rel="bookmark" title="Simboli na tastaturi sa tipkom Alt Simboli s tipkom alt"><img width="100" height="70" class="entry-thumb" src="/uploads/3b4b48769a1594aed432d9d54c3d4b38.jpg" alt="Simboli na tastaturi sa tipkom Alt Simboli s tipkom alt" title="Simboli na tastaturi sa tipkom Alt Simboli s tipkom alt"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/alt-kody-vseh-simvolov-simvoly-na-klaviature-s-pomoshchyu.html" rel="bookmark" title="Simboli na tastaturi sa tipkom Alt Simboli s tipkom alt">Simboli na tastaturi sa tipkom Alt Simboli s tipkom alt</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/bs/category/windows-7/" class="td-post-category">Windows 7</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/bs/lichnyi-kabinet-voennosluzhashchego-lichnyi-kabinet-voennosluzhashchego-voiti-bez.html" rel="bookmark" title="Lični račun servisera unesite bez registracije ličnim brojem Lični račun servisera čemu služi i kako ući"><img width="100" height="70" class="entry-thumb" src="/uploads/7f7215f21cb986645f06d13cb3b7d3cd.jpg" alt="Lični račun servisera unesite bez registracije ličnim brojem Lični račun servisera čemu služi i kako ući" title="Lični račun servisera unesite bez registracije ličnim brojem Lični račun servisera čemu služi i kako ući"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/lichnyi-kabinet-voennosluzhashchego-lichnyi-kabinet-voennosluzhashchego-voiti-bez.html" rel="bookmark" title="Lični račun servisera unesite bez registracije ličnim brojem Lični račun servisera čemu služi i kako ući">Lični račun servisera unesite bez registracije ličnim brojem Lični račun servisera čemu služi i kako ući</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/bs/category/internet/" class="td-post-category">Internet</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/bs/kalendar-na-stenu-raspechatat-kak-i-pochemu-perenosyat-vyhodnye-dni.html" rel="bookmark" title="Kako i zašto odlažu vikend"><img width="100" height="70" class="entry-thumb" src="/uploads/45563e2be7deb6d38ceb007843038d61.jpg" alt="Kako i zašto odlažu vikend" title="Kako i zašto odlažu vikend"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/bs/kalendar-na-stenu-raspechatat-kak-i-pochemu-perenosyat-vyhodnye-dni.html" rel="bookmark" title="Kako i zašto odlažu vikend">Kako i zašto odlažu vikend</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/bs/category/monitors/" class="td-post-category">Monitori</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/bs/kak-vstavit-ramku-na-fon-v-fotoshope-kak-legko-sdelat-ramku-v.html" rel="bookmark" title="Kako jednostavno napraviti okvir u Photoshopu oko fotografije ili zalijepiti gotovu"><img width="218" height="150" class="entry-thumb" src="/uploads/afec652bf53a85885a044084455cf6b8.jpg" alt="Kako jednostavno napraviti okvir u Photoshopu oko fotografije ili zalijepiti gotovu" title="Kako jednostavno napraviti okvir u Photoshopu oko fotografije ili zalijepiti gotovu"/ 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/bs/kak-vstavit-ramku-na-fon-v-fotoshope-kak-legko-sdelat-ramku-v.html" rel="bookmark" title="Kako jednostavno napraviti okvir u Photoshopu oko fotografije ili zalijepiti gotovu">Kako jednostavno napraviti okvir u Photoshopu oko fotografije ili zalijepiti gotovu</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/bs/kak-sdelat-oblozhku-na-tetrad-kak-sdelat-oblozhku-na-tetrad-oblozhka-na.html" rel="bookmark" title="Kako napraviti korice za svesku Korica za zoshit"><img width="218" height="150" class="entry-thumb" src="/uploads/9fb1ab8f6274ca6b2f91de023459b557.jpg" alt="Kako napraviti korice za svesku Korica za zoshit" title="Kako napraviti korice za svesku Korica za zoshit"/ 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/bs/kak-sdelat-oblozhku-na-tetrad-kak-sdelat-oblozhku-na-tetrad-oblozhka-na.html" rel="bookmark" title="Kako napraviti korice za svesku Korica za zoshit">Kako napraviti korice za svesku Korica za zoshit</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/bs/instagram-stories-kak-i-zachem-polzovatsya-etoi-funkciei-telegraf-servis-dlya.html" rel="bookmark" title="Telegraph - servis za formatiranje i objavljivanje tekstova u Telegramu"подставка для книг""><img width="218" height="150" class="entry-thumb" src="/uploads/ad3d4ef9f6d248310c67a7eede9e00e0.jpg" alt="Telegraph - servis za formatiranje i objavljivanje tekstova u Telegramu"подставка для книг"" title="Telegraph - servis za formatiranje i objavljivanje tekstova u Telegramu"подставка для книг""/ 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/bs/instagram-stories-kak-i-zachem-polzovatsya-etoi-funkciei-telegraf-servis-dlya.html" rel="bookmark" title="Telegraph - servis za formatiranje i objavljivanje tekstova u Telegramu"подставка для книг"">Telegraph - servis za formatiranje i objavljivanje tekstova u Telegram "stalku za knjige"</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/bs/registraciya-organizacii-v-eis-kak-zaregistrirovat-rukovoditelya-s-celyu.html" rel="bookmark" title="Kako registrovati menadžera za dalju preregistraciju u EIS?"><img width="218" height="150" class="entry-thumb" src="/uploads/356591f82c45be881664366a56d1208a.jpg" alt="Kako registrovati menadžera za dalju preregistraciju u EIS?" title="Kako registrovati menadžera za dalju preregistraciju u EIS?"/ 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/bs/registraciya-organizacii-v-eis-kak-zaregistrirovat-rukovoditelya-s-celyu.html" rel="bookmark" title="Kako registrovati menadžera za dalju preregistraciju u EIS?">Kako registrovati menadžera za dalju preregistraciju u EIS?</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/bs/kak-igrat-na-torgovoi-ploshchadke-sberbank-ast-kak-zaregistrirovatsya-na-torgovoi-ploshchadke-ast-ot-sbe.html" rel="bookmark" title="Kako se registrovati na ACT trgovačkoj platformi iz Sberbanke i početi trgovati?"><img width="218" height="150" class="entry-thumb" src="/uploads/b9ac174f2d7b32a11098519b9b982681.jpg" alt="Kako se registrovati na ACT trgovačkoj platformi iz Sberbanke i početi trgovati?" title="Kako se registrovati na ACT trgovačkoj platformi iz Sberbanke i početi trgovati?"/ 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/bs/kak-igrat-na-torgovoi-ploshchadke-sberbank-ast-kak-zaregistrirovatsya-na-torgovoi-ploshchadke-ast-ot-sbe.html" rel="bookmark" title="Kako se registrovati na ACT trgovačkoj platformi iz Sberbanke i početi trgovati?">Kako se registrovati na ACT trgovačkoj platformi iz Sberbanke i početi trgovati?</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/bs/pozharnaya-bezopasnost-na-ploshchadke-ast-goz-i-napugali-torgovye-ploshchadki-kotorye.html" rel="bookmark" title="I uplašio tržišta koja bi ih mogla izgubiti"><img width="218" height="150" class="entry-thumb" src="/uploads/249e699284a6bef3ea96547e8011bb02.jpg" alt="I uplašio tržišta koja bi ih mogla izgubiti" title="I uplašio tržišta koja bi ih mogla izgubiti"/ 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/bs/pozharnaya-bezopasnost-na-ploshchadke-ast-goz-i-napugali-torgovye-ploshchadki-kotorye.html" rel="bookmark" title="I uplašio tržišta koja bi ih mogla izgubiti">I uplašio tržišta koja bi ih mogla izgubiti</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/bs/pochemu-kompyuter-teryaet-wifi-reshaem-problemu-s-otklyucheniem-wi-fi-na-noutbuke-kuda.html" rel="bookmark" title="Rješavamo problem s onemogućavanjem WI-FI na laptopu"><img width="218" height="150" class="entry-thumb" src="/uploads/9a8a2fd1cf0a8e56cc597d5df3f440a0.jpg" alt="Rješavamo problem s onemogućavanjem WI-FI na laptopu" title="Rješavamo problem s onemogućavanjem WI-FI na laptopu"/ 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/bs/pochemu-kompyuter-teryaet-wifi-reshaem-problemu-s-otklyucheniem-wi-fi-na-noutbuke-kuda.html" rel="bookmark" title="Rješavamo problem s onemogućavanjem WI-FI na laptopu">Rješavamo problem s onemogućavanjem WI-FI na laptopu</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/bs/programme-ustanovki-windows-ne-udalos-nastroit-windows-dlya-raboty-s.html" rel="bookmark" title="Windows Setup nije mogao da konfiguriše Windows da radi sa hardverom ovog računara Ne može da završi proces podešavanja Windowsa"><img width="218" height="150" class="entry-thumb" src="/uploads/9e2f0b6ab663d15e652ba13113dbbc9a.jpg" alt="Windows Setup nije mogao da konfiguriše Windows da radi sa hardverom ovog računara Ne može da završi proces podešavanja Windowsa" title="Windows Setup nije mogao da konfiguriše Windows da radi sa hardverom ovog računara Ne može da završi proces podešavanja Windowsa"/ 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/bs/programme-ustanovki-windows-ne-udalos-nastroit-windows-dlya-raboty-s.html" rel="bookmark" title="Windows Setup nije mogao da konfiguriše Windows da radi sa hardverom ovog računara Ne može da završi proces podešavanja Windowsa">Windows Setup nije mogao da konfiguriše Windows da radi sa hardverom ovog računara Ne može da završi proces podešavanja Windowsa</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/bs/nastraivaem-rivatuner-statistics-server-rivatuner-statistics-server-chto-eto-za.html" rel="bookmark" title="RivaTuner Statistics Server - šta je ovo program?"><img width="218" height="150" class="entry-thumb" src="/uploads/2be603bfdf16c2d9feadc7d5e79b2270.jpg" alt="RivaTuner Statistics Server - šta je ovo program?" title="RivaTuner Statistics Server - šta je ovo program?"/ 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/bs/nastraivaem-rivatuner-statistics-server-rivatuner-statistics-server-chto-eto-za.html" rel="bookmark" title="RivaTuner Statistics Server - šta je ovo program?">RivaTuner Statistics Server - šta je ovo program?</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/bs/kak-udalit-programmu-kotoraya-ne-udalyaetsya-pochemu-ne.html" rel="bookmark" title="Zašto se programi ne instaliraju iz datoteka"><img width="218" height="150" class="entry-thumb" src="/uploads/1db59e1dc854e917452abb725127a8a8.jpg" alt="Zašto se programi ne instaliraju iz datoteka" title="Zašto se programi ne instaliraju iz datoteka"/ 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/bs/kak-udalit-programmu-kotoraya-ne-udalyaetsya-pochemu-ne.html" rel="bookmark" title="Zašto se programi ne instaliraju iz datoteka">Zašto se programi ne instaliraju iz datoteka</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/bs/ne-udalos-zavershit-process-ustanovki-windows-programme-ustanovki.html" rel="bookmark" title="Windows Setup nije mogao konfigurirati Windows da radi sa hardverom ovog računara. Proces postavljanja nije mogao biti dovršen za instalaciju"><img width="218" height="150" class="entry-thumb" src="/uploads/bd1013dd2b82a3d2a6bfb0c4db53a43a.jpg" alt="Windows Setup nije mogao konfigurirati Windows da radi sa hardverom ovog računara. Proces postavljanja nije mogao biti dovršen za instalaciju" title="Windows Setup nije mogao konfigurirati Windows da radi sa hardverom ovog računara. Proces postavljanja nije mogao biti dovršen za instalaciju"/ 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/bs/ne-udalos-zavershit-process-ustanovki-windows-programme-ustanovki.html" rel="bookmark" title="Windows Setup nije mogao konfigurirati Windows da radi sa hardverom ovog računara. Proces postavljanja nije mogao biti dovršen za instalaciju">Windows Setup nije mogao konfigurirati Windows da radi sa hardverom ovog računara. Proces postavljanja nije mogao biti dovršen za instalaciju</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/bs/kak-zaiti-v-bios-na-noutbuke-kak-voiti-v-bios-vse-varianty-msi.html" rel="bookmark" title="Kako ući u BIOS na laptopu"><img width="218" height="150" class="entry-thumb" src="/uploads/023d9b157ac504ad5f66ffa0e95c6696.jpg" alt="Kako ući u BIOS na laptopu" title="Kako ući u BIOS na laptopu"/ 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/bs/kak-zaiti-v-bios-na-noutbuke-kak-voiti-v-bios-vse-varianty-msi.html" rel="bookmark" title="Kako ući u BIOS na laptopu">Kako ući u BIOS na laptopu</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/bs/vybor-bloka-pitaniya-dlya-kompyutera-vybor-bloka-pitaniya-dlya.html" rel="bookmark" title="Odabir napajanja za računar Geforce gtx 1060 6gb napajanje"><img width="218" height="150" class="entry-thumb" src="/uploads/92b8c68cc6716e5b4d6764ad68b3c6ef.jpg" alt="Odabir napajanja za računar Geforce gtx 1060 6gb napajanje" title="Odabir napajanja za računar Geforce gtx 1060 6gb napajanje"/ 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/bs/vybor-bloka-pitaniya-dlya-kompyutera-vybor-bloka-pitaniya-dlya.html" rel="bookmark" title="Odabir napajanja za računar Geforce gtx 1060 6gb napajanje">Odabir napajanja za računar Geforce gtx 1060 6gb napajanje</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/bs/proshivka-biosa-materinskoi-platy-pod-novyi-processor.html" rel="bookmark" title="Flashing BIOS: upute korak po korak"><img width="218" height="150" class="entry-thumb" src="/uploads/55ec25a38a80d950c8227b96238a9c8a.jpg" alt="Flashing BIOS: upute korak po korak" title="Flashing BIOS: upute korak po korak"/ 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/bs/proshivka-biosa-materinskoi-platy-pod-novyi-processor.html" rel="bookmark" title="Flashing BIOS: upute korak po korak">Flashing BIOS: upute korak po korak</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/bs/ispolzuemyi-displei-ne-podklyuchen-k-gp-ustranyaem-sboi-pri-ispolzovanii.html" rel="bookmark" title="Popravite padove prilikom korištenja diskretne grafičke kartice u laptopu"><img width="218" height="150" class="entry-thumb" src="/uploads/98a5aa4062019c86fff638e9a020d823.jpg" alt="Popravite padove prilikom korištenja diskretne grafičke kartice u laptopu" title="Popravite padove prilikom korištenja diskretne grafičke kartice u laptopu"/ 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/bs/ispolzuemyi-displei-ne-podklyuchen-k-gp-ustranyaem-sboi-pri-ispolzovanii.html" rel="bookmark" title="Popravite padove prilikom korištenja diskretne grafičke kartice u laptopu">Popravite padove prilikom korištenja diskretne grafičke kartice u laptopu</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/bs/kody-oshibok-i-metodiki-ustraneniya-neispravnostei-osnovnye.html" rel="bookmark" title="Glavni kvarovi Hotpoint hladnjaka iz Aristona Uzroci kvarova"><img width="218" height="150" class="entry-thumb" src="/uploads/cf0edc141fa49289d34349b248fa44a6.jpg" alt="Glavni kvarovi Hotpoint hladnjaka iz Aristona Uzroci kvarova" title="Glavni kvarovi Hotpoint hladnjaka iz Aristona Uzroci kvarova"/ 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/bs/kody-oshibok-i-metodiki-ustraneniya-neispravnostei-osnovnye.html" rel="bookmark" title="Glavni kvarovi Hotpoint hladnjaka iz Aristona Uzroci kvarova">Glavni kvarovi Hotpoint hladnjaka iz Aristona Uzroci kvarova</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/bs/operacionnaya-sistema-windows-xp-i-tehnicheskie-trebovaniya-k-kompyuteru.html" rel="bookmark" title="Microsoft Windows XP - kompletan pregled Minimalni sistemski zahtjevi za Windows XP"><img width="218" height="150" class="entry-thumb" src="/uploads/70a0d8f42d1496efdb6f692db3619189.jpg" alt="Microsoft Windows XP - kompletan pregled Minimalni sistemski zahtjevi za Windows XP" title="Microsoft Windows XP - kompletan pregled Minimalni sistemski zahtjevi za Windows XP"/ 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/bs/operacionnaya-sistema-windows-xp-i-tehnicheskie-trebovaniya-k-kompyuteru.html" rel="bookmark" title="Microsoft Windows XP - kompletan pregled Minimalni sistemski zahtjevi za Windows XP">Microsoft Windows XP - kompletan pregled Minimalni sistemski zahtjevi za Windows XP</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/bs/tri-sposoba-otkryt-redaktor-reestra-windows-kak-otkryt-reestr-kak.html" rel="bookmark" title="Kako otvoriti registar Kako otvoriti registar igre"><img width="218" height="150" class="entry-thumb" src="/uploads/881721588cac3b4249f39a8f763a8af8.jpg" alt="Kako otvoriti registar Kako otvoriti registar igre" title="Kako otvoriti registar Kako otvoriti registar igre"/ 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/bs/tri-sposoba-otkryt-redaktor-reestra-windows-kak-otkryt-reestr-kak.html" rel="bookmark" title="Kako otvoriti registar Kako otvoriti registar igre">Kako otvoriti registar Kako otvoriti registar igre</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 - Popravka računara i laptopa. Video kartice, hard diskovi, internet, monitori.</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>