CSS izgled zahteva da razmišljate o rasporedu vašeg veb sajta u celini, a zatim uzmite komade i stavite ih zajedno. Naučite kako da napravite jednostavan raspored 3-stupca pomoću CSS-a.
01 od 09
Crtajte svoj raspored J Kyrnin Možete da nacrtate svoj izgled na papiru ili grafičkom programu . Ako već imate žičan okvir ili još opsežniji dizajn, pojednostavite ga u osnovnim kutijama koje čine lokaciju. Ovaj dizajn koji prati ovaj članak ima tri kolone u glavnoj oblasti sadržaja, kao i zaglavlje i podnožje. Ako pažljivo pogledate, možete videti da tri kolone nisu jednake po širini.
Nakon što ste uklonili svoj izgled, možete početi razmišljati o dimenzijama. Ovaj primjer će imati sljedeće osnovne dimenzije:
Ne više od 900 piksela 20cm žljeb na lijevoj strani 10 piksela između stupaca i redova Stolovi širine 250px, 300px i 300px Gornji red je 150px visok Donji red je 100px visok 02 od 09
Napišite Osnovni HTML / CSS i Kreirajte element kontejnera Pošto će ova stranica biti važeći HTML dokument, započnite sa praznim HTML kontejnerom
title> </ head> <body> </ body> </ html> <p> Dodajte u osnovnim stilovima CSS-a na <a href="https://bs.eyewated.com/koristite-css-za-nuliranje-margina-i-granica/">nula iz margina, granica i paddinga</a> . Iako postoje drugi <a href="https://bs.eyewated.com/upoznajte-cascading-style-sheets-sa-ovom-css-varijacijom/">standardni CSS stilovi</a> za nove dokumente, ovi stilovi su minimum koji vam je potreban za čisti raspored. Dodajte ih u glavu vašeg dokumenta: </p>
<style type = "text / css"> html, body {margin: 0px; padding: 0px; granica: 0px; } </ style> <p> Da biste počeli sa izradom izgleda, stavite element kontejnera. Ponekad se dešava da kasnije možete da se oslobodite kontejnera, ali za većinu rasporeda fiksne širine, imajući element elementa za kontejnere, olakšava se upravljanje različitim Web pregledačima. Dakle, u telu stavi ovo: </p>
<div id = "kontejner"> </ div> <p> U CSS stilu stavite: </p>
#container {} <p> <strong>03 od 09</strong> </p>
<h3> Stil kontejnera </h3><p> Kontejner definiše koliko će biti širok sadržaj sadržaja web stranice, kao i sve margine iznutra i napunjenost iznutra. Za ovaj dokument, kontejner je širine 870px sa 20 piksela oluka sa leve strane. Olušak je postavljen sa stilom margine, ali zalivanje na kontejneru je podešeno na nulu kako bi se spriječilo da bilo koji elementi budu široki kao kontejner. </p>
#container {širina: 870px; marža: 0 0 0 20px; / * gornji desni donji levi * / padding: 0; } <p> Ako sada sačuvate dokument, biće teško videti kontejner jer nema ništa u njemu. Ako dodate tekst mesta, moći ćete da vidite element sadržaja jasnije. </p>
<p> <strong>04 od 09</strong> </p>
<h3> Koristite oznaku Headline za zaglavlje </h3><p> Kako odlučite da oblikujete red naslova puno zavisi od onoga što je u njemu. Ako će zaglavljeni red imati grafičku oznaku i naslov, onda korišćenje oznake naslova (<h1>) ima smisla od upotrebe <div>. Naslov možete dizajnirati na isti način na koji oblikujete div i izbjegavate vanjske oznake. </p>
<p> HTML za zaglavlje se nalazi na vrhu kontejnera i izgleda ovako: </p>
<h1> Moj red zaglavlja </ h1> <p> Zatim, da biste podesili stilove na njemu, na dnu je dodata crvena granica, kako biste mogli da vidite gde se završava, margine i padding su nula, širina je podešena na 100% i visina do 150px: </p>
#container h1 {margin: 0; padding: 0; širina: 100%; visina: 150px; float: left; border-bottom: # c00 solid 3px; } <p> Ne zaboravite da plutate ovaj element plutajućim: lijevo; imovina. Ključ za pisanje CSS-a je plutanje svega - čak i stvari koje su iste širine kao i kontejner. Na taj način uvek znate gde će se elementi nalaziti na stranici. </p>
<p> <a href="https://bs.eyewated.com/sta-je-css-potomac-selektor/">Selektor selektora CSS</a> primenio je stilove samo na elemente H1 koji su unutar elementa #container. </p>
<p> <strong>05 od 09</strong> </p>
<h3> Da biste dobili tri kolone, počnite graditi dvije kolone </h3><p> Kad izgradite trosoban raspored CSS-a, morate podeliti svoj raspored u grupe od dva. Dakle, za ovaj raspored tri kolone, srednja i desna kolona i grupisani i postavljeni pored levog stupca u rasporedu sa dve kolone gde je lijeva kolona široka 250px, a desna kolona je 610px široka (300 svaka za dvije kolone , plus 10px za oluku između njih). </p>
<p> HTML izgleda ovako: </p>
<div id = "col1"> <p> Ovo je ekstravagantni rezultat. Veliki broj soba je na raspolaganju u minimalnoj veličini, a na raspolaganju vam je i doručak. U uvjerenju u voluptate quis nostrud exercitate eu fugiat nulla pariatur. Veliki broj bodova ne može biti ništa veći nego što je to slučaj. </ P> </ div> <div id = "col2outer"> <p> Za minimalno vrijeme, sedite do eiusmodne vremenske neprilike. Uvijek dolazimo na magnu alqui. Veliki sadržaj nije dostupan za sve korisnike. </ P> </ div> <p> Tekst u kolonama čini ih vidljivijim tokom testiranja. CSS izgleda ovako: </p>
#container # col1 {širina: 250px; float: left; } #container # col2outer {širina: 610px; float: desno; marža: 0; padding: 0; } <p> Kolona sa leve strane je lebdela levo, dok je druga lebdela na desno. Pošto je ukupna širina oba stupca 860px, između njih je 10px oluka. </p>
<p> <strong>06 od 09</strong> </p>
<h3> Dodajte dvije kolone iznad šire druge kolone </h3><p> Da biste kreirali tri kolone, dodajte dva divlja unutar šire druge kolone, baš kao što ste dodali 2 divs unutar kolone kontejnera u poslednjem koraku. HTML izgleda ovako: </p>
<div id = "col2outer"> <div id = "col2mid"> <p> Ako želite da budete spremni, molimo vas da se prijavite na e-mail adresu. Uvijek dolazimo na magnu alqui. </ P> </ div> <div id = "col2side"> <p> Namjestili smo se da otvorimo tematski sadržaj koji ne može biti objelodanjen. Ullam corporis suscipit laboriosam, magnam aliquam quaerat voluptatem. Toaque earum rerum hic tenetur sapiente delectus, se pour perspiciatis un omnis tempora incidunt la labore et dolore. </ P> </ div> </ div> <p> CSS izgleda ovako: </p>
# col2outer # col2mid {širina: 300px; float: left; } # col2outer # col2side {širina: 300px; float: desno; } <p> Budući da su ova dva 300px široka polja unutar širine 610px, ponovo će biti između njih 10px. </p>
<p> <strong>07 od 09</strong> </p>
<h3> Dodaj u podnožje </h3><p> Sada kada je ostatak stranice stisnut, možete ga dodati u podnožje. Koristite poslednji "div" sa ID-om "footer" i dodajte sadržaj kako biste ga mogli videti. Takođe možete dodati granicu na vrhu, tako da ćete znati odakle počinje. </p>
<p> HTML: </p>
<div id = "footer"> <p> Copyright © 2017 </ p> </ div> <p> CSS: </p>
#container #footer {float: left; širina: 870px; border-top: # c00 solid 3px; } <p> <strong>08 od 09</strong> </p>
<h3> Dodajte u svoje lične stilove i sadržaj </h3><p> Sada kada ste završili izgled, možete početi da dodate svoje lične stilove i sadržaj. Zapamtite da su granice na zaglavlju i podnožju dodate kako bi se prikazali dijelovi postavki, a ne posebno za dizajn. </p>
<p> <strong>09 od 09</strong> </p>
<h3> Završni HTML / CSS </h3><p> Evo čitavog dokumenta, HTML-a i CSS-a: </p>
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Prelazni // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns = "http : //www.w3.org/1999/xhtml "> <head> <meta http-equiv =" Content-Type "sadržaj =" text / html; charset = UTF-8 "/> <title> title> <style type = "text / css"> html, body {margin: 0px; padding: 0px; granica: 0px; } #container {širina: 870px; marža: 0 0 0 20px; / * gornji desni donji levi * / padding: 0; pozadina: #fff; } #container h1 {margin: 0; padding: 0; širina: 100%; visina: 150px; float: left; border-bottom: # c00 solid 3px; } #container # col1 {širina: 250px; float: left; } #container # col2outer {širina: 610px; float: desno; marža: 0; padding: 0; } # col2outer # col2mid {širina: 300px; float: left; } # col2outer # col2side {širina: 300px; float: desno; } #container #footer {float: left; širina: 870px; border-top: # c00 solid 3px; </ h1> <div id = "col1"> <p> Ako želite da napravite grešku, kliknite na dugme </ style> </ head> <body> <div id = "container" p> </ div> <div id = "col2side"> <div id = "col2mid"> <p> Nismo slobodni. </ P> </ div> </ div> <div id = "footer"> <p> Copyright © 2008 </ p> </ div> </ div> </ body> </ html>
</div>
<div class="amp-related-wrapper">
<h2>Alike posts</h2>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/styling-xml-dokumenti-sa-css/">
<amp-img src="https://exse.eyewated.com/pict/2445473108f83557-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/styling-xml-dokumenti-sa-css/">Styling XML dokumenti sa CSS</a></h3>
<div class="amp-related-meta">
Web dizajn & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/kako-blokirati-web-stranicu-od-stampanja-pomocu-css-a/">
<amp-img src="https://exse.eyewated.com/pict/ec81fd353f1033a0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/kako-blokirati-web-stranicu-od-stampanja-pomocu-css-a/">Kako blokirati web stranicu od štampanja pomoću CSS-a</a></h3>
<div class="amp-related-meta">
Web dizajn & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/sta-je-css-potomac-selektor/">
<amp-img src="https://exse.eyewated.com/pict/aa4897828e4c329a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/sta-je-css-potomac-selektor/">Šta je CSS potomac selektor?</a></h3>
<div class="amp-related-meta">
Web dizajn & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/prikazite-i-sakrijte-tekst-ili-slike-pomocu-css-a-i-javascript-a/">
<amp-img src="https://exse.eyewated.com/pict/696c800020b23383-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/prikazite-i-sakrijte-tekst-ili-slike-pomocu-css-a-i-javascript-a/">Prikažite i sakrijte tekst ili slike pomoću CSS-a i JavaScript-a</a></h3>
<div class="amp-related-meta">
Web dizajn & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/kako-koristiti-xml-pomocu-css-a/">
<amp-img src="https://exse.eyewated.com/pict/9c85ee5d99d440a0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/kako-koristiti-xml-pomocu-css-a/">Kako koristiti XML pomoću CSS-a</a></h3>
<div class="amp-related-meta">
Web dizajn & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/stilski-oblici-sa-css/">
<amp-img src="https://exse.eyewated.com/pict/0320e721afe934a1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/stilski-oblici-sa-css/">Stilski oblici sa CSS</a></h3>
<div class="amp-related-meta">
Web dizajn & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/kako-promijeniti-boje-fontova-web-stranice-s-css/">
<amp-img src="https://exse.eyewated.com/pict/fdc3944c7bf13405-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/kako-promijeniti-boje-fontova-web-stranice-s-css/">Kako promijeniti boje fontova web stranice s CSS</a></h3>
<div class="amp-related-meta">
Web dizajn & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/koristite-css-za-slike-centra-i-druge-html-objekte/">
<amp-img src="https://exse.eyewated.com/pict/9890204b2b7b31a6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/koristite-css-za-slike-centra-i-druge-html-objekte/">Koristite CSS za slike centra i druge HTML objekte</a></h3>
<div class="amp-related-meta">
Web dizajn & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/kako-kreirati-navigacijsku-karticu-sa-css-i-bez-slika/">
<amp-img src="https://exse.eyewated.com/pict/eb474ee61b403f7b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/kako-kreirati-navigacijsku-karticu-sa-css-i-bez-slika/">Kako kreirati navigacijsku karticu sa CSS i bez slika</a></h3>
<div class="amp-related-meta">
Web dizajn & Dev </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>See Newest</h2>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/kako-ponistiti-safari-na-podrazumevane-postavke/">
<amp-img src="https://exse.eyewated.com/pict/3a5dbcc99f973871-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/kako-ponistiti-safari-na-podrazumevane-postavke/">Kako poništiti Safari na podrazumevane postavke</a></h3>
<div class="amp-related-meta">
Macs </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/ads-podrska-upravljacki-programi-prirucnici-i-jos-mnogo-toga/">
<amp-img src="https://exse.eyewated.com/pict/e595dda7fdf832e6-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/ads-podrska-upravljacki-programi-prirucnici-i-jos-mnogo-toga/">ADS podrška, upravljački programi, priručnici i još mnogo toga</a></h3>
<div class="amp-related-meta">
Dobivanje više pomoći </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/8-najboljih-skullcandy-slusalica-za-kupovinu-2018/">
<amp-img src="https://exse.eyewated.com/pict/3a6fe7c2142831b1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/8-najboljih-skullcandy-slusalica-za-kupovinu-2018/">8 najboljih Skullcandy slušalica za kupovinu 2018</a></h3>
<div class="amp-related-meta">
Vodiči za kupovinu </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/naucite-da-upisete-oznake-groba-naglaska-na-bilo-kojoj-platformi-mac-ili-pc-racunaru/">
<amp-img src="https://exse.eyewated.com/pict/f5b68cfece5532ec-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/naucite-da-upisete-oznake-groba-naglaska-na-bilo-kojoj-platformi-mac-ili-pc-racunaru/">Naučite da upišete oznake groba naglaska na bilo kojoj platformi, Mac ili PC računaru</a></h3>
<div class="amp-related-meta">
Softver </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/nessus-skener-ranjivosti/">Nessus skener ranjivosti</a></h3>
<div class="amp-related-meta">
Internet i mreža </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/smartphone-tutorials-menjanje-lg-g-flex-sim-kartice/">
<amp-img src="https://exse.eyewated.com/pict/e6b9e1c92b602f4c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/smartphone-tutorials-menjanje-lg-g-flex-sim-kartice/">Smartphone Tutorials: Menjanje LG G Flex SIM kartice</a></h3>
<div class="amp-related-meta">
Android </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>Sapid posts</h2>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/omogucavanje-outlook-express-compact-porukama-kada-pita/">
<amp-img src="https://exse.eyewated.com/pict/399f5fade82a3033-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/omogucavanje-outlook-express-compact-porukama-kada-pita/">Omogućavanje Outlook Express Compact porukama kada pita</a></h3>
<div class="amp-related-meta">
E-pošta i poruke </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/20-najboljih-petka-memes/">
<amp-img src="https://exse.eyewated.com/pict/6550a9f2730231df-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/20-najboljih-petka-memes/">20 najboljih petka Memes</a></h3>
<div class="amp-related-meta">
Društveni mediji </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/samsungov-operativni-sistem-tizen-smart-tv/">
<amp-img src="https://exse.eyewated.com/pict/a1751d7916673635-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/samsungov-operativni-sistem-tizen-smart-tv/">Samsungov operativni sistem Tizen Smart TV</a></h3>
<div class="amp-related-meta">
Product Reviews </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/pretrazite-veb-sa-gigablast-om/">
<amp-img src="https://exse.eyewated.com/pict/1d4561350aa53111-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/pretrazite-veb-sa-gigablast-om/">Pretražite Veb sa Gigablast-om</a></h3>
<div class="amp-related-meta">
Veb i pretraživanje </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/kako-popraviti-racunar-koji-nece-pokrenuti-u-bezbednom-rezimu/">
<amp-img src="https://exse.eyewated.com/pict/576d5f53a75437c9-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/kako-popraviti-racunar-koji-nece-pokrenuti-u-bezbednom-rezimu/">Kako popraviti računar koji neće pokrenuti u bezbednom režimu</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/kako-instalirati-itunes-za-chromebook/">
<amp-img src="https://exse.eyewated.com/pict/15989162805b33ea-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/kako-instalirati-itunes-za-chromebook/">Kako instalirati iTunes za Chromebook</a></h3>
<div class="amp-related-meta">
Pretraživači </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/sta-je-ppt-datoteka/">
<amp-img src="https://exse.eyewated.com/pict/9f44d17a2cbd31f9-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/sta-je-ppt-datoteka/">Šta je PPT datoteka?</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/kako-napustiti-program-u-windows-u/">
<amp-img src="https://exse.eyewated.com/pict/ea3016dbffab42f8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/kako-napustiti-program-u-windows-u/">Kako napustiti program u Windows-u</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/sta-je-definicija-kamere-zum-objektiva/">
<amp-img src="https://exse.eyewated.com/pict/ac9e1a83c5883363-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/sta-je-definicija-kamere-zum-objektiva/">Šta je definicija kamere zum objektiva?</a></h3>
<div class="amp-related-meta">
Digitalni fotoaparati </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/vrhunska-specijalna-sportska-oprema-za-golf/">
<amp-img src="https://exse.eyewated.com/pict/dc723bd9211031c3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/vrhunska-specijalna-sportska-oprema-za-golf/">Vrhunska specijalna sportska oprema za golf</a></h3>
<div class="amp-related-meta">
Nosioci </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/kako-promijeniti-fajl-linux-crontab-za-rasporedjivanje/">
<amp-img src="https://exse.eyewated.com/pict/0b857d76da043b64-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/kako-promijeniti-fajl-linux-crontab-za-rasporedjivanje/">Kako promijeniti fajl Linux Crontab za raspoređivanje</a></h3>
<div class="amp-related-meta">
Linux </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/sta-je-datoteka-emz/">
<amp-img src="https://exse.eyewated.com/pict/3cfa4068f8c93388-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/sta-je-datoteka-emz/">Šta je datoteka EMZ?</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/najbolji-cd-plejeri-i-cd-promjenjivaci-ce-se-kupiti-2018/">Najbolji CD plejeri i CD promjenjivači će se kupiti 2018</a></h3>
<div class="amp-related-meta">
Kućno pozorište </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/sta-je-rad-na-daljinu/">
<amp-img src="https://exse.eyewated.com/pict/2f480f8fc46f34da-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/sta-je-rad-na-daljinu/">Šta je rad na daljinu?</a></h3>
<div class="amp-related-meta">
Veb i pretraživanje </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/dodavanje-okvira-na-fotografiju-u-photoshop-elementima/">
<amp-img src="https://exse.eyewated.com/pict/d07c95f6591c4065-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/dodavanje-okvira-na-fotografiju-u-photoshop-elementima/">Dodavanje okvira na fotografiju u Photoshop Elementima</a></h3>
<div class="amp-related-meta">
Softver </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://bs.eyewated.com/not-null-ogranicenja-u-microsoft-sql-serveru/">
<amp-img src="https://exse.eyewated.com/pict/02fa2d955f323727-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://bs.eyewated.com/not-null-ogranicenja-u-microsoft-sql-serveru/">NOT NULL Ograničenja u Microsoft SQL Serveru</a></h3>
<div class="amp-related-meta">
Softver </div>
</div>
</div>
</div></article>
<footer class="amp-wp-footer">
<div class="amp-wp-footer-inner">
<a href="#" class="back-to-top">Back to top</a>
<p class="copyright">
© 2024 bs.eyewated.com </p>
<div class="amp-wp-social-footer">
<a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a>
</div>
</div>
</footer>
<div id="statcounter">
<amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/">
</amp-pixel>
</div>
</body>
</html>
<!-- Dynamic page generated in 1.171 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-10-03 21:40:01 -->
<!-- 0.002 -->