Kako brzo otvoriti kod stranice u pretraživaču, čak i ako je kopiranje zabranjeno. Raspakivanje i dekodiranje JavaScript skripti Kako dekodirati html kod stranice

Ovaj članak je dodatak članku o demaskiciranju skripti. Ovdje će se razmotriti osnovni principi šifriranja i pakiranja, slabe tačke zaštite, metode ručnog uklanjanja, kao i univerzalne alate za automatsko uklanjanje pakera i preklopnu zaštitu od JavaScript skripti. Sve više u poslednje vreme izvor skripte su šifrirane ili pakirane. Yandex, DLE i drugi popularni projekti su se počeli uključivati ​​u ovo, a lijepe priče o "brizi o korisnicima", "štedi prometa" i drugim glupostima izgledaju vrlo smiješno. Pa, ako neko ima nešto da krije, onda je naš zadatak da ga dovedemo u čistu vodu.

Počnimo s teorijom. Zbog specifičnosti izvršavanja JavaScript-a, svi enkriptori i pakeri, uprkos svojoj raznolikosti, imaju samo dvije opcije algoritma: ili kao opciju: Drugi metod se najčešće koristi za zaštitu izvornog html koda stranice, kao i raznih trojanaca. za ubacivanje zlonamjernog koda na stranicu, kao što je skriveni okvir. Oba algoritma se mogu kombinirati, "trikovi" i složenost dešifratora mogu biti bilo koji, samo sam princip ostaje nepromijenjen.

