Izgled imena polja ili kako promijeniti čuvar mjesta. Dodavanje CSS stila za čuvar mesta I šta raditi sa pretraživačima koji ne podržavaju atribut čuvara mesta u unosu

U nastojanju da smanje oblik i smanje vizualnu buku, dizajneri oznaka su zamijenjeni atributom placeholdera, čime se povećava opterećenje kratkoročne memorije. Nagoveštaj je težak za čitanje osobama sa oštećenjem vida. Bolje postaviti direktno iznad polja za unos. Prazno polje je lakše prepoznati kao element koji zahtijeva dopunu.

Loše

Dobro

Stil: promijenite CSS boju čuvara mjesta

Promijenite stil polja za unos pomoću čuvara mjesta css

Loše

Efekt čuvara mjesta za

Atribut čuvara mjesta radi samo za i čak i ako druge oznake imaju specificiran 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 memorije koja mijenja vrijednost JavaScripta</h2> <input onblur="this.value=(this.value=="onfocus ="this.value=(this.value==this.title)?" value="Email" title="Email"> <input onblur="this.value=(this.value=="")?this.title:this.value;" onfocus="this.value=(this.value==this.title)?"":this.value;" value="Email" title="Email" /> <p>Atribut placeholder se koristi za poziv na akciju unutar praznih elemenata unosa i textarea. U ovom članku ćemo pogledati mogućnosti stiliziranja teksta rezerviranog mjesta, kao i neke trikove koji će ga učiniti praktičnijim i funkcionalnijim.</p> <p>Pa počnimo s primjerom za one koji ne znaju šta je placeholder.</p> <h4>html</h4> <input type="text" placeholder="Ostavite poruku ovdje"> <p>Stil čuvara mjesta može se promijeniti korištenjem sljedećeg skupa css pravila:</p> <h4>css</h4>:: - webkit-input-placeholder (boja: # c0392b;) :: - moz-placeholder (boja: # c0392b;) / * Firefox 19+ * /: -moz-placeholder (boja: # c0392b;) / * Firefox 18- * /: -ms-input-placeholder (boja: # c0392b;) <p>Izgleda zastrašujuće, zar ne? Činjenica je da to još uvijek nije u standardima. Svaki pretraživač ima svoju implementaciju podrške za stilizovanje čuvara mesta.</p> <p>U IE i starijem firefox-u (do 18.) placeholder se smatra pseudo-klasom, au novijim firefox-u, webkit-u i blink-u smatra se pseudo-elementom.</p> <p>Da vidimo šta se desilo:</p> <p>Mora se reći da nisu podržana sva moguća css svojstva. Većina modernih pretraživača vam omogućava da promijenite:</p> <ul><li>font (i povezana svojstva)</li> <li>pozadina (i povezana svojstva)</li> <li>boja</li> <li>razmak između riječi</li> <li>slovni razmak</li> <li>tekst-dekoracija</li> <li>vertikalno poravnanje</li> <li>text-transform</li> <li>visina linije</li> <li>uvlaka teksta</li> <li>text-overflow</li> <li>neprozirnost</li> </ul><h2>Šta ako čuvar mjesta ne odgovara?</h2> <p>Ponekad su polja za unos teksta smanjena po širini zbog posebnosti izgleda, posebno na mobilnim uređajima. U ovom slučaju, dugačak tekst čuvara mjesta će biti ružno odrezan. Da biste to spriječili, možete koristiti text-overflow: ellipsis. Ova sintaksa će raditi u svim novim pretraživačima.</p> <h4>css</h4>input (tekst-preljev: elipsis;) input :: - moz-placeholder (tekst-preljev: elipsis;) input: -moz-placeholder (tekst-preljev: ellipsis;) input: -ms-input-placeholder (tekst-preljev : elipsis;) <h2>Kako sakriti čuvar mjesta na fokusu?</h2> <p>Skrivanje čuvara mjesta se vrši na različite načine.</p> <ol><li>u nekim pretraživačima pri primanju fokusa putem unosa</li> <li>u drugim pretraživačima ako postoji barem jedan unesen znak</li> </ol><p>Više mi se sviđa prva opcija. Da bismo postavili ovo ponašanje u svim pretraživačima koji podržavaju čuvar mjesta, definiramo sljedeća css pravila:</p> <h4>css</h4>: fokus :: - webkit-input-placeholder (boja: transparent): fokus :: - moz-placeholder (boja: transparent): fokus: -moz-placeholder (boja: transparent): fokus: -ms-input-placeholder ( boja: prozirna) <h2>Lijepo sakrijte rezervirano mjesto</h2> <p>Također možete dodati prijelaz da prikažete i sakrijete rezervirano mjesto-a:</p> <h4>css</h4>/ * glatka promjena transparentnosti čuvara mjesta na fokusu * / .input1 :: - webkit-input-placeholder (prozirnost: 1; prijelaz: neprozirnost 0,3s lakoća;) .input1 :: - moz-placeholder (prozirnost: 1; prijelaz: neprozirnost 0,3s lakoća;) .input1: -moz-placeholder (prozirnost: 1; prijelaz: neprozirnost 0,3s lakoća;) .input1: -ms-input-placeholder (neprozirnost: 1; prijelaz: neprozirnost 0,3s lakoća;) .input1 : fokus :: - webkit-input-placeholder (prozirnost: 0; prijelaz: neprozirnost 0,3 s lakoća;) .input1: fokus :: - moz-placeholder (neprozirnost: 0; prijelaz: neprozirnost 0,3 s lakoća;) .input1: fokus : -moz-placeholder (neprozirnost: 0; prijelaz: neprozirnost 0,3 s lakoća;) .input1: fokus: -ms-input-placeholder (neprozirnost: 0; prijelaz: neprozirnost 0,3 s lakoća;) / * pomaknite rezervirano mjesto udesno kada fokus * / .input2 :: - webkit-input-placeholder (text-indent: 0px; prijelaz: text-indent 0.3s lakoća;) .input2 :: - moz-placeholder (text-indent: 0px; prijelaz: text-indent 0,3 s lakoća;) .input2: -moz-placeholder (uvlaka teksta: 0px; prijelaz: uvlačenje teksta 0,3 s lakoća;) .input2: -ms-input-placeholde r (uvlačenje teksta: 0px; prijelaz: uvlaka teksta 0,3 s lakoća;) .input2: fokus :: - webkit-input-placeholder (uvlačenje teksta: 500px; prijelaz: uvlačenje teksta 0,3 s lakoća;) .input2: fokus :: - moz-placeholder ( text-indent: 500px; prijelaz: text-indent 0,3s lakoća;) .input2: fokus: -moz-placeholder (text-indent: 500px; prijelaz: text-indent 0,3s lakoća;) .input2: fokus: -ms- input-placeholder (text-indent: 500px; prijelaz: text-indent 0,3s jednostavnost;) / * pomaknite rezervirano mjesto prema dolje prilikom fokusiranja * / .input3 :: - webkit-input-placeholder (visina linije: 20px; prijelaz: linija -height 0,5s lakoća;) .input3 :: - moz-placeholder (visina-line: 20px; prijelaz: line-visina 0,5s lakoća;) .input3: -moz-placeholder (visina-line: 20px; prijelaz: linija - visina 0,5 s lakoća;) .input3: -ms-input-placeholder (visina-line: 20px; prijelaz: visina-line 0,5s lakoća;) .input3: fokus :: - webkit-input-placeholder (visina-line: 100px ; prijelaz: line-height 0.5s jednostavnost;) .input3: fokus :: - moz-placeholder (line-height: 100px; prijelaz: line-height 0.5s jednostavnost;) .input3: fokus: -moz-placehold er (visina linije: 100px; prijelaz: visina-line 0,5 s lakoća;) .input3: fokus: -ms-input-placeholder (visina-line: 100px; prijelaz: visina-line 0,5s lakoća;) <p>Nadam se da će vam ovo biti od koristi. Napišite svoje komentare i prijedloge u komentarima.</p> <p>Pseudoelement koji se koristi za stiliziranje teksta opisa alata kreiranog atributom čuvara mjesta. Dozvoljeno je korištenje svojstava za promjenu izgleda teksta, na primjer, postavljanje fonta i boje.</p><h2>Sintaksa <i> </i></h2><p><i>Selektor</i>:: rezervirano mjesto (...)</p><active.sync><h2>Oznake</h2><table><tbody><tr><th> </th><th>Opis</th><th style="width: 130px">Primjer</th> </tr><tr><td><тип> </td><td>Označava vrstu vrijednosti.</td><td><размер> </td> </tr><tr><td>A && B</td><td>Vrijednosti moraju biti prikazane prikazanim redoslijedom.</td><td><размер> && <цвет> </td> </tr><tr><td>A | B</td><td>Označava da samo jednu od predloženih vrijednosti treba odabrati (A ili B).</td><td>normalno | small-caps</td> </tr><tr><td>A || B</td><td>Svaka vrijednost se može koristiti sama ili u kombinaciji s drugima bilo kojim redoslijedom.</td><td>širina || count</td> </tr><tr><td> </td><td>Grupne vrijednosti.</td><td>[usjev || križ]</td> </tr><tr><td>* </td><td>Ponovite nula ili više puta.</td><td>[,<время>]* </td> </tr><tr><td>+ </td><td>Ponovite jedan ili više puta.</td><td><число>+ </td> </tr><tr><td>? </td><td>Navedeni tip, riječ ili grupa je opciona.</td><td>umetnuti?</td> </tr><tr><td>(A, B)</td><td>Ponovite najmanje A, ali ne više od B puta.</td><td><радиус>{1,4} </td> </tr><tr><td># </td><td>Ponovite jedan ili više puta, odvojeno zarezima.</td><td><время># </td> </tr></tbody></table><h2>Primjer</h2><p><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>čuvar mjesta</title> <style> body { background: #053f38; } input { border: 1px solid #98baba; /* Параметры рамки */ background: transparent; /* Прозрачный фон */ padding: 1px 4px; /* Поля вокруг текста */ color: #fff; /* Цвет текста */ } input::-moz-placeholder { color: #ffd595; /* Цвет подсказывающего текста */ } input::-webkit-input-placeholder { color: #ffd595; } input:-ms-input-placeholder { color: #ffd595; } input::-ms-input-placeholder { color: #ffd595; } input::placeholder { color: #ffd595; } </style> </head> <body> <form action="handler.php"> <p><input type="search" placeholder="Pretraga sajta" name="q"> <input type="submit" value="Nađi"></p> </form> </body> </html> </p><p>Rezultat primjera prikazan je na sl. jedan.</p><p>Rice. 1. Upotreba :: čuvar mjesta</p><h2>Bilješka</h2><p>Internet Explorer koristi pseudo-klasu: -ms-input-placeholder.</p><p>Microsoft Edge koristi pseudoelement :: - ms-input-placeholder.</p><p>Chrome prije 57, Opera prije 44, Safari prije 10.1 i Android koriste pseudoelement :: - webkit-input-placeholder.</p><p>Firefox 4 do 19 koristi: -moz-placeholder pseudo-klasu.</p><p>Firefox prije verzije 51 koristi pseudoelement :: - moz-placeholder.</p><h2>Pregledači <i> </i></h2><p><b-tabs type="is-boxed"><b-tab-item label="Настольные" icon="icon-desktop" icon-pack="icon"></b-tab-item></b-tabs></p><active.sync><h2>Pregledači</h2><p>Sledeće konvencije se koriste u tabeli pretraživača.</p></active.sync></active.sync> <p>Ako niste upoznati sa atributom placeholdera, hajde da razjasnimo malo šta je to i gde se koristi. Koristi se u poljima za unos obrasca. Atribut prikazuje natpis u polju za unos koji predstavlja ulogu nagoveštaja. Ranije je na našoj web stranici bio primjer korištenja javascripta, pozitivna strana ove metode je kompatibilnost među pretraživačima. Hajde sada da razgovaramo o stilizovanju atributa čuvara mesta koji se koristi u elementima unosa i tekstualnog područja. <br>Kod za polje za unos u našem primjeru će izgledati otprilike ovako:</p><p> <input type="text" placeholder="Unesite svoje ime"> </p><p>Na izlazu dobijamo sledeće polje: <input type="text" placeholder="Unesite svoje ime"></p> <p>Sada zamislimo da trebamo stilizirati čuvar mjesta, za ovo moramo napisati skup pravila u CSS-u:</p><p>:: - webkit-input-placeholder (boja: # c1c1c1;) :: - moz-placeholder (boja: # c1c1c1;) / * Firefox 19+ * /: -moz-placeholder (boja: # c1c1c1;) / * Firefox 18- * /: -ms-input-placeholder (boja: # c1c1c1;)</p><p>Dobijamo: <input class="plc" type="text" placeholder="Unesite svoje ime"></p> <p>Ne možemo promijeniti sva svojstva, ali lista većine njih koje podržavaju moderni pretraživači je data u nastavku: <br><b>font</b>(takođe povezane nekretnine) <br><b>pozadini</b>(takođe povezane nekretnine) <br><b>boja</b><br><b>razmak između riječi</b><br><b>slovni razmak</b><br><b>tekst-dekoracija</b><br><b>vertikalno poravnanje</b><br><b>text-transform</b><br><b>visina linije</b><br><b>uvlaka teksta</b><br><b>text-overflow</b><br><b>neprozirnost</b></p> <p>Pravilo je drugačije napisano u različitim pretraživačima. sve dok ne postoji jedinstveni standard, ovaj skup zapisa ostaje relevantan. U IE pretraživaču, kao i u firefoxu ispod verzije 18, placeholder se doživljava kao pseudo-klasa, au novim pretraživačima firefox, webkit i blink se percipira kao pseudo-element.</p><p><b>Smanji tekst u čuvaru mjesta</b><br>Ponekad nagovještaji mogu biti toliko dugi da se ne mogu u potpunosti uklopiti u polje za unos. U ove svrhe možete koristiti i dodatna svojstva koja će skratiti tekst čuvara mjesta u polju za unos.</p><p>Ulaz (tekst-preljev: elipsis;) input :: - moz-placeholder (tekst-preljev: elipsis;) input: -moz-placeholder (tekst-preljev: elipsis;) ulaz: -ms-input-placeholder (tekst-preljev : elipsis;)</p><p>Kao rezultat, dobijamo polje za unos sa rezerviranim mjestom poput ovog: <input class="plc2" type="text" placeholder="Unesite svoje ime"></p><p><b>Sakrijte tekst kada kliknete na polje</b><br>Podrazumevano, svaki pretraživač drugačije tumači reakcije čuvara mjesta. U nekim pretraživačima se sakriva odmah kada kliknete na polje, u drugim se sakriva ako postoji barem jedan znak u polju za unos. Napravimo tako da tekst bude skriven pri kliku na polje, isti u svim pretraživačima.</p><p>: fokus :: - webkit-input-placeholder (boja: transparentno;): fokus :: - moz-placeholder (boja: transparentan;): fokus: -moz-placeholder (boja: transparentan;): fokus: -ms-input -placeholder (boja: transparentna;)</p><p>Dobijamo ovu akciju:</p> <p>Čuvar mjesta je pseudo-klasa ili pseudo-element koji je odgovoran za prikaz imena polja. U suštini, ovo je oznaka (nazovimo je tako radi jednostavnosti) u koju unosite riječ, a korisnik je vidi unutra. Neka vrsta nagoveštaja ili imena za svako polje obrasca.</p><p>Svaki pretraživač drugačije rukuje ovom oznakom, a njen stil ostavlja mnogo da se poželi. Da biste promijenili zadane stilove, samo dodajte nekoliko redova koda u listu stilova. Nema ništa komplikovano. <br>Istina, mora se imati na umu da se ne možemo svi promijeniti.</p><h2>Među svom raznolikošću stilova, u ovom slučaju, dostupne su nam sljedeće stvari:</h2><ul><li>font-weight - podešavanje težine teksta</li><li>font-size - odaberite veličinu teksta</li><li>font-family - odabir fontova</li><li>pozadina - pozadina i pozadinska slika</li><li>boja - boja teksta</li><li>razmak između riječi - postavlja razmak između riječi</li><li>slovni razmak - postavlja razmak između slova</li><li>text-decoration - izbor ukrasa riječima. Podcrtavanje, precrtavanje itd.</li><li>vertical-align - postavlja vertikalno poravnanje</li><li>text-transform - izbor promjene teksta. Sve velikim ili malim slovima i tako dalje</li><li>line-height - razmak između redova</li><li>text-indent - postavlja lijevu marginu prvog reda pasusa</li><li>text-overflow - odaberite za prikaz teksta koji se ne uklapa u blok (sakrij ili izreži i dodaj tri tačke)</li><li>neprozirnost - odaberite prozirnost elementa</li> </ul><p>Sada kada smo shvatili dostupne stilove, možemo početi stilizirati dodavanjem sljedećih stilova:</p><p>:: - webkit-input-placeholder (boja: # 2cb04d;) <br>:: - moz-placeholder (boja: # 2cb04d;) / * Firefox 19+ * / <br>: -moz-placeholder (boja: # 2cb04d;) / * Firefox 18- * / <br>: -ms-input-placeholder (boja: # 2cb04d;)</p><p>Nakon dodavanja ovih redova, boja naslova unutar polja obrasca će se promijeniti i bit će ista u svakom pretraživaču. Ovdje također možete dodati dodatne stilove. <br>Na primjer, ovo je stil</p><p>:: - webkit-input-placeholder (boja: # 2cb04d; veličina fonta: 1,5 em; težina fonta: 600;) <br>:: - moz-placeholder (boja: # 2cb04d; veličina fonta: 1.5em; težina fonta: 600;) / * Firefox 19 + * / <br>: -moz-placeholder (boja: # 2cb04d; veličina fonta: 1.5em; težina fonta: 600;) / * Firefox 18 - * / <br>: -ms-input-placeholder (boja: # 2cb04d; veličina fonta: 1,5em; težina fonta: 600;)</p><p>Tekstu će dodati boju, veliku veličinu i srednju težinu. Ako dodate dodatnu nekretninu - <br>text-overflow: elipsis onda će tekst biti izrezan tako da stane na marginu i elipsa će biti dodana na kraju.</p><p>Postoji još jedno zanimljivo svojstvo, zahvaljujući izgledu animacije u css-u (stilovi), možete podesiti lijepo skrivanje kada se kursor postavi u polje. Ranije se to radilo preko js (skripti)</p><p>Ulaz :: - webkit-input-placeholder (neprozirnost: 1; prijelaz: neprozirnost 0,3 s lakoća;) <br>.input :: - moz-placeholder (neprozirnost: 1; prijelaz: neprozirnost 0,3s lakoća;) <br>.input: -moz-placeholder (neprozirnost: 1; prijelaz: neprozirnost 0,3s lakoća;) <br>.input: -ms-input-placeholder (neprozirnost: 1; prijelaz: neprozirnost 0,3s lakoća;) <br>.input: fokus :: - webkit-input-placeholder (neprozirnost: 0; prijelaz: neprozirnost 0,3s lakoća;) <br>.input: fokus :: - moz-placeholder (neprozirnost: 0; prijelaz: neprozirnost 0,3s lakoća;) <br>.input: fokus: -moz-placeholder (neprozirnost: 0; prijelaz: neprozirnost 0,3s lakoća;) <br>.input: fokus: -ms-input-placeholder (neprozirnost: 0; prijelaz: neprozirnost 0,3s lakoća;)</p><p>Dodavanje takvih stilova omogućit će čuvaru mjesta da nestane kada se kursor postavi u polje <br>.input je klasa elementa forme. Da bi stilovi funkcionirali, kod polja obrasca trebao bi izgledati ovako:</p><p><input type="text" class="input" placeholder="naziv polja"></p><p>Ili možete koristiti klasu elementa. Na ovaj način možete postaviti različite stilove za svaki oblik.</p><p><!-- первым указываем класс контейнера, тег формы и тег вставки поля --><br>.contacts-form form input :: - webkit-input-placeholder (boja: # 2cb04d; veličina fonta: 1,5em; težina fonta: 600;) <br>.contacts-form form unos :: - moz-placeholder (boja: # 2cb04d; veličina fonta: 1.5em; težina fonta: 600;) / * Firefox 19 + * / <br>.contacts-form form unos: -moz-placeholder (boja: # 2cb04d; veličina fonta: 1,5em; težina fonta: 600;) / * Firefox 18 - * / <br>.contacts-form form unos: -ms-input-placeholder (boja: # 2cb04d; veličina fonta: 1,5em; težina fonta: 600;)</p><p>Na tako jednostavne načine možete napraviti zaista lijep dizajn forme.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <div class="post-social-counters-block"> <div style="margin-top: 12px"> <noindex></noindex> </div> </div> </div> </div> <a name="comments"></a> <h3 class="best-theme-posts-title">Top srodni članci</h3> <div class="container-fluid"> <div class="best-theme-posts row"> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/bs/kak-sozdat-muzykalnoe-prilozhenie-luchshie-programmy-dlya.html"> <div class="img_container"><img src="/uploads/f4d3e2945cddbbb56b9bf21f983a069a.jpg" border="0" alt="Najbolji programi za kreiranje osnovne i elektronske muzike" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Najbolji programi za kreiranje osnovne i elektronske muzike</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/bs/kuda-vstavlyat-etot-kod-v-wordpress-obshchaya-struktura-failov-temy-kak.html"> <div class="img_container"><img src="/uploads/bdf3f4bf0cac1348d1c04416ab36f97b.jpg" border="0" alt="Opća struktura datoteka tema" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Opća struktura datoteka tema</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/bs/sochetanie-cvetov-v-web-dizaine-osnovnye-principy-ispolzovaniya-cveta-v.html"> <div class="img_container"><img src="/uploads/46db91e5ce4fb5424a1f2888fe3ad597.jpg" border="0" alt="Osnovni principi upotrebe boja u web dizajnu" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Osnovni principi upotrebe boja u web dizajnu</span> </a> </div> </div> </div> </div> <a name="comments"></a> </div> <div class="right-column col-sm-4 col-md-4"> <div class="write"> <span class="tags-title">Kategorije:</span> <ul style="height: 286px;" id="right-tags" data-tagscount="18" data-currentmaxtag="10" class="tags"> <li class=""><a href="https://bumotors.ru/bs/category/programs/">Programi</a></li> <li class=""><a href="https://bumotors.ru/bs/category/safety/">Sigurnost</a></li> <li class=""><a href="https://bumotors.ru/bs/category/windows-10/">Windows 10</a></li> <li class=""><a href="https://bumotors.ru/bs/category/iron/">Iron</a></li> <li class=""><a href="https://bumotors.ru/bs/category/windows-8/">Windows 8</a></li> <li class=""><a href="https://bumotors.ru/bs/category/vkontakte/">U kontaktu sa</a></li> <li class=""><a href="https://bumotors.ru/bs/category/errors/">Greške</a></li> </ul> </div> <div class="banner"> </div> </div> </div> </div> <div style="clear:both"></div> </div> <div class="footer"> <div class="subscribe"> <div class="main-wrapper container"> <div class="row"> <div class="col-sm-8"> </div> <div class="col-sm-4"> <div class="social"> <a href="" class="vk social-ico"></a> <a href="https://facebook.com/" class="fb social-ico"></a> <a href="https://twitter.com/" class="tw social-ico"></a> </div> </div> </div> </div> </div> <div class="info"> <div class="main-wrapper container"> <div class="row"> <span class="footer-info col-xs-12">© 2021 bumotors.ru. Kako podesiti pametne telefone i računare. Informativni portal.</span> </div> </div> </div> </div> </body> </html>