Dizajn rezerviranog mjesta css. Kako promijeniti boju teksta opisa alata u rezerviranom mjestu pomoću CSS stilova? Zadatak: izradite vlastiti CSS stil za rezervirano mjesto

Obično se atribut rezerviranog mjesta na ulazu i tekstualnom području koristi za pružanje poziva na radnju unutar tih elemenata. U ovoj ću bilješci opisati nekoliko opcija za stiliziranje teksta rezerviranih mjesta, kao i mogućnosti njihove animacije

Dakle, boja teksta našeg rezerviranog mjesta može se promijeniti pomoću, na primjer, sljedećeg skupa CSS pravila:

::-webkit-input-placeholder (boja: #c0392b ;) ::-moz-placeholder (boja: #c0392b ;) /* Firefox 19+ */ :-moz-placeholder (boja: #c0392b ;) /* Firefox 18- */ :-ms-input-placeholder ( boja : #c0392b ;)

Duljina koda za stiliziranje tako jednostavnog svojstva uzrokovana je nedostatkom zajedničkog standarda, pa je stoga svaki preglednik implementirao podršku za stiliziranje rezerviranog mjesta na svoj način.

Također, nisu svi podržani css svojstva. Evo popisa točno podržanih svojstava:

font (i srodni)
pozadina (i srodno)
boja
razmak između riječi
razmak između slova
tekst-ukras
okomito poravnati
tekstualna transformacija
linija-visina
tekstualna uvlaka
tekst-preljev
neprozirnost

Također se događa da tekst rezerviranog mjesta "proširuje" širinu elementa unosa ili textarea (čest slučaj za Mobilni uredaji). Istodobno se automatski odrezuje neugledno.

CSS svojstvo poput text-overflow: ellipsis pomoći će nam da riješimo ovaj problem, što će dodati estetsku elipsu izrezanom području rezerviranog mjesta. U stilovima pišemo ovako:

input [ placeholder ] ( text-overflow : ellipsis ;) input ::-moz-placeholder ( text-overflow : ellipsis ;) input :-moz-placeholder ( text-overflow : ellipsis ;) input :-ms-input-placeholder ( text-overflow : elipsa ;)

Da bismo dodali još više estetike našim rezerviranim mjestima, moguće je dodati efekt skrivanja kada odgovarajući element dobije fokus.

Neki primjeri takvog skrivanja s elementima animacije:

/* glatka promjena transparentnosti rezerviranog mjesta kada je fokus */.input ::-webkit-input-placeholder ( neprozirnost : 1 ; prijelaz : neprozirnost 0,3 s lakoća ;) .input ::-moz-placeholder ( neprozirnost : 1 ; prijelaz : neprozirnost 0,3 s lakoća ;).input :-moz- rezervirano mjesto (neprozirnost: 1; prijelaz: neprozirnost 0,3 s lakoća;).input:-ms-input-placeholder (neprozirnost: 1; prijelaz: neprozirnost 0,3 s lakoća;).input (neprozirnost: 0; prijelaz: neprozirnost 0,3 s lakoća; ) .input :focus::-moz-placeholder ( neprozirnost : 0 ; prijelaz : neprozirnost 0,3 s lakoća ;) .input :focus:-moz-placeholder ( neprozirnost : 0 ; prijelaz : neprozirnost 0,3 s lakoća ;). -input-placeholder ( neprozirnost : 0 ; prijelaz : neprozirnost 0,3 s jednostavnost ;) /* pomicanje rezerviranog mjesta udesno kada je fokus */.input ::-webkit-input-placeholder ( text-indent : 0px ; prijelaz : text-indent 0.3s ease ;) .input ::-moz-placeholder ( text-indent : 0px ; prijelaz : text-indent 0.3s ease ;).input :-moz-placeholder ( text-indent : 0px ; prijelaz : text-indent 0.3s ease ;).input :-ms-input-placeholder ( text-indent : 0px ; prijelaz : text-indent 0.3s ease ;).ulazni :focus::-webkit-input-placeholder( text-indent : 500px ; prijelaz : text-indent 0.3s ease ;).input :focus::-moz-placeholder (text-indent : 500px ; prijelaz : text-indent 0.3s ease ;).input :focus:- moz-placeholder ( text-indent : 500px ; prijelaz : text-indent 0.3s ease ;) .input :focus:-ms-input-placeholder ( text-indent : 500px ; prijelaz : text-indent 0.3s ease ;) /* pomaknite rezervirano mjesto prema dolje u fokus */.input ::-webkit-input-placeholder (line-height: 20px; prijelaz: line-height 0.5s lakoća;) .input ::-moz-placeholder (line-height: 20px; prijelaz: line-height 0.5s lakoća ;).input :-moz-placeholder (line-height: 20px; prijelaz: line-height 0.5s lakoća ;).input :-ms-input-placeholder (line-height: 20px; prijelaz: line-height 0.5s lakoća ;).ulazni :focus::-webkit-input-placeholder( line-height : 100px ; prijelaz : line-height 0.5s ease ;).input :focus::-moz-placeholder (line-height : 100px ; prijelaz : line-height 0.5s ease ;).input :focus:- moz-placeholder (line-height: 100px; prijelaz: line-height 0.5s lakoća;).input :focus:-ms-input-placeholder (line-height: 100px; prijelaz: line-height 0.5s lakoća;)

Završimo ovdje.

Ako niste upoznati s atributom rezerviranog mjesta, onda objasnimo malo što je to i gdje se koristi. Koristi se u poljima za unos obrasca. Atribut prikazuje tekst u polju za unos koji predstavlja ulogu određenog savjeta. Ranije je na našoj web stranici bio primjer, sa koristeći javascript, pozitivna strana ovu metodu Kompatibilan je s više preglednika. Sada razgovarajmo o oblikovanju atributa rezerviranog mjesta, koji se koristi na elementima input i textarea.
Kod polja za unos u našem primjeru izgledat će otprilike ovako:

Na izlazu dobivamo sljedeće polje:

Sada zamislimo da trebamo stilizirati rezervirano mjesto, za ovo moramo napisati skup pravila u CSS-u:

::-webkit-input-placeholder (boja: #c1c1c1; ) ::-moz-placeholder (boja: #c1c1c1;) /* Firefox 19+ */ :-moz-placeholder (boja: #c1c1c1; ) /* Firefox 18- */ :-ms-input-placeholder ( boja: #c1c1c1; )

Dobivamo:

Ne možemo promijeniti sva svojstva, ali ispod je dan popis većine njih koje podržavaju moderni preglednici:
font(također povezana svojstva)
pozadina(također povezana svojstva)
boja
razmak između riječi
razmak između slova
tekst-ukras
okomito poravnati
tekstualna transformacija
linija-visina
tekstualna uvlaka
text-overflow
neprozirnost

U različitim preglednicima pravilo je napisano drugačije, jer Iako ne postoji jedinstveni standard, ovaj skup zapisa i dalje je relevantan. U pregledniku IE, kao iu firefoxu ispod verzije 18, placeholder se percipira kao pseudo-klasa, au novim preglednicima firefox, webkit i blink percipira se kao pseudo-element.

Skraćivanje teksta u rezerviranom mjestu
Ponekad opisi mogu biti toliko dugi da ne mogu u potpunosti stati u polje za unos. U te svrhe također možete koristiti dodatna svojstva koja će vam omogućiti da skratite tekst rezerviranog mjesta u polju za unos.

Input ( text-overflow:ellipsis; ) input::-moz-placeholder ( text-overflow:ellipsis; ) input:-moz-placeholder ( text-overflow:ellipsis; ) input:-ms-input-placeholder ( text-overflow :elipsa;

Kao rezultat, dobivamo polje za unos s rezerviranim mjestom poput ovog:

Sakrijte tekst kada kliknete na polje
Prema zadanim postavkama, svaki preglednik različito tumači odgovor rezerviranog mjesta. U nekim preglednicima se sakriva odmah kada kliknete na polje, u drugima se sakriva kada se u polju za unos nalazi barem jedan znak. Neka tekst nestane kada kliknete na polje, isto u svim preglednicima.

:focus::-webkit-input-placeholder ( boja: prozirna; ) :focus::-moz-placeholder ( boja: prozirna; ) :focus:-moz-placeholder ( boja: prozirna; ) :focus:-ms-input - rezervirano mjesto ( boja: prozirna; )

Dobivamo ovu radnju:

U nastojanju da se smanji oblik i smanji vizualni šum, dizajneri označavaju zamjenjuju se atributom rezerviranog mjesta, čime se povećava opterećenje kratkoročne memorije. Osobama s oštećenjem vida može biti teško pročitati trag. Bolje je postaviti neposredno iznad polja za unos. Prazno polje se lakše prepoznaje kao element koji zahtijeva popunjavanje.

Loše

Fino

Stil: promijenite boju rezerviranog mjesta CSS

Promijenite stil polja za unos s rezerviranim mjestom CSS

Loše

Efekt rezerviranog mjesta za

Atribut rezerviranog mjesta radi samo za I , čak i ako druge oznake imaju navedeni atribut contenteditable.</p> <style> .raz { height: 3em; border: 1px solid; } </style> <div contentEditable placeholder="Možete unijeti tekst" class="raz"></div> <style> .raz { height: 3em; border: 1px solid; } .raz:empty:not(:focus)::before { <i>/* хак: если div задать и placeholder , то и.raz:empty:not(:placeholder-shown)::before будет работать */ </i> content: attr(data-placeholder); opacity: .5; } </style> <div contentEditable data-placeholder="Možete unijeti tekst" class="raz"></div> <h2>Drevna metoda pamćenja koja mijenja vrijednost JavaScripta</h2> <input onblur="this.value=(this.value=="na fokusu="this.value=(this.value==this.title)?" value="E-mail" title="E-mail"> <input onblur="this.value=(this.value=="")?this.title:this.value;" onfocus="this.value=(this.value==this.title)?"":this.value;" value="E-mail" title="E-mail" /> <p>Placeholder je element polja za unos u koji se može smjestiti tooltip. Kada korisnik počne unositi podatke, popratni tekst nestaje kako ne bi smetao. Svaki preglednik ima svoje mišljenje o tome kako bi ovaj element trebao biti prikazan, a ponekad zadani stilovi kvare cijeli dizajn. Da biste ih kontrolirali, morate koristiti poseban <a href="https://128gb.ru/hr/oformlenie-spiskov-list-style-pravila-css-dlya-nastroiki-vneshnego-vida-spiska-na-html.html">CSS pravilo</a> rezerviranog mjesta.</p> <h2>Gdje je rezervirano mjesto?</h2> <p>Problem je u tome što je opis polja za unos sigurno skriven u DOM-u u sjeni i nije mu tako lako doći. Za to se koristi poseban nestandardni ::placeholder. Uz njegovu pomoć možete upravljati svojstvima opisa alata.</p> <p>Stiliziranje rezerviranog mjesta u CSS-u izgleda ovako:</p><p>Input::placeholder (boja: crvena; neprozirnost: 1; stil fonta: kurziv; )</p><p><img src='https://i0.wp.com/fb.ru/misc/i/gallery/39768/2606908.jpg' width="100%" loading=lazy loading=lazy></p> <h2>Podrška za preglednik</h2> <p>Pseudoelementom CSS rezerviranog mjesta dobro upravljaju svi moderni preglednici, a za podršku starijim preglednicima možete koristiti sljedeće prefikse:</p> <ul><li>::-webkit-input-placeholder - za webkit preglednike (Safari, Chrome, Opera);</li> <li>::-moz-placeholder - za <a href="https://128gb.ru/hr/download-software-mozilla-firefox-download-and-install-the-mozilla-firefox-browser-russian-version-on-your-computer.html">Firefox preglednici</a> iznad verzije 19;</li> <li>:-moz-placeholder - za stariji Firefox;</li> <li>:-ms-input-placeholder - za <a href="https://128gb.ru/hr/chto-za-sluzhba-event-monitor-vosstanovlenie-internet-explorer-domashnyuyu-stranicu.html">Internet Explorer</a> iznad verzije 10.</li> </ul><p>Kao što vidite, stari <a href="https://128gb.ru/hr/ustanovka-plagina-kriptopro-csp-v-brauzere-mozilla-firefox-kripto-pro-ecp.html">Mozilla preglednici</a>, kao i IE, smatra rezervirano mjesto CSS pseudo-klasom, a ne pseudo-elementom. Nemojmo se svađati s njima, samo ćemo ovaj aspekt uzeti u obzir prilikom oblikovanja polja za unos.</p> <p><img src='https://i2.wp.com/fb.ru/misc/i/gallery/39768/2606909.jpg' width="100%" loading=lazy loading=lazy></p> <h2>Mogućnosti stiliziranja</h2> <p>Možete postaviti sljedeće opcije za pseudoelement rezerviranog mjesta u CSS-u:</p> <ul><li>pozadina - skupina blokova s ​​opisom alata primjenjuje se na cijelo polje za unos. Možete postaviti ne samo boju (background-color), već i sliku (background-image).</li> <li>boja teksta - boja;</li> <li>transparentnost - neprozirnost;</li> <li>podcrtavanje, precrtavanje ili precrtavanje - tekst-ukras;</li> <li>slučaj - transformacija teksta;</li> <li><a href="https://128gb.ru/hr/vnutrennii-otstup-v-tablice-html-primenenie-svoistva-border.html">podstava</a>- podstava. Ne podržavaju svi preglednici. Kao i kod umetnutih elemenata, gornje i donje ispune se zanemaruju.</li> <li>prikaz fontova - svojstva grupe fontova, visina retka i razne uvlake (uvlaka teksta, razmak između slova, razmak između riječi);</li> <li>okomito poravnanje u liniji - vertical-align;</li> <li>skraćivanje teksta kada se spremnik prelije - text-overflow.</li> </ul>.input1::placeholder (pozadinska slika: linearni gradijent (limeta, plava); boja: bijela; ) .input2::placeholder (tekst-ukras: kroz liniju; boja: ljubičasta; težina fonta: podebljano; ) . input3::placeholder (veličina fonta: 16px; razmak između slova: 10px;) .input4::placeholder (pozadina: smeđa; boja: bijela; text-overflow: elipsa;) <h2>U fokusu</h2> <p>Prema zadanim postavkama, opis alata nestaje iz polja za unos samo ako se u njega unese barem jedan znak. Ali rezervirano mjesto vam omogućuje da odmah implementirate nestanak kada se fokusirate na polje. Da biste to učinili, trebate ga kombinirati s pseudo-class:focus.</p><p>Input:focus::placeholder ( boja: prozirna; )</p><p>U nekim preglednicima moguće je animirati promjene u brojnim svojstvima rezerviranih mjesta pomoću naredbe prijelaza.</p><p>Input::placeholder (boja: crna; prijelaz: boja 1s; ) input:focus::placeholder (boja: bijela;)</p><p>U pregledniku <a href="https://128gb.ru/hr/chto-oznachaet-verhnii-pravyi-ugol-stranicy-elementy-upravleniya-na-stranice.html">Google Chrome</a> Kada se fokusirate na takvo polje, boja savjeta će se glatko promijeniti unutar jedne sekunde.</p> <p>Placeholder je element polja za unos u koji se može smjestiti tooltip. Kada korisnik počne unositi podatke, popratni tekst nestaje kako ne bi smetao. Svaki preglednik ima svoje mišljenje o tome kako bi ovaj element trebao biti prikazan, a ponekad zadani stilovi kvare cijeli dizajn. Da biste njima upravljali, morate koristiti posebno CSS pravilo rezerviranog mjesta.</p> <h2>Gdje je rezervirano mjesto?</h2> <p>Problem je u tome što je opis polja za unos sigurno skriven u DOM-u u sjeni i nije mu tako lako doći. Da biste to učinili, koristi se poseban nestandardni pseudoelement CSS::placeholder. Uz njegovu pomoć možete upravljati svojstvima opisa alata.</p> <p>Zanimat će vas:</p> <p><img src='https://i2.wp.com/ruud.ru/wp-content/uploads/2018/06/4f1695522eb38124e423c90938dc189d.jpg' width="100%" loading=lazy loading=lazy></p><p>Stiliziranje rezerviranog mjesta u CSS-u izgleda ovako:</p> <p>input::placeholder (boja: crvena; neprozirnost: 1; stil fonta: kurziv; ) <br><img src='https://i0.wp.com/ruud.ru/wp-content/uploads/2018/06/050be174ed3b60dc7c49fe3cd59e15ba.jpg' width="100%" loading=lazy loading=lazy></p><h2>Podrška za preglednik</h2> <p>Pseudoelementom CSS rezerviranog mjesta dobro upravljaju svi moderni preglednici, a za podršku starijim preglednicima možete koristiti sljedeće prefikse:</p> <ul><li>::-webkit-input-placeholder - za webkit preglednike (Safari, Chrome, Opera);</li> <li>::-moz-placeholder - za Firefox preglednike iznad verzije 19;</li> <li>:-moz-placeholder - za stariji Firefox;</li> <li>:-ms-input-placeholder - za Internet Explorer iznad verzije 10.</li> </ul><p>Kao što možete vidjeti, stariji preglednici Mozilla, kao i IE, smatraju rezervirano mjesto CSS pseudo-klasom, a ne pseudo-elementom. Nemojmo se svađati s njima, samo ćemo ovaj aspekt uzeti u obzir prilikom oblikovanja polja za unos.</p> <p><img src='https://i1.wp.com/ruud.ru/wp-content/uploads/2018/06/7563ac2e917a7adb9324bb1d45af7f8e.jpg' width="100%" loading=lazy loading=lazy></p><h2>Mogućnosti stiliziranja</h2> <p>Možete postaviti sljedeće opcije za pseudoelement rezerviranog mjesta u CSS-u:</p> <ul><li>pozadina - grupa svojstava pozadine. Pozadina bloka savjeta odnosi se na cijelo polje za unos. Možete postaviti ne samo boju (background-color), već i sliku (background-image).</li> <li>boja teksta - boja;</li> <li>transparentnost - neprozirnost;</li> <li>podcrtavanje, precrtavanje ili precrtavanje - tekst-ukras;</li> <li>slučaj - transformacija teksta;</li> <li>unutarnje uvlake – padding. Ne podržavaju svi preglednici. Kao i kod umetnutih elemenata, gornje i donje ispune se zanemaruju.</li> <li>prikaz fontova - svojstva grupe fontova, visina retka i razne uvlake (uvlaka teksta, razmak između slova, razmak između riječi);</li> <li>okomito poravnanje u liniji - vertical-align;</li> <li>skraćivanje teksta kada se spremnik prelije - text-overflow.</li> </ul><p>Input1::placeholder (pozadinska slika: linearni gradijent (limeta, plava); boja: bijela; ) .input2::placeholder ( text-decoration: line-through; boja: ljubičasta; font-weight: bold; ) .input3 ::placeholder (veličina fonta: 16px; razmak između slova: 10px; ) .input4::placeholder (pozadina: smeđa; boja: bijela; text-overflow: elipsa; )</p><h2>U fokusu</h2> <p>Prema zadanim postavkama, opis alata nestaje iz polja za unos samo ako se u njega unese barem jedan znak. Ali pseudoelement CSS rezerviranog mjesta omogućuje vam implementaciju blijeđenja odmah kada se fokusirate na polje. Da biste to učinili, trebate ga kombinirati s pseudo-class:focus.</p> <p>input:focus::placeholder ( boja: prozirna; )</p><p>U nekim preglednicima moguće je animirati promjene u brojnim svojstvima rezerviranih mjesta pomoću naredbe prijelaza.</p> <p>input::placeholder (boja: crna; prijelaz: boja 1s; ) input:focus::placeholder (boja: bijela;)</p><p>U <a href="https://128gb.ru/hr/ustanovochnyi-fail-google-chrome-windows-xp-besplatnaya-ustanovka.html">Google preglednik</a> Chromeova boja opisa alata pri fokusiranju na takvo polje glatko će se promijeniti unutar jedne sekunde.</p> <!-- SAPE RTB JS --> <script async="async" src="https://cdn-rtb.sape.ru/teasers/js/291/2/92291.js" type="text/javascript"> </script> <!-- SAPE RTB END --><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> </article> <div class="single-share"> <div class="row align-middle"> <div class="columns small-12 medium-expand"> <div class="single-share__title">reci prijateljima</div> </div> </div> <div class="single-share-links"> <div class="row"> <div class="columns small-6 medium-3"> <a href="#" onClick="window.open('https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F128gb.ru%2Foformlenie-placeholder-css-kak-izmenit-cvet-teksta-podskazki-v-placeholder-s.html', 'sharer', 'toolbar=0,status=0, width=700, height=400'); return false" title="" class="single-share-links-item single-share-links-item--fb"> <div class="row"> <div class="columns"><i class="fa fa-facebook-official single-share-links-item__icon"></i> </div> <div class="columns text-right js-fb-sharer"><span class="single-share-links-item__text"></span> </div> </div> </a> </div> <div class="columns small-6 medium-3"> <a href="#" onClick="window.open('http://vk.com/share.php?url=https%3A%2F%2F128gb.ru%2Foformlenie-placeholder-css-kak-izmenit-cvet-teksta-podskazki-v-placeholder-s.html', 'sharer', 'toolbar=0,status=0, width=700, height=400'); return false" title="" class="single-share-links-item single-share-links-item--vk"> <div class="row"> <div class="columns"><i class="fa fa-vk single-share-links-item__icon"></i> </div> <div class="columns text-right js-vk-sharer"><span class="single-share-links-item__text"></span> </div> </div> </a> </div> <div class="columns small-6 medium-3"> <a href="#" onClick="window.open('http://twitter.com/share?url=https%3A%2F%2F128gb.ru%2Foformlenie-placeholder-css-kak-izmenit-cvet-teksta-podskazki-v-placeholder-s.html', 'sharer', 'toolbar=0,status=0, width=700, height=400'); return false" title="" class="single-share-links-item single-share-links-item--tw"> <div class="row"> <div class="columns"><i class="fa fa-twitter single-share-links-item__icon"></i> </div> <div id="twitter_sharer" class="columns text-right">Cvrkut <span class="single-share-links-item__text"></span> </div> </div> </a> </div> <div class="columns small-6 medium-3"> <a href="#" onClick="window.open('https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&st.shareUrl=https%3A%2F%2F128gb.ru%2Foformlenie-placeholder-css-kak-izmenit-cvet-teksta-podskazki-v-placeholder-s.html/&utm_source=share2', 'sharer', 'toolbar=0,status=0, width=700, height=400'); return false" title="" class="single-share-links-item single-share-links-item--ok"> <div class="row"> <div class="columns"><i class="fa fa-odnoklassniki single-share-links-item__icon"></i> </div> <div class="columns text-right js-ok-sharer"><span class="single-share-links-item__text"></span> </div> </div> </a> </div> </div> </div> </div> <div class="banner-place" data-place="article_under_h1" style="width: 100%;"></div> <div class="prev-next-articles"> <div class="prev-next-articles__item prev-next-articles__item--left"> <i class="fa fa-chevron-left"></i><span>Samsung igra...</span> <a href="https://128gb.ru/hr/kak-ustanovit-yandeks-launcher-po-umolchaniyu-ischez-rabochii-stol-android-ili-ne.html" rel="prev">Android radna površina je nestala ili pokretač ne radi!</a> </div> <div class="prev-next-articles__item prev-next-articles__item--right"> <i class="fa fa-chevron-right"></i><span>Sljedeći članak</span> <a href="https://128gb.ru/hr/sony-pc-companion-ne-rabotaet-xperia-companion-novoe-prilozhenie-na-windows-pc-dlya.html" rel="next">Xperia Companion - nova aplikacija na Windows računalu za ažuriranje i vraćanje Xperia</a> </div> </div> <div class="banner-place" data-place="article_above_similar_articles" style="width: 100%;"></div> <div class="banner-place" data-place="article_above_similar_articles_2" style="width: 100%;"></div> <div class="banner-place" data-place="article_under_social" style="width: 100%;"></div> <div class="banner-place" data-place="fixed_bottom_right" style="width: 100%;"></div> <div class="read-more"> <div class="read-more__title text-center">Pročitajte također</div> <div class="read-more__row"> <div class="row"> <div class="columns small-12 medium-6"> <div class="article-block-small row full noGutter"> <div class="columns shrink"> <div class="article-block-small__img"> <a href="https://128gb.ru/hr/kakoi-audiopleer-luchshe-dlya-kompyutera-luchshie-muzykalnye-pleery-na.html"> <img width="130" height="85" src="/uploads/73abc6de7b92bfdc0f232fce200559a6.jpg" alt="Najbolji glazbeni playeri za Android" / loading=lazy loading=lazy> </a> </div> </div> <div class="columns"> <a class="article-block-small__link" href="https://128gb.ru/hr/kakoi-audiopleer-luchshe-dlya-kompyutera-luchshie-muzykalnye-pleery-na.html">Najbolji glazbeni playeri za Android</a> <div class="article-block-small__author"> <i class="fa fa-user"></i><span>2024-03-13 00:03:49</span> </div> </div> </div> </div> <div class="columns small-12 medium-6"> <div class="article-block-small row full noGutter"> <div class="columns shrink"> <div class="article-block-small__img"> <a href="https://128gb.ru/hr/chto-takoe-haby-na-vnedorozhnike-chto-takoe-hab-svitch-i-router-vyglyadit.html"> <img width="130" height="85" src="/uploads/7a29f3c07f20966e89e1b3a8b5bde139.jpg" alt="Što je hub, switch i router?" / loading=lazy loading=lazy> </a> </div> </div> <div class="columns"> <a class="article-block-small__link" href="https://128gb.ru/hr/chto-takoe-haby-na-vnedorozhnike-chto-takoe-hab-svitch-i-router-vyglyadit.html">Što je hub, switch i router?</a> <div class="article-block-small__author"> <i class="fa fa-user"></i><span>2024-03-12 00:04:38</span> </div> </div> </div> </div> </div> </div> <div class="read-more__row"> <div class="row"> <div class="columns small-12 medium-6"> <div class="article-block-small row full noGutter"> <div class="columns shrink"> <div class="article-block-small__img"> <a href="https://128gb.ru/hr/json-rasshifrovka-abbreviatury-osnovy-raboty-s-json-chto-takoe-json.html"> <img width="130" height="85" src="/uploads/a25ab8fadd32446d66f87b7ab9f34d96.jpg" alt="Json dekodiranje kratica" / loading=lazy loading=lazy> </a> </div> </div> <div class="columns"> <a class="article-block-small__link" href="https://128gb.ru/hr/json-rasshifrovka-abbreviatury-osnovy-raboty-s-json-chto-takoe-json.html">Json dekodiranje kratica</a> <div class="article-block-small__author"> <i class="fa fa-user"></i><span>2024-03-11 00:04:21</span> </div> </div> </div> </div> <div class="columns small-12 medium-6"> <div class="article-block-small row full noGutter"> <div class="columns shrink"> <div class="article-block-small__img"> <a href="https://128gb.ru/hr/galereya-izobrazheniya-na-jquery-galereya-izobrazhenii-na-jquery-s.html"> <img width="130" height="85" src="/uploads/e2061ca22c6de4fb892f07c2584a9328.jpg" alt="jQuery galerija slika sa zanimljivim efektom" / loading=lazy loading=lazy> </a> </div> </div> <div class="columns"> <a class="article-block-small__link" href="https://128gb.ru/hr/galereya-izobrazheniya-na-jquery-galereya-izobrazhenii-na-jquery-s.html">jQuery galerija slika sa zanimljivim efektom</a> <div class="article-block-small__author"> <i class="fa fa-user"></i><span>2024-03-09 00:04:15</span> </div> </div> </div> </div> </div> </div> <div class="read-more__row"> <div class="row"> </div> </div> <div class="read-more__row"> <div class="row"> </div> </div> </div> </div> </div> <div class="columns small-12 medium-4 show-for-medium"> <aside class="sidebar"> <div class="experts-list"> <b><div class="experts-list__title">Najnovije publikacije</div></b><br> <div class="experts-list__item"> <div class="expert row align-middle full noGutter"> <div class="columns small-3 medium-3"> <div class="expert__img"> <img src="/uploads/feff38bed77dc79090027685f0fd5f35.jpg" width="65" height="65" loading=lazy loading=lazy> </div> </div> <div class="columns small-9 medium-9"> <a href="https://128gb.ru/hr/otobrazhenie-razmera-papok-v-windows-7-kak-uznat-razmer-papok-na.html" title="Kako saznati veličinu mapa na disku koristeći PowerShell" class="expert__name">Kako saznati veličinu mapa na disku koristeći PowerShell</a> <div class="expert__specialty"> <a class="right-cat-link" href="https://128gb.ru/hr/category/solving-problems/">Rješavanje problema</a> </div> <div class="row full noGutter"> <div class="columns shrink"> <div class="expert__rate"> </div> </div> <div class="columns"> <div class="expert__rate"> </div> </div> </div> </div> </div> </div> <div class="experts-list__item"> <div class="expert row align-middle full noGutter"> <div class="columns small-3 medium-3"> <div class="expert__img"> <img src="/uploads/4817d653c3d16ee7667f7adb92a72cda.jpg" width="65" height="65" loading=lazy loading=lazy> </div> </div> <div class="columns small-9 medium-9"> <a href="https://128gb.ru/hr/udalenie-vtoroi-operacionnoi-sistemy-s-kompyutera-ubiraem-vtoruyu-os-windows-iz.html" title="Uklanjanje drugog Windows OS-a s popisa za preuzimanje Kako ukloniti drugi Windows 7 s vašeg računala" class="expert__name">Uklanjanje drugog Windows OS-a s popisa za preuzimanje Kako ukloniti drugi Windows 7 s vašeg računala</a> <div class="expert__specialty"> <a class="right-cat-link" href="https://128gb.ru/hr/category/protection/">Zaštita</a> </div> <div class="row full noGutter"> <div class="columns shrink"> <div class="expert__rate"> </div> </div> <div class="columns"> <div class="expert__rate"> </div> </div> </div> </div> </div> </div> <div class="experts-list__item"> <div class="expert row align-middle full noGutter"> <div class="columns small-3 medium-3"> <div class="expert__img"> <img src="/uploads/32316589abc8decf14a4a67462b55e04.jpg" width="65" height="65" loading=lazy loading=lazy> </div> </div> <div class="columns small-9 medium-9"> <a href="https://128gb.ru/hr/kak-vklyuchit-vai-fai-na-noutbuke-kak-vklyuchit-vai-fai-na.html" title="Kako uključiti Wi-Fi na prijenosnom računalu Kako postaviti usmjerivač na prijenosnom računalu sa sustavom Windows 8" class="expert__name">Kako uključiti Wi-Fi na prijenosnom računalu Kako postaviti usmjerivač na prijenosnom računalu sa sustavom Windows 8</a> <div class="expert__specialty"> <a class="right-cat-link" href="https://128gb.ru/hr/category/peripherals/">Periferija</a> </div> <div class="row full noGutter"> <div class="columns shrink"> <div class="expert__rate"> </div> </div> <div class="columns"> <div class="expert__rate"> </div> </div> </div> </div> </div> </div> <div class="experts-list__item"> <div class="expert row align-middle full noGutter"> <div class="columns small-3 medium-3"> <div class="expert__img"> <img src="/uploads/8432a7bfcdb706d1a86b782c05f75e83.jpg" width="65" height="65" loading=lazy loading=lazy> </div> </div> <div class="columns small-9 medium-9"> <a href="https://128gb.ru/hr/virus-zashchitil-fleshku-ot-zapisi-chto-delat-kak-snyat-zashchitu-s-fleshki-ot.html" title="Kako ukloniti zaštitu od pisanja s flash pogona" class="expert__name">Kako ukloniti zaštitu od pisanja s flash pogona</a> <div class="expert__specialty"> <a class="right-cat-link" href="https://128gb.ru/hr/category/boot-disk/">Disk za pokretanje</a> </div> <div class="row full noGutter"> <div class="columns shrink"> <div class="expert__rate"> </div> </div> <div class="columns"> <div class="expert__rate"> </div> </div> </div> </div> </div> </div> <div class="experts-list__item"> <div class="expert row align-middle full noGutter"> <div class="columns small-3 medium-3"> <div class="expert__img"> <img src="/uploads/e0d1cf337660c5106e756570c9b62ac3.jpg" width="65" height="65" loading=lazy loading=lazy> </div> </div> <div class="columns small-9 medium-9"> <a href="https://128gb.ru/hr/programmnyi-kompleks-poligon-tehnicheskii-plan-poligon-pro-tehplan.html" title="Polygon Pro: Tehnički plan građevine Koordinate odabranih objekata iz MapInfo" class="expert__name">Polygon Pro: Tehnički plan građevine Koordinate odabranih objekata iz MapInfo</a> <div class="expert__specialty"> <a class="right-cat-link" href="https://128gb.ru/hr/category/the-choice-of-operating-system/">Odabir operativnog sustava</a> </div> <div class="row full noGutter"> <div class="columns shrink"> <div class="expert__rate"> </div> </div> <div class="columns"> <div class="expert__rate"> </div> </div> </div> </div> </div> </div> <div class="experts-list__item"> <div class="expert row align-middle full noGutter"> <div class="columns small-3 medium-3"> <div class="expert__img"> <img src="/uploads/53d98bc9af6ce255f05b4ec31952bfdf.jpg" width="65" height="65" loading=lazy loading=lazy> </div> </div> <div class="columns small-9 medium-9"> <a href="https://128gb.ru/hr/testy-gtx-280-polzovatelyami-posle-pokupki-kompyuternyi-resurs-u-sm-osnovnye.html" title="Računalni resurs U SM" class="expert__name">Računalni resurs U SM</a> <div class="expert__specialty"> <a class="right-cat-link" href="https://128gb.ru/hr/category/useful-tips/">Korisni savjeti</a> </div> <div class="row full noGutter"> <div class="columns shrink"> <div class="expert__rate"> </div> </div> <div class="columns"> <div class="expert__rate"> </div> </div> </div> </div> </div> </div> <div class="experts-list__item"> <div class="expert row align-middle full noGutter"> <div class="columns small-3 medium-3"> <div class="expert__img"> <img src="/uploads/e3be64a997d74ba9a48f5b0195e074e5.jpg" width="65" height="65" loading=lazy loading=lazy> </div> </div> <div class="columns small-9 medium-9"> <a href="https://128gb.ru/hr/udalenie-uchetnoi-zapisi-polzovatelya-windows-7-poluchenie-administratorskih-prav.html" title="Dobivanje administratorskih prava" class="expert__name">Dobivanje administratorskih prava</a> <div class="expert__specialty"> <a class="right-cat-link" href="https://128gb.ru/hr/category/boot-disk/">Disk za pokretanje</a> </div> <div class="row full noGutter"> <div class="columns shrink"> <div class="expert__rate"> </div> </div> <div class="columns"> <div class="expert__rate"> </div> </div> </div> </div> </div> </div> <div class="experts-list__item"> <div class="expert row align-middle full noGutter"> <div class="columns small-3 medium-3"> <div class="expert__img"> <img src="/uploads/56fcf10656e3593988adfef2c6a300fd.jpg" width="65" height="65" loading=lazy loading=lazy> </div> </div> <div class="columns small-9 medium-9"> <a href="https://128gb.ru/hr/telefon-nokia-lyumiya-k-zavodskim-nastroikam-uchimsya-delat-sbros-nastroek-na.html" title="Učenje kako resetirati postavke na"нокиа люмия"" class="expert__name">Saznajte kako resetirati postavke na Nokia Lumiji</a> <div class="expert__specialty"> <a class="right-cat-link" href="https://128gb.ru/hr/category/installing-multiple-os/">Instalacija više OS-a</a> </div> <div class="row full noGutter"> <div class="columns shrink"> <div class="expert__rate"> </div> </div> <div class="columns"> <div class="expert__rate"> </div> </div> </div> </div> </div> </div> <div class="experts-list__item"> <div class="expert row align-middle full noGutter"> <div class="columns small-3 medium-3"> <div class="expert__img"> <img src="/uploads/9276f89bd5be32238287b52fc363a64e.jpg" width="65" height="65" loading=lazy loading=lazy> </div> </div> <div class="columns small-9 medium-9"> <a href="https://128gb.ru/hr/kakim-antivirusom-luchshe-proskanirovat-fleshku-kak-proverit-na-virusy-fleshku.html" title="Kako provjeriti flash disk na viruse?" class="expert__name">Kako provjeriti flash disk na viruse?</a> <div class="expert__specialty"> <a class="right-cat-link" href="https://128gb.ru/hr/category/peripherals/">Periferija</a> </div> <div class="row full noGutter"> <div class="columns shrink"> <div class="expert__rate"> </div> </div> <div class="columns"> <div class="expert__rate"> </div> </div> </div> </div> </div> </div> <div class="experts-list__item"> <div class="expert row align-middle full noGutter"> <div class="columns small-3 medium-3"> <div class="expert__img"> <img src="/uploads/f7802de41a637a687b0e9e72b5f2a052.jpg" width="65" height="65" loading=lazy loading=lazy> </div> </div> <div class="columns small-9 medium-9"> <a href="https://128gb.ru/hr/otkrytie-keisov-v-vorld-of-tank.html" title="Otvaranje kofera u World of Tank" class="expert__name">Otvaranje kofera u World of Tank</a> <div class="expert__specialty"> <a class="right-cat-link" href="https://128gb.ru/hr/category/installation-and-configuration/">Instalacija i konfiguracija</a> </div> <div class="row full noGutter"> <div class="columns shrink"> <div class="expert__rate"> </div> </div> <div class="columns"> <div class="expert__rate"> </div> </div> </div> </div> </div> </div> </div> <div> <div id="komojy1" style="height:500px;width:300px;" align="center"></div> </div> </aside> </div> </div> </main> </div> </div> </div> <footer class="footer"> <div class="footer-menu"> <a href="https://128gb.ru/hr/feedback.html" title="" class="footer-menu__item">Kontakti</a> <a href="" title="" class="footer-menu__item">o projektu</a> <a href="https://128gb.ru/hr/feedback.html" title="" class="footer-menu__item">Oglašavanje</a> </div> <div class="footer-bottom"> <div class="footer-bottom__wrapper"> <div class="footer-bottom__block"> <div class="footer__logo"> </div> <div class="footer__copyright" style="max-width:500px;">© 2024. Računalna pomoć <br> <small></small> </div> </div> <div class="footer-submenu"> <div class="footer-submenu__column"> <a class="footer-submenu__item" data-key="aHR0cDovL3NvdmV0cy5uZXQvYWJvdXQ=" data-type="href" href="https://128gb.ru/hr/category/useful-tips/">Korisni savjeti</a> </div> <div class="footer-submenu__column"> <a class="footer-submenu__item" data-key="aHR0cDovL3NvdmV0cy5uZXQvYWJvdXQ=" data-type="href" href="https://128gb.ru/hr/category/solving-problems/">Rješavanje problema</a> </div> <div class="footer-submenu__column"> <a class="footer-submenu__item" data-key="aHR0cDovL3NvdmV0cy5uZXQvYWJvdXQ=" data-type="href" href="https://128gb.ru/hr/category/iron/">Željezo</a> </div> <div class="footer-submenu__column"> </div> </div> <div class="footer-social"> </div> </div> </div> </footer> <script type="text/javascript" src="//vk.com/js/api/openapi.js?124"></script> <script> var BANNERS = { types: { code: 1, consultant: 6, modal: 9, offer: 7 } } </script> <script type="text/javascript" src="https://128gb.ru/wp-content/themes/womensovet/assets/js/app-20170207142519.js"> </script> <script type="text/javascript"> /*<![CDATA[*/ window.hashName = window.location.hash; if (window.hashName) { $(window).load(function () { $('html, body').animate({ scrollTop: $(window.hashName).offset().top} , 2000); return false; } ); } jQuery(function($) { $(document).foundation(); APP.init(); getVkSharedCount(); getFaceBookShareCount(); getOKShareCount(); } ); /*]]>*/ </script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.8.3'></script> <div class="li-stat"> </div> <!-- SAPE RTB JS --> <script async="async" src="https://cdn-rtb.sape.ru/teasers/js/291/2/92291.js" type="text/javascript"> </script> <!-- SAPE RTB END --><br> <br> </body> </html>