U oba slučaja ispada da su funkcije eval() i document.write() prenose se potpuno dešifrovani podaci. Kako ih presresti? Pokušajte zamijeniti eval() on upozorenje(), a u MessageBoxu koji se otvori, odmah ćete vidjeti dešifrirani tekst. Neki pretraživači vam dozvoljavaju kopiranje teksta iz MessageBoxa, ali je bolje koristiti ovaj poluautomatski dekoder:

  1. < html >
  2. < head >< title >JavaScript dekoder
  3. < body >
  4. < script type = "text/javascript" >
  5. // Funkcija za upisivanje rezultata dešifriranja u dnevnik
  6. dekoder funkcije(str)(
  7. dokument. getElementById("dekodirano"). vrijednost += str + "\n" ;
  10. < textarea id = "decoded" style = "width:900px; height:500px;" >
  11. < script type = "text/javascript" >

Na primjer, uzmimo neku skriptu iz Yandexa, gledajući izvorni kod, vidimo nešto nezdravo:

Eval(funkcija(p,a,c,k,e,r)(e=funkcija(c)(povrat(c c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36)));if(!
"".replace(/^/,String))(while(c--)r=k[c]||e(c);k=)];e=function()(return"\w+"); c=1);while(c--)if(k[c])
p=p.replace(new RegExp("\b"+e(c)+"\b","g"),k[c]);return p)("$.1e
.18=8(j)(3 k=j["6-9"]||"#6-9";3 l=j["6-L"]||".u-L";3 m=j ["6-L-17"]
||"";3 n=j["1d"]||0;$(5).2(".6-9").14("7");$(5).2(".6 -9").Z("7",8(
)(3 a=$(5).x();3 o=$(5).x();3 h=$(5).B("C");$(5).v("g -4");$(5).16(
$(k).q());3 t=$(o).2("15");3 c=$(o).2(".b-r");3 d=$(o).2 ("".b-12");
[ostale iste gluposti isečene]

Odmah moram reći da ovu skriptu obrađuje JavaScript kompresor, lako je prepoznati po potpisu - karakterističnom nazivu funkcije na početku skripte. Kopirajte cijeli izvorni tekst skripte, zamijenite prvi eval on dekoder, zalijepite ga u dekoder i sačuvajte kao html stranicu Otvorite ga u bilo kojem pretraživaču i vidite da se raspakirana skripta odmah pojavila u tekstualnom području. Prerano je za radovanje, uklonio je sve prijelome redaka i formatiranje koda. Kako se nositi s tim napisano je u članku o demaskiciranju.

Drugi primjer. Evo html stranice prekrivene HTML Protectorom. Ovo je stranica koja demonstrira mogućnosti programa, tako da su uključene sve opcije: blokiranje odabira i kopiranja teksta, zabrana desnom tipkom miša, zaštita slika, skrivanje statusne trake, šifriranje html koda itd. Otvaramo izvorni kod, gledamo. Na samom vrhu je već poznata document.write i šifrovana skripta. Provodimo ga kroz dekoder, dobivamo funkciju dešifriranja glavnog sadržaja:

Kod (JavaScript):

  1. hp_ok = true ;funkcija hp_d01 (s )( ... cut ... o = ar . join ("" )+ os ; document . write (o )

Zadnji document.write u funkciji zamjenjujemo dekoderom i ubacujemo sve tri preostale šifrirane skripte nakon njega:

  1. < script type = "text/javascript" >
  2. // Zalijepite šifriranu skriptu ovdje, preliminarno
  3. // zamjenjuje sve pozive eval() i document.write() u njemu s decoder().
  4. hp_ok = true ;funkcija hp_d01 (s )( .... o = ar . join ("" )+ os ; dekoder (o);
  5. hp_d01(unescape(">QAPKRV%22NCLEWC ....
  6. hp_d01(unescape( ">QAPKRV%22NCLEWCEG? HctcQa ...
  7. hp_d01(unescape( ">`mf(%22`eamnmp? !DDDDDD %22v ...

Radi praktičnosti, skripte nisu navedene u članku u cijelosti, ali ih morate kopirati u cijelosti. Otvaramo dekoder u pretraživaču i vidimo sigurnosne skripte koje je dodao program i dešifrovani izvorni tekst stranice. Radi praktičnosti, možete dešifrirati samo treću skriptu, koja sadrži html kod stranice. To je sva zaštita. Kao što vidite, ništa komplikovano. Slično, uklanjaju se i druge zaštite html stranica.

Prijeđimo s ručnog dešifriranja na automatsko. Da bih uklonio zaštitu prvog tipa, malo sam modifikovao Vama već poznatu skriptu Beautify Javascript i preveo je u exe fajl. Rukuje većinu JavaScript zaštite i omotača koje sam vidio bez problema.

Eval.JavaScript.Unpacker.1.1-PCL.rar (12.124 bajtova)


Za složenije slučajeve morat će se koristiti teška artiljerija. Ovo je besplatni projekt dizajniran za istraživanje trojanaca i drugog zlonamjernog koda. Budući da su svi programi za zaštitu autorskih prava nedvosmisleno zlonamjerni, Malzilla će nam pomoći u borbi protiv njih. Preuzmite (danas je 1.2.0), raspakujte, pokrenite. Otvorite drugu karticu Dekoder, zalijepite kod šifrirane skripte u gornji prozor, pritisnite dugme pokrenuti skriptu.



U folderu eval_temp svi rezultati izvršavanja eval() funkcija su sumirani, uključujući i one srednje. Možete ih pogledati klikom na dugme. Prikaži rezultate eval()., tekst će se otvoriti u donjem prozoru. Može se kopirati, zalijepiti u gornji prozor i odmah formatirati pritiskom na dugme kod formata. Pored dekodera, Malzilla ima mnogo više alata i postavki koje vam omogućavaju da jednostavno uklonite bilo kakvu zaštitu sa JavaScript skripti.



Također možete obratiti pažnju na još jedan besplatni alat za rad sa šifriranim skriptama - FreShow. Ima manje funkcija u njemu, ali je na pravom mjestu. Sa offsite-a možete preuzeti demo video koji prikazuje primjer rada s programom.

Kao što vidite, nema ništa teško u uklanjanju zaštite sa JavaScript skripti i sa html stranica. Da li i dalje branite svoja prljava "autorska prava"? Onda idemo do vas!

Ispod svih prekrasnih slika, savršene tipografije i predivno postavljenih poziva na akciju nalazi se izvorni kod vaše stranice.

Svaki dan vaš pretraživač pretvara ovaj kod u impresivne stranice za vaše posjetitelje i kupce.

Google i drugi pretraživači "čitaju" ovaj kod kako bi odredili gdje bi se vaše web stranice trebale pojaviti u svojim indeksima za datu upit za pretragu.

Stoga je veoma važno za optimizacija za pretraživače(SEO) ima ono što je u izvornom kodu.

Ovaj brzi vodič će vam pokazati kako da pročitate izvorni kod vaše stranice kako biste bili sigurni da je vaš SEO ispravan i naučit će vas kako provjeriti svoje SEO uslove.

Također ćemo razmotriti nekoliko drugih situacija u kojima će poznavanje kako pregledati i ispitati glavne dijelove izvornog koda pomoći u drugim marketinškim istraživanjima.

Kako pogledati izvorni kod.

Prvi korak u provjeri izvornog koda vaše web lokacije je da pogledate stvarni izvorni kod. Svaki web pretraživač to čini lakim.

Ispod su komande tastature za pregled izvornog koda vaše web stranice PC i Mac.

  • Firefox - CTRL + U (Držite pritisnut tipku CTRL i pritisnite tipku "U") Alternativno, možete otići na meni "Firefox", zatim kliknuti na "Web Developer", a zatim "Izvor stranice".
  • Internet Explorer- CTRL + U. Ili kliknite desni klik miša i odaberite "Prikaži izvor".
  • Chrome - CTRL + U. Možete kliknuti na sliku tipke sa tri horizontalne linije u gornjem desnom uglu. Zatim kliknite na "Alati" i odaberite "Prikaži izvor".
  • Opera - CTRL + U. Također možete kliknuti desnim tasterom miša na web stranicu i odabrati "Prikaži izvor stranice."

Mac

  • Safari - Prečica na tastaturi Option + Command + U. Takođe možete kliknuti desnim tasterom miša na web stranicu i izabrati Prikaži izvor stranice.
  • Firefox - Možete kliknuti desnim tasterom miša i odabrati "izvor" ili se možete kretati do izbornika "Alati", odabrati "Web Developer" i kliknuti na "Izvor stranice". Prečica na tastaturi Ctrl+U.
  • Chrome - Idite na "Prikaz", zatim kliknite na "programer", a zatim "Prikaži izvor". Takođe možete kliknuti desnim tasterom miša i izabrati View Page Source. Prečica na tastaturi Option+Command+U.

Jednom kada znate kako da vidite izvorni kod, morate znati kako da ga pretražujete.

Općenito, iste funkcije pretraživanja koje koristite u normalnom pretraživanju weba primjenjuju se i na pretraživanja izvornog koda.

Komande, CTRL + F (pronađi) će vam pomoći da brzo vidite izvorni kod važnih SEO elemenata.

Oznake naslova.

Naslovna oznaka je najvažniji element SEO-a. Ovo je najvažnija stvar u izvornom kodu.

Ako ćete iz ovog članka uzeti samo jednu vrijednu stvar, obratite pažnju na ovo:

Znate, ovo su rezultati koje Google pruža kada tražite nešto.

Svi ovi rezultati dolaze iz naslovnih oznaka web stranica. Dakle, ako nemate naslovne oznake u svom izvornom kodu, možda se nećete pojaviti na Googleu (ili bilo kojoj drugoj tražilici).

Vjerovali ili ne, zapravo sam vidio web stranice bez naslovnih oznaka. Pokušajmo brzo Google pretražiti pojam " Marketing Guides". Šta vidimo:

Možete vidjeti prve rezultate pretrage za blog KISSmetrics poglavlje Marketing Guides.

Ako pratimo link prvog rezultata pretrage i pogledamo izvorni kod stranice, možemo vidjeti oznaku u naslovu:

Naslovna oznaka je označena uvodnom oznakom: </b>. i završava sa završnom oznakom: <b></ <i>naslov</i>> </b>. Oznaka zaglavlja se obično nalazi na vrhu izvornog koda u odjeljku <b><head> </b>. </i></p> <p>I možemo vidjeti da sadržaj unutar oznake title odgovara onome što se koristi u naslovu rezultata <a href="https://bakep.ru/bs/kak-vyiti-iz-akkaunta-v-prilozhenii-gmail-kak-na-androide-vyiti-iz-google-akkaunta-gmail.html">Google pretraga</a>.</p> <p>Ali nisu samo oznake naslova neophodne da bi bile uključene u rezultate Google pretrage.</p> <p>Google također identificira riječi u naslovnim oznakama kao važne ključne riječi za koje smatra da su relevantne za pretraživanje korisnika.</p> <p>Dakle, ako želite da dobijete rangiranje određene web stranice za određenu temu, onda se bolje pobrinite da riječi koje opisuju temu budu uključene u title tag.</p> <p>Postoje brojni online resursi na kojima možete saznati više o tome kako <a href="https://bakep.ru/bs/a-set-of-tags-for-video-with-animals-how-to-learn-and-add-keywords-tags-for-youtube-in-video-per-channel.html">ključne riječi</a> i naslovne oznake igraju važnu ulogu u cjelokupnoj arhitekturi vaše web stranice.</p> <p>Evo nekoliko važnih tačaka koje treba imati na umu o važnosti oznaka naslova:</p> <ul><li>Uvjerite se da imate samo jednu oznaku naslova po web stranici.</li> <li>Pobrinite se da svaka web stranica na stranici ima svoju oznaku naslova.</li> <li>Provjerite je li svaka oznaka naslova na vašoj web-lokaciji jedinstvena. Nikada nemojte duplicirati sadržaj određene naslovne oznake.</li> </ul><h3></h3> <p>Sljedeći <a href="https://bakep.ru/bs/pesnya-dlya-roditelei-na-svadbe-pesnya-ot-roditelei-na-svadbe.html">važan element</a> Glavni dio vaše web stranice je meta description tag.</p> <p>Ovo je isječak vašeg sadržaja od 160 znakova koji se pojavljuje ispod vašeg naslova u pretraživačima.</p> <p><img src='https://i0.wp.com/infobiz-tools.com/wp-content/uploads/2014/02/read-website.png' height="511" width="500" loading=lazy loading=lazy></p> <p>Vidio sam stotine stranica koje potpuno zanemaruju ovu oznaku. Vrlo ga je lako pronaći u izvornom kodu:</p> <p><img src='https://i0.wp.com/infobiz-tools.com/wp-content/uploads/2014/02/how-read1.png' width="100%" loading=lazy loading=lazy></p> <p>Stoga provjerite i uvjerite se da je ova oznaka prisutna na svim web stranicama vaše stranice. Što je još važnije, pazite da ga ne duplirate na više stranica.</p> <p>Duplikat meta tag-a opisa nije kazna pretraživača, ali je velika marketinška greška.</p> <p>Mnogi ljudi ignoriraju meta description oznaku, ali zaista morate poraditi na njoj jer ona čita <a href="https://bakep.ru/bs/tendencii-razvitiya-poiskovyh-sistem-poiskovye-sistemy-interneta-kakie.html">pretraživač</a>.</p> <p>Uzmite u obzir da će vam meta oznaka description pomoći da privučete više posjetitelja i povećate ciljane klikove na svoju web stranicu.</p> HTML kod je u suštini sama vaša stranica, on tačno određuje kako će vaša stranica biti izgrađena i prikazana na ekranu korisnika. Po pravilu, ovaj kod je otvoren, odnosno svaki korisnik ga može slobodno vidjeti i pročitati. Ako, iz ovog ili onog razloga, ne želite da to bilo ko <b>imao pristup vašem kodu</b>, Možeš . To podrazumijeva kreiranje posebnog algoritma koji <b>kodira vaš kod</b>, odnosno skriva svoj primarni izgled, čineći ga nedostupnim korisnicima sajta. <h2>Kada i kome može zatrebati?</h2>Apsolutno svaki webmaster ili vlasnik web stranice može napraviti takvu enkripciju. Pitanje je koliko je to razumno i neophodno. Na primjer, ako imate običnu odredišnu stranicu napravljenu prema šablonu i koja se ne razlikuje od drugih, nema smisla kodirati, jer je takav predložak već javno dostupan. U ovom slučaju, malo je vjerovatno da će neko kopirati i proučiti vaš kod. Ali ako imate web stranicu koja ima jedinstven dizajn, dugo ste radili na njoj ili ste platili mnogo novca za nju, onda biste trebali razmisliti o kodu. Vrlo su česti slučajevi kada vlasnik ima stranicu u koju je uloženo mnogo truda, vremena i novca, a nakon nekog vremena na ovaj ili onaj način otkrije potpuno istu stranicu, istog dizajna i strukture, ali na različite domene i hosting. Vrlo često vlasnicima stranica o tome govore sami korisnici u komentarima. U ovom slučaju možemo sa sigurnošću zaključiti da je neko jednostavno <b>kopirao html kod</b> vaše stranice i pokrenuo je na svojoj. <h2>Šta učiniti da se zaštitite?</h2>Od situacija kopiranja i korištenja tuđeg HTML koda bez dozvole, nije se tako lako zaštititi. I općenito, ako je osoba već vidjela vašu stranicu, moći će je duplicirati čak i bez koda, pod uslovom da ima određena znanja iz oblasti web razvoja. Ali, što se tiče samog HTML koda, on se može šifrirati. Radi na bazi posebne javascript skripte. Sa našim alatom, vi Ovo stvara posebnu skriptu koja je dizajnirana za dešifriranje. Radi prilično jednostavno: kada posjetitelj ode na vašu stranicu, učitava se šifrirani kod koji on ne može razumjeti. Istog trenutka se pokreće generisani javascript koji dešifruje kod i prikazuje sajt na ekranu korisnika. U isto vrijeme, sam posjetitelj ne može vidjeti pravi kod. Međutim, ova metoda ima i mali nedostatak. Postoje korisnici u čijim pretraživačima je zabranjeno pokretanje javascript-a na stranici, u kom slučaju skripta neće pokrenuti, odnosno HTML kod neće biti dešifrovan i stranica neće biti prikazana. Ali, ne treba da se nervirate, takva postavka pretraživača je veoma retka, možemo reći da 99% pretraživača dozvoljava pokretanje javascript-a. <h2>Kako uraditi?</h2>Ovo se radi vrlo jednostavno uz pomoć našeg alata. Sve što se od vas traži je da zalijepite svoj HTML kod u polje na ovoj stranici i kliknete na dugme za pokretanje šifriranja. Kao rezultat toga, u drugom polju ćete dobiti već šifrirani kod, koji se već može koristiti direktno na vašoj web stranici. 1 glas <p>Dobar dan, dragi čitaoci mog bloga. Ponekad pronađete neku lijepu funkciju na stranici i pitanje počinje da muči kako je kreator postigao tako zanimljiv efekat.</p> <p>Ispostavilo se da je odgovor prilično lak. A ako imate neke vještine, možete prikupiti mnogo takvih čipova i kreirati vlastitu jedinstvenu web stranicu za kratko vrijeme.</p> <p>Danas ćemo razgovarati o tome kako otvoriti kod stranice, određeni element i naučiti kako iskoristiti ovu vještinu u svoju korist.</p> <h2><span>Osnovno znanje o kodu</span></h2> <p>Moj sajt je za početnike i prvo bih želeo da ukratko govorim o sajtovima i kodu uopšte.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/cit1-75-537x292.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Da nacrtate sliku, a zatim je izrežite na male komadiće, napišite kod, zahvaljujući kojem će preglednik ponovo sakupiti sve elemente u jednu cjelinu. Čini se da je sve veoma komplikovano, zar ne? Nikako, i nije vrijedno brige o tome.</p> <p>Tako se prave kvalitetne web stranice. Ako hoćeš - uđi u ovaj posao i uči, nema želje - niko te ne može natjerati.</p> <p>Mogu samo jedno reći... nema ništa prijatnije nego vidjeti kako se nerazumljive riječi koje ste napisali pretvaraju u jedinstvenu cjelinu i oživljavaju: linkovi rade, dugmad se pomiče, slike pomiču, tekst puzi. Mislim da znam kako se Viktor Frankenštajn osećao.</p> <p>Kada počnete da shvaćate tajni jezik i vidite da je sve zapravo mnogo jednostavnije nego što se u početku činilo, ne možete a da ne vjerujete u vlastite moći i mogućnosti mozga. Ovo je super.</p> <p>Kako se prave web stranice? Idealno, prvo. On samo slika sliku. Na primjer, kao što je prikazano na donjoj slici. Za sada je ovo samo slika, fotografija. Nijedna veza ne radi, kada kliknete ne idete nikuda, pretraga se ne vrši.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_1-46.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Prema ovom crtežu. Pogledajte snimak ekrana ispod. Možda mislite da je ovo smiješan i vrlo složen skup likova. U stvari, sve nije tako teško, postoji određeni algoritam.</p> <p>Postoji samo oko 150 oznaka i svaki od njih je odgovoran za određenu radnju: link, transfer, bold, boja, naslov itd. Razumjeti ih nije tako teško ako imate želju i ne smeta vam vrijeme.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_2-43.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Zahvaljujući poznavanju ovih atributa, gotovo svaki problem se može riješiti. Evo samo načina za postizanje cilja, svaki programer pronalazi svoj.</p> <p>Iskusni kreatori odmah vide kako postići rezultate, dok drugi moraju razmišljati, tražiti odgovor u člancima ili u izvornom kodu konkurenata. Oni jednostavno uzimaju potrebnu ulogu na web-stranici treće strane i uređuju je za sebe. Ovo značajno skraćuje proces rada.</p> <p>Malo kasnije, pokazaću ti <a href="https://bakep.ru/bs/zarabatyvayut-li-bloggery-na-yutube-i-skolko-skolko-mozhno-zarabotat-na.html">konkretan primjer</a>.</p> <h2>Pogledaj kod</h2> <p>Dakle, dozvolite mi da vam prvo pokažem kako da postupite ako trebate naučiti tuđi html. Zatim ćemo detaljnije razmotriti sva ostala pitanja.</p> <h3><span>Najbolji način</span></h3> <p>Metoda koju ću prvo opisati je malo komplikovana za početnike, ali kao uvod, čitajte dalje. Otvorite stranicu i kliknite na desnu tipku miša. Odaberite "Sačuvaj kao..."</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_2-1-1.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Sačuvajte cijelu web stranicu. Kao što možete vidjeti na snimku ekrana, sve sam već preuzeo unaprijed. Ovdje imamo dva foldera.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_2-2-1.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Sve što vam treba je ovdje. Svaki element. Ako ovo shvatite, možete brzo dobiti sve što vam je potrebno. Ali, takav zadatak sve više postaje nemoguć. Preuzimanje nije izvršeno. Šta učiniti ako je zabranjeno kopiranje stranice?</p> <h3><span>To je Google Chrome</span></h3> <p>Kao što ste možda primijetili, najčešće koristim <a href="https://bakep.ru/bs/google-chrome-which-version-to-choose-how-to-know-the-version-of-chrome-step-by-step-instructions.html">google chrome</a> i naučite tuđi kod u ovom pretraživaču lako kao ljuštenje krušaka. Kao u principu i u svakom drugom. Shema neće biti slična, već identična. Otvaramo stranicu čiji kod želimo da saznamo i kliknemo bilo gdje desnom tipkom miša. U prozoru koji se pojavi kliknite na "Prikaži kod stranice".</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_3-40.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>List koda će se otvoriti u novom prozoru, što je početniku prilično teško razumjeti. Ali, nemojte se plašiti unapred.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_4-36.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Ako trebate znati šifru samo jednog elementa, samo zadržite pokazivač miša preko njega i kliknite desnim tasterom miša. Odabiremo drugu chrome funkciju: "Prikaži kod elementa".</p> <p>Na primjer, možda bi me zanimalo kako je napravljen logo, koristeći sliku ili programski jezik? Uostalom, možete nacrtati kvadrat sa <a href="https://bakep.ru/bs/how-to-align-the-right-edge-of-the-html-align-text-with-padding-css.html">css pomoć</a>. Mnogi stručnjaci savjetuju pisanje što više informacija u kodu. A kako funkcioniraju popularne stranice?</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_5-33.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Evo informacija koje su vam potrebne. Gornji html, donji css. Ovo su dva jezika. Prvi je odgovoran za tekstualnu komponentu, a drugi za dizajn. Da nije postojao css, onda biste morali svaki put propisati boju, veličinu fonta. Za svaku stranicu je veoma dugačak. Ali da nema html-a, onda ne bismo imali tekstove. Grubo objašnjeno, ali generalno, sve je tako.</p> <p>Inače, ako vas zanima kako to funkcionira ovdje, možete vidjeti link do slike ispod. Evo tvog odgovora.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_6-33.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h3>Mozilla Firefox</h3> <p>Ako volite da radite u njuškici, onda će sve biti potpuno isto. Otvorite stranicu i kliknite na desnu tipku miša. "Izvorni kod stranice" ako želite vidjeti cijeli kod.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_7-32.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Kada zadržite pokazivač iznad elementa, možete otvoriti njegov kod.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_8-29.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Ovdje su podaci prikazani na dnu ekrana, ali sve ostalo je potpuno isto.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_9-29.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h3>Yandex pretraživač</h3> <p>U Yandex pretraživaču sve je potpuno isto kao u prethodne dvije opcije, otvorite stranicu, kliknite desnim tasterom miša, pogledajte kod stranice.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_10-27.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Prelazimo preko elementa ako želimo da saznamo tačno njegov kod.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_11-27.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Ovdje je sve prikazano na isti način kao u hromu.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_12-25.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h3>Opera</h3> <p>I konačno, Opera.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_13-24.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Usput, možda ste primijetili da nije potrebno koristiti miš. Za otvaranje koda postoji brza prečica na tastaturi i ista je za sve pretraživače: <b>CTRL+U</b>.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_14-24.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Za elemente: Ctrl+Shift+C.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_15-22.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Ovako izgleda rezultat.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_16-23.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h2><span>Biće zanimljivo za početnike</span></h2> <p>Sada pogledajte kako sve funkcionira. Nađete sajt i zaista vam se sviđa neki element. Na primjer, ovaj. Već znate kako otvoriti kod elementa.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_17-20.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Sad kopiraj.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_18-19.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Koristim , nalijepim ovaj kod u novu html datoteku, u oznaku tijela (telo na engleskom).</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_19-18.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Sada da vidimo kako sve to izgleda u pretraživaču.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_20-16.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Spreman. Da bi se tekst poravnao po ivicama i dobio zelenkastu boju, potrebno je da povežete css sa ovim dokumentom i kopirate još jedan kod sa sajta sa kojeg smo ovaj ukrali.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_21-16.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Sada to neću učiniti. Potrebno je više vremena: i moje i tvoje. Mislim da ću sve detalje opisati u svojim budućim publikacijama. Pretplatite se na newsletter i budite prvi koji će saznati kada se članak pojavi.</p> <p>Ako ne možete izdržati, ali želite da naučite više o html-u i css-u upravo sada, onda vam tradicionalno mogu preporučiti besplatne kurseve obuke.</p> <p>Evo 33 lekcije koje će vam omogućiti da savladate html - <i><b><span>"Besplatni HTML kurs"</span> </b> </i>.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_22-16-537x476.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>A evo i kompletnih informacija o css-u - <i><b><span>"Besplatni CSS kurs (45 video lekcija!)"</span> </b> </i>.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_23-15.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Sada znate malo više. Želim vam uspjeh u vašim nastojanjima. Vidimo se uskoro!</p> <p><a href="https://bakep.ru/bs/firefox-falls-several-times-a-day-how-to-get-rid-of-brakes-in-mozilla-firefox.html">Mozilla Firefox</a> proširite odjeljak izbornika "Prikaz" i kliknite na stavku " Izvorni kod». Ista stavka je unutra <a href="https://bakep.ru/bs/why-on-the-desktop-are-large-icons-how-to-make-big-icons.html">kontekstni meni</a>, što je kada desnom tipkom miša kliknete tekst stranice. Možete koristiti i prečicu na tastaturi CTRL + U. Mozilla FireFox ne koristi eksterne programe - izvorni kod stranice sa isticanjem sintakse će se otvoriti u posebnom prozoru pretraživača.</p> <p>U Internet Exploreru kliknite na meni Datoteka i odaberite Uredi u Notepad-u. Umjesto imena Notepad može se napisati još jedno, koje ste u postavkama pretraživača dodijelili da vidite izvorni kod. Desnim klikom na stranicu, pojavljuje se kontekstni meni, koji također ima stavku koja vam omogućava da otvorite izvorni kod stranice u vanjskom programu - "Prikaži HTML kod".</p> <p><img src='https://i1.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95df96052552b95df9bd.jpg' height="669" width="663" loading=lazy loading=lazy></p> <p>AT <a href="https://bakep.ru/bs/how-to-add-an-express-panel-in-chrome-transferring-bookmarks-from-the-opera-browser.html">Opera pretraživač</a> otvorite meni, idite na odjeljak "Stranica" i imat ćete priliku odabrati stavku "Izvorni kod" ili "Izvorni kod okvira" u pododjeljku "Alati za razvoj". Prečice CTRL+U i CTRL+SHIFT+U su dodijeljene ovom odabiru, respektivno. Kontekstni meni povezan sa desnim klikom na stranicu takođe ima opciju Izvornog koda. Opera otvara izvor stranice u vanjskom programu koji je dodijeljen u postavkama OS-a ili pretraživača za uređivanje HTML datoteka.</p> <p><img src='https://i2.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95eb30952552b95eb346.jpg' width="100%" loading=lazy loading=lazy></p> <p><a href="https://bakep.ru/bs/required-settings-in-google-chrome-the-most-important-settings-for-the-google-chrome-browser.html">Google pretraživač</a> Chrome ima bez sumnje najbolju organizaciju za gledanje izvornog koda. Desnim klikom na stranicu možete odabrati "Prikaži izvorni izvor stranice" i tada će se izvorni kod sa isticanjem sintakse otvoriti u posebnoj kartici. Ili možete odabrati liniju "Prikaži kod elementa" u istom meniju i pretraživač na istoj kartici će otvoriti dva dodatna okvira u kojima možete pregledati HTML i CSS kod bilo kojeg elementa stranice. Pretraživač će reagovati na pomeranje kursora preko redova koda tako što će istaći elemente na stranici koji odgovaraju tom delu HTML koda.</p> <p><img src='https://i1.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b9603c4652552b9603c84.jpg' width="100%" loading=lazy loading=lazy></p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <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> <footer> <div class="td-post-source-tags"> </div> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://bakep.ru/kak-bystro-otkryt-kod-stranicy-v-brauzere-dazhe-esli-kopirovanie-zapreshcheno.html" content="https://bakep.ru/kak-bystro-otkryt-kod-stranicy-v-brauzere-dazhe-esli-kopirovanie-zapreshcheno.html" /><span style="display: none;"><span style="display: none;"><meta itemprop="url" content="/assets/logo.svg"></span> <meta itemprop="name" content="Как быстро открыть код страницы в браузере, даже если копирование запрещено. Распаковка и расшифровка скриптов JavaScript Как расшифровать html код страницы"> </span> <meta itemprop="headline " content="Сбербанк Копилка онлайн"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://i2.wp.com/manhunter.ru/upload/1a/87/1a870b5012697202749e9805fa585605.jpg"> <meta itemprop="width" content="366"><meta itemprop="height" content="262"></span> </footer> </article> <style> .ads-border { overflow: hidden; } .ads-content { width: 930px; display: block; } @media(max-width: 1140px) { .ads-content { width: 910px; } } @media(max-width: 1018px) { .ads-content { width: 970px; } } @media (max-width: 767px) { .ads-content { width: 134%; } } @media (max-width: 479px) { .ads-content { width: 100%; height: 490px; } } </style> <div class="ads-block"> <h4 class="td-related-title"><span class="td-related-left td-cur-simple-item">POVEZANI ČLANCI</span></h4> <div class="ads-border"> <div class="ads-content"> </div> </div> </div> <style> #mc-container { padding: 10px; } </style> <dblock></dblock> </div> </div> <div class="td-pb-span4 td-main-sidebar" role="complementary"> <div class="td-ss-main-sidebar"> <aside class="widget widget_text" id="text-23"> <div class="block-title"><span>Korisno</span></div> <div class="textwidget" align="center"></div> </aside> <aside class="widget widget_text" id="text-24"> <div class="block-title"><span>Oglašavanje</span></div> <div class="textwidget" align="center"></div> </aside> <aside class="widget widget_text" id="text-25"> <div class="textwidget"> <p style="text-align: center;"> </p> </div> </aside> <aside class="widget rpwe_widget recent-posts-extended" id="rpwe_widget-4"> <div class="block-title"><span>Novo</span></div> <dblock></dblock> <div class="rpwe-block "> <ul class="rpwe-ul"> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/bs/podpiska-na-novosti-podpiska-na-novosti-g-konkurenty-iphone.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/lumias.ru/wp-content/uploads/2013/03/lum620tips1.jpg" alt="Pretplatite se na vijesti G konkurenti iPhone" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/bs/podpiska-na-novosti-podpiska-na-novosti-g-konkurenty-iphone.html" title="Pretplatite se na vijesti G konkurenti iPhone" rel="bookmark">Pretplatite se na vijesti G konkurenti iPhone</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/bs/kak-nastraivat-virtualnye-chastnye-seti-vpn-vpn-dlya-brauzerov-na.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/help-wifi.com/wp-content/uploads/2017/05/22-05-2017-9-54-36.jpg" alt="VPN za pretraživače na Androidu i PC-u: Preuzmite i omogućite Browsec VPN za Google Chrome - instalacija i konfiguracija" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/bs/kak-nastraivat-virtualnye-chastnye-seti-vpn-vpn-dlya-brauzerov-na.html" title="VPN za pretraživače na Androidu i PC-u: Preuzmite i omogućite Browsec VPN za Google Chrome - instalacija i konfiguracija" rel="bookmark">VPN za pretraživače na Androidu i PC-u: Preuzmite i omogućite Browsec VPN za Google Chrome - instalacija i konfiguracija</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/bs/pochemu-uvelichilis-yarlyki-na-rabochem-stole-vosstanovit-yarlyki-na-rabochem.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/lumpics.ru/wp-content/uploads/2018/01/Uvelichenie-znachkov-rabochego-stola-s-ispolzovaniem-tachpada.png" alt="Vratite prečice na radnoj površini" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/bs/pochemu-uvelichilis-yarlyki-na-rabochem-stole-vosstanovit-yarlyki-na-rabochem.html" title="Vratite prečice na radnoj površini" rel="bookmark">Vratite prečice na radnoj površini</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/bs/kak-posmotret-foto-v-instagrame-bez-registracii-kak-naiti.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/xn--80aaakxpne3ahl.xn--p1ai/wp-content/uploads/2018/08/Zakrytyj-akkaunt-v-Instagram.jpg" alt="Kako pronaći osobu na Instagramu bez registracije Gledanje Instagram naloga bez registracije" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/bs/kak-posmotret-foto-v-instagrame-bez-registracii-kak-naiti.html" title="Kako pronaći osobu na Instagramu bez registracije Gledanje Instagram naloga bez registracije" rel="bookmark">Kako pronaći osobu na Instagramu bez registracije Gledanje Instagram naloga bez registracije</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/bs/plagin-frigate-dlya-firefox-dostup-k-zablokirovannym-resursam-v-google.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/all-freeload.net/images/programs/screenshot/internet/utility-k-brauzeram/frigate-1__270x132.png" alt="Pristup blokiranim resursima u Google Chrome-u pomoću besplatne ekstenzije friGate Frigate za firefox otvoreni web" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/bs/plagin-frigate-dlya-firefox-dostup-k-zablokirovannym-resursam-v-google.html" title="Pristup blokiranim resursima u Google Chrome-u pomoću besplatne ekstenzije friGate Frigate za firefox otvoreni web" rel="bookmark">Pristup blokiranim resursima u Google Chrome-u pomoću besplatne ekstenzije friGate Frigate za firefox otvoreni web</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/bs/mnogofunkcionalnyi-mikrokompyuter-xtreamer-multi-console-na-baze-android-obzor-minix-neo-x7.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/smartbobr.ru/wp-content/uploads/2018/01/placeholder.jpg" alt="MiniX Neo X7 Recenzija: Moćni Android Mini PC Android mikroračunari" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/bs/mnogofunkcionalnyi-mikrokompyuter-xtreamer-multi-console-na-baze-android-obzor-minix-neo-x7.html" title="MiniX Neo X7 Recenzija: Moćni Android Mini PC Android mikroračunari" rel="bookmark">MiniX Neo X7 Recenzija: Moćni Android Mini PC Android mikroračunari</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/bs/mozhno-li-otkatit-ios-8-4-1-kak-otkatit-versiyu-ios-na-iphone-ipad-sohranenie.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/pdalife.info/uploads/p/3q5pet/22.jpg" alt="Da li je moguće vratiti iOS 8.4 1. Kako vratiti verziju iOS-a na iPhone, iPad. Čuvanje važnih podataka" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/bs/mozhno-li-otkatit-ios-8-4-1-kak-otkatit-versiyu-ios-na-iphone-ipad-sohranenie.html" title="Da li je moguće vratiti iOS 8.4 1. Kako vratiti verziju iOS-a na iPhone, iPad. Čuvanje važnih podataka" rel="bookmark">Da li je moguće vratiti iOS 8.4 1. Kako vratiti verziju iOS-a na iPhone, iPad. Čuvanje važnih podataka</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/bs/luchshie-kanaly-na-youtube-tolko-samoe-poleznoe-i-interesnoe-luchshie-obrazovatelnye-kanaly-na-you.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/selftrue.ru/wp-content/uploads/Thoisoi.jpg" alt="Samo najkorisnije i najzanimljivije!" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/bs/luchshie-kanaly-na-youtube-tolko-samoe-poleznoe-i-interesnoe-luchshie-obrazovatelnye-kanaly-na-you.html" title="Samo najkorisnije i najzanimljivije!" rel="bookmark">Samo najkorisnije i najzanimljivije!</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/bs/neustrashimyi-comments-php-prostaya-sistema-kommentirovaniya-s-ispolzovaniem-ajax-sintaksis-php-komm.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/gravatar.com/avatar/112fdf7a8fe3609e7af2cd3873b5c6bd?size=50&default=http%3A%2F%2Fdemo.tutorialzine.com%2F2010%2F06%2Fsimple-ajax-commenting-system%2Fimg%2Fdefault_avatar.gif" alt="Jednostavan sistem komentarisanja koji koristi AJAX" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/bs/neustrashimyi-comments-php-prostaya-sistema-kommentirovaniya-s-ispolzovaniem-ajax-sintaksis-php-komm.html" title="Jednostavan sistem komentarisanja koji koristi AJAX" rel="bookmark">Jednostavan sistem komentarisanja koji koristi AJAX</a> </li> </ul> </div> </aside> </div> </div> </div> </div> </div> <div class="td-footer-wrapper td-footer-template-3"> <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-span3 logo-footer"> <div class="td-footer-info"> <div class="footer-logo-wrap"><a href="https://bakep.ru/bs/"><img class="td-retina-data" src="/img/logo.png" data-retina="/img/logo.png" alt="Računalni savjeti za početnike" title="Računalni savjeti za početnike" / loading=lazy loading=lazy></a></div> <div class="footer-text-wrap"></div> <div class="footer-social-wrap td-social-style-2"></div> </div> <aside class="widget widget_text" id="text-16"> <div class="textwidget"> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <span class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter"></span></div> </aside> </div> <div class="td-pb-span9 footer-discription"> <aside class="widget widget_text" id="text-5"> <div class="textwidget"> <p> <font size="2" color="grey"> </font> </p>© Računarski savjeti za početnike, 2023</div> </aside> </div> </div> </div> </div> <div class="td-sub-footer-container"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12 td-sub-footer-menu"> <div class="td-sub-footer-main"> <div class="menu-foot-container"><ul id="menu-foot" class="td-subfooter-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-first td-menu-item td-normal-menu"><a href="https://bakep.ru/bs/feedback.html">Povratne informacije</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="https://bakep.ru/bs/sitemap.xml">Mapa sajta</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="">O sajtu</a></li> </ul></div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("span.ancored").replaceWith(function () { $this = jQuery(this); href = $this.attr("title"); text = $this.html(); return '<a href="' + href + '">' + text + '</a>'; } ) } ) </script> <link rel='stylesheet' id='font-awesome-css' href='//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css?ver=4.4.0' type='text/css' media='all' /> <link rel='stylesheet' id='su-content-shortcodes-css' href='/assets/content-shortcodes.css' type='text/css' media='all' /> <link rel='stylesheet' id='su-box-shortcodes-css' href='/assets/box-shortcodes.css' type='text/css' media='all' /> <script type='text/javascript' src='/assets/jquery.form.min.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpcf7 = { "recaptcha":{ "messages":{ "empty":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u0440\u043e\u0431\u043e\u0442."} },"cached":"1"} ; /* ]]> */ </script> <script type='text/javascript' src='/assets/scripts.js'></script> <script type='text/javascript' src='/assets/front.min.js'></script> <script type='text/javascript' src='/assets/imagesloaded.min.js'></script> <script type='text/javascript' src='/assets/masonry.min.js'></script> <script type='text/javascript' src='/assets/jquery.masonry.min.js'></script> <script type='text/javascript' src='/assets/rsvp.js'></script> <script type='text/javascript' src='/assets/tagdiv_theme.js'></script> <script type='text/javascript' src='/assets/comment-reply.min.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "td-default", "margin_top" : 25, "margin_bottom" : 320, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-13'] } ; </script> <script type='text/javascript' src='/assets/q2w3-fixed-widget.min.js'></script> <script type='text/javascript' src='/assets/wp-embed.min.js'></script> <style type='text/css'> /*** Shortcodes Ultimate - box elements ***/ /* Common styles ---------------------------------------------------------------*/ .su-clearfix:before, .su-clearfix:after { display: table; content: " "; } .su-clearfix:after { clear: both; } /* Tabs + Tab ---------------------------------------------------------------*/ .su-tabs { margin: 0 0 1.5em 0; padding: 3px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #eee; } .su-tabs-nav span { display: inline-block; margin-right: 3px; padding: 10px 15px; font-size: 13px; min-height: 40px; line-height: 20px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; color: #333; cursor: pointer; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .su-tabs-nav span:hover { background: #f5f5f5; } .su-tabs-nav span.su-tabs-current { background: #fff; cursor: default; } .su-tabs-nav span.su-tabs-disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: default; } .su-tabs-pane { padding: 15px; font-size: 13px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; background: #fff; color: #333; } .su-tabs-vertical:before, .su-tabs-vertical:after { content: " "; display: table; } .su-tabs-vertical:after { clear: both; } .su-tabs-vertical .su-tabs-nav { float: left; width: 30%; } .su-tabs-vertical .su-tabs-nav span { display: block; margin-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .su-tabs-vertical .su-tabs-panes { float: left; width: 70%; } .su-tabs-vertical .su-tabs-pane { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .su-tabs-nav, .su-tabs-nav span, .su-tabs-panes, .su-tabs-pane { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-tabs-nav span { display: block; } .su-tabs-vertical .su-tabs-nav { float: none; width: auto; } .su-tabs-vertical .su-tabs-panes { float: none; width: auto; } } /* Spoiler + Accordion ---------------------------------------------------------------*/ .su-spoiler { margin-bottom: 1.5em; } .su-spoiler .su-spoiler:last-child { margin-bottom: 0; } .su-accordion { margin-bottom: 1.5em; } .su-accordion .su-spoiler { margin-bottom: 0.5em; } .su-spoiler-title { position: relative; cursor: pointer; min-height: 20px; line-height: 20px; padding: 7px 7px 7px 34px; font-weight: bold; font-size: 13px; } .su-spoiler-icon { position: absolute; left: 7px; top: 7px; display: block; width: 20px; height: 20px; line-height: 21px; text-align: center; font-size: 14px; font-family: FontAwesome; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; *margin-right: .3em; } .su-spoiler-content { padding: 14px; -webkit-transition: padding-top .2s; -moz-transition: padding-top .2s; -o-transition: padding-top .2s; transition: padding-top .2s; -ie-transition: padding-top .2s; } .su-spoiler.su-spoiler-closed > .su-spoiler-content { height: 0; margin: 0; padding: 0; overflow: hidden; border: none; opacity: 0; } .su-spoiler-icon-plus .su-spoiler-icon:before { content: "\f068"; } .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before { content: "\f067"; } .su-spoiler-icon-plus-circle .su-spoiler-icon:before { content: "\f056"; } .su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f055"; } .su-spoiler-icon-plus-square-1 .su-spoiler-icon:before { content: "\f146"; } .su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0fe"; } .su-spoiler-icon-plus-square-2 .su-spoiler-icon:before { content: "\f117"; } .su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f116"; } .su-spoiler-icon-arrow .su-spoiler-icon:before { content: "\f063"; } .su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before { content: "\f061"; } .su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before { content: "\f0ab"; } .su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0a9"; } .su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before { content: "\f01a"; } .su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f18e"; } .su-spoiler-icon-chevron .su-spoiler-icon:before { content: "\f078"; } .su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before { content: "\f054"; } .su-spoiler-icon-chevron-circle .su-spoiler-icon:before { content: "\f13a"; } .su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f138"; } .su-spoiler-icon-caret .su-spoiler-icon:before { content: "\f0d7"; } .su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before { content: "\f0da"; } .su-spoiler-icon-caret-square .su-spoiler-icon:before { content: "\f150"; } .su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before { content: "\f152"; } .su-spoiler-icon-folder-1 .su-spoiler-icon:before { content: "\f07c"; } .su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f07b"; } .su-spoiler-icon-folder-2 .su-spoiler-icon:before { content: "\f115"; } .su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f114"; } .su-spoiler-style-default { } .su-spoiler-style-default > .su-spoiler-title { padding-left: 27px; padding-right: 0; } .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left: 0; } .su-spoiler-style-default > .su-spoiler-content { padding: 1em 0 1em 27px; } .su-spoiler-style-fancy { border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; color: #333; } .su-spoiler-style-fancy > .su-spoiler-title { border-bottom: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f0f0f0; font-size: 0.9em; } .su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title { border: none; } .su-spoiler-style-fancy > .su-spoiler-content { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .su-spoiler-style-simple { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .su-spoiler-style-simple > .su-spoiler-title { padding: 5px 10px; background: #f0f0f0; color: #333; font-size: 0.9em; } .su-spoiler-style-simple > .su-spoiler-title > .su-spoiler-icon { display: none; } .su-spoiler-style-simple > .su-spoiler-content { padding: 1em 10px; background: #fff; color: #333; } /* Quote ---------------------------------------------------------------*/ .su-quote-style-default { position: relative; margin-bottom: 1.5em; padding: 0.5em 3em; font-style: italic; } /*.su-quote-style-default.su-quote-has-cite { margin-bottom: 3em; } */ .su-quote-style-default:before, .su-quote-style-default:after { position: absolute; display: block; width: 20px; height: 20px; background-image: url('../images/quote.png'); content: ''; } .su-quote-style-default:before { top: 0; left: 0; background-position: 0 0; } .su-quote-style-default:after { right: 0; bottom: 0; background-position: -20px 0; } .su-quote-style-default .su-quote-cite { display: block; text-align: right; font-style: normal; } .su-quote-style-default .su-quote-cite:before { content: "\2014\0000a0"; } .su-quote-style-default .su-quote-cite a { text-decoration: underline; } /* Pullquote ---------------------------------------------------------------*/ .su-pullquote { display: block; width: 30%; padding: 0.5em 1em; } .su-pullquote-align-left { margin: 0.5em 1.5em 1em 0; padding-left: 0; float: left; border-right: 5px solid #eee; } .su-pullquote-align-right { margin: 0.5em 0 1em 1.5em; padding-right: 0; float: right; border-left: 5px solid #eee; } /* Row + Column ---------------------------------------------------------------*/ .su-row { clear: both; zoom: 1; margin-bottom: 1.5em; } .su-row:before, .su-row:after { display: table; content: ""; } .su-row:after { clear: both; } .su-column { display: block; margin: 0 4% 0 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .su-column-last { margin-right: 0; } .su-row .su-column { margin: 0 0 0 4%; } .su-row .su-column.su-column-size-1-1 { margin-left: 0; margin-right: 0; } .su-row .su-column:first-child { margin-left: 0; } .su-column-centered { margin-right: auto !important; margin-left: auto !important; float: none !important; } .su-column img, .su-column iframe, .su-column object, .su-column embed { max-width: 100%; } @media only screen { [class*="su-column"] + [class*="su-column"]:last-child { float: right; } } .su-column-size-1-1 { width: 100%; } .su-column-size-1-2 { width: 48%; } .su-column-size-1-3 { width: 30.66%; } .su-column-size-2-3 { width: 65.33%; } .su-column-size-1-4 { width: 22%; } .su-column-size-3-4 { width: 74%; } .su-column-size-1-5 { width: 16.8%; } .su-column-size-2-5 { width: 37.6%; } .su-column-size-3-5 { width: 58.4%; } .su-column-size-4-5 { width: 79.2%; } .su-column-size-1-6 { width: 13.33%; } .su-column-size-5-6 { width: 82.66%; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-column { width: 100% !important; margin: 0 0 1.5em 0 !important; float: none !important; } .su-row .su-column:last-child { margin-bottom: 0 !important; } } /* Service ---------------------------------------------------------------*/ .su-service { position: relative; margin: 0 0 1.5em 0; } .su-service-title { display: block; margin-bottom: 0.5em; color: #333; font-weight: bold; font-size: 1.1em; } .su-service-title img { position: absolute; top: 0; left: 0; display: block !important; margin: 0 !important; padding: 0 !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .su-service-title i { position: absolute; top: 0; left: 0; display: block !important; width: 1em; height: 1em; text-align: center; line-height: 1em; } .su-service-content { line-height: 1.4; } /* Box ---------------------------------------------------------------*/ .su-box { margin: 0 0 1.5em 0; border-width: 2px; border-style: solid; } .su-box-title { display: block; padding: 0.5em 1em; font-weight: bold; font-size: 1.1em; } .su-box-content { background-color: #fff; color: #444; padding: 1em; } .su-box-style-soft .su-box-title { background-image: url('../images/styles/style-soft.png'); background-position: 0 0; background-repeat: repeat-x; } .su-box-style-glass .su-box-title { background-image: url('../images/styles/style-glass.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-bubbles .su-box-title { background-image: url('../images/styles/style-bubbles.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-noise .su-box-title { background-image: url('../images/styles/style-noise.png'); background-position: 0 0; background-repeat: repeat-x; } /* Note ---------------------------------------------------------------*/ .su-note { margin: 0 0 1.5em 0; border-width: 0px; border-style: solid; } .su-note-inner { padding: 1em; border-width: 0px; border-style: solid; box-shadow: 3px 3px 6px #d0d0d0; } /* Expand ---------------------------------------------------------------*/ .su-expand { margin: 0 0 1.5em 0; } .su-expand-content { overflow: hidden; } .su-expand-link { margin-top: 0.5em; cursor: pointer; } .su-expand-link:hover { opacity: 0.7; filter: alpha(opacity=70); } .su-expand-link a, .su-expand-link a:hover, .su-expand-link a:active, .su-expand-link a:visited, .su-expand-link a:focus { display: inline; text-decoration: none; background: transparent; border: none; } .su-expand-link-style-default .su-expand-link a, .su-expand-link-style-default .su-expand-link a:hover { text-decoration: none; } .su-expand-link-style-underlined .su-expand-link span { text-decoration: underline; } .su-expand-link-style-dotted .su-expand-link span { border-bottom: 1px dotted #333; } .su-expand-link-style-dashed .su-expand-link span { border-bottom: 1px dashed #333; } .su-expand-link-style-button .su-expand-link a { display: inline-block; margin-top: 0.2em; padding: 0.2em 0.4em; border: 2px solid #333; } .su-expand-link-more { display: none; } .su-expand-link-less { display: block; } .su-expand-collapsed .su-expand-link-more { display: block; } .su-expand-collapsed .su-expand-link-less { display: none; } .su-expand-link i { display: inline-block; margin: 0 0.3em 0 0; vertical-align: middle; color: inherit; } .su-expand-link img { display: inline-block; width: 1em; height: 1em; margin: 0 0.3em 0 0; vertical-align: middle; } /* Lightbox content ---------------------------------------------------------------*/ .su-lightbox-content { position: relative; margin: 0 auto; } .mfp-content .su-lightbox-content, #su-generator .su-lightbox-content { display: block !important; } .su-lightbox-content-preview { width: 100%; min-height: 300px; background: #444; overflow: hidden; } .su-lightbox-content h1, .su-lightbox-content h2, .su-lightbox-content h3, .su-lightbox-content h4, .su-lightbox-content h5, .su-lightbox-content h6 { color: inherit; } /* Common margin resets for box elements ---------------------------------------------------------------*/ .su-column-inner > *:first-child, .su-accordion > *:first-child, .su-spoiler-content > *:first-child, .su-service-content > *:first-child, .su-box-content > *:first-child, .su-note-inner > *:first-child, .su-expand-content > *:first-child, .su-lightbox-content > *:first-child { margin-top: 0; } .su-column-inner > *:last-child, .su-tabs-pane > *:last-child, .su-accordion > *:last-child, .su-spoiler-content > *:last-child, .su-service-content > *:last-child, .su-box-content > *:last-child, .su-note-inner > *:last-child, .su-expand-content > *:last-child, .su-lightbox-content > *:last-child { margin-bottom: 0; } </style> <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 = '/assets/style2.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> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html>