Css premotavanje slova u novi redak. Hifenacija riječi. Uključite crticu za riječi koje se ne uklapaju

Opis

Svojstvo razmaka postavlja način prikaza razmaka između riječi. U normalnim okolnostima, bilo koji broj razmaka u HTML kodu pojavit će se kao jedan na web stranici. Izuzetak je oznaka

Tekst smješten u ovom spremniku prikazuje se sa svim razmacima kako ga je formatirao korisnik.  Dakle, razmak oponaša način rada oznake. 
Ali za razliku od njega, ne mijenja font u monospaced.

Sintaksa
razmak: normalan |  nowrap |  prije |  pre-line |  prethodno zamotati |  naslijediti
Vrijednosti
normalan Tekst se prikazuje u prozoru preglednika kao i obično, prijelomi redaka se postavljaju automatski.  Nowrap Razmak se zanemaruje, prijelomi redaka se zanemaruju u HTML kodu, sav tekst se prikazuje u jednom retku;  međutim, dodavanje oznake 
prelama tekst u novi red.  pre Tekst se prikazuje uključujući sve razmake i crtice kako ih je dodao programer u HTML kodu.  Ako je redak predugačak da stane u prozor preglednika, bit će dodana vodoravna traka za pomicanje.  Razmaci prije retka se ne uzimaju u obzir u tekstu, tekst se automatski prelama u sljedeći redak ako ne stane u navedeno područje.  pre-wrap Svi razmaci i prijelomi su sačuvani u tekstu, međutim, ako širina retka ne stane u navedeno područje, tekst će se automatski prelamati u sljedeći redak.  inherit Nasljeđuje vrijednost od roditelja. 
Utjecaj vrijednosti na tekst prikazan je u tablici.  1.
HTML5 CSS2.1 IE Cr Op Sa Fx

 

 
 
 
 
 
 
 
Primjer
 

 
 
 Fermatov posljednji teorem

 x n+ Y n= Z n
gdje je n cijeli broj > 2
 
 
 

Rezultat ovog primjera prikazan je na sl.  1.
Riža.  1. Primjena svojstva razmaka
Model objekta
document.getElementById ("elementID") .style.whiteSpace
Preglednici
Internet Explorer do i uključujući 7.0 ne podržava pre-line, pre-wrap i nasljeđivanje.  Za </p>
<p>Opera prije verzije 9.5 ne podržava vrijednost prije retka.  Za <textarea>normalne i pre vrijednosti ponašaju se kao pre-wrap, a vrijednost nowrap ponaša se kao pre-line.</p>
<p>Safari prije 3.0 i iOS ne podržavaju vrijednosti pre-wrap i pre-line.</p>
<p>Firefox do i uključujući verziju 2.0 ne podržava vrijednosti pre-line i pre-wrap.  Za <textarea>vrijednosti normal, nowrap i pre tumače se kao pre-wrap.</p>
<p>Odredite kako premotati duge riječi:</p><ol><li>samo tamo gdje postoji crtica, razmak ili Enter (osim razmaka bez prekida i crtice -).  Crtica je napisana između dijelova jedne riječi (na primjer, crvene i žute), između riječi - crtica.  "Meka crtica" - pojavljuje se samo kada je crtica neophodna.  Ako je riječ izvan domašaja roditelja, onda <wbr>ili prenosi dio bez crtice.  Minus se koristi u matematičkim izrazima (na primjer, 5 - 2).  U telefonskim brojevima prikazuje se digitalna linija (na primjer, +7 800 000‒00‒00).  A sve to nije tako poznato - to je na tipkovnici.</li><li>nakon bilo kojeg lika.</li><li>prema pravilima ruskog jezika s automatskim spajanjem crtica.</li>
</ol><input id="dva" type="checkbox"><p><b>prelijevati-zamotati</b> <input id="raz100" name="raz100" checked type="radio"><input id="raz101" name="raz100" type="radio"><br><b>premotavanje riječi</b> <input id="raz200" name="raz200" checked type="radio"><input id="raz201" name="raz200" type="radio"><br><b>prijelom riječi</b> <input id="raz300" name="raz300" checked type="radio"><input id="raz301" name="raz300" type="radio"><input id="raz302" name="raz300" type="radio"><br><b>prijelom reda</b> <input id="raz400" name="raz400" checked type="radio"><input id="raz401" name="raz400" type="radio"><input id="raz402" name="raz400" type="radio"><input id="raz403" name="raz400" type="radio"><br><b>crtice</b> <input id="raz500" name="raz500" checked type="radio"><input id="raz501" name="raz500" type="radio"><input id="raz502" name="raz500" type="radio"></p><p>naših tisuću devetsto devedeset devet kilograma već je preispitano <span>krmar-buldožer-utovarivač</p><p>
 <style>
.div {
 overflow-wrap: <b>normal;
</b><b>break-word;
</b> <i>/* не поддерживает IE, Firefox; является копией word-wrap */
</i>
 word-wrap: <b>normal
</b><b>break-word
</b>;
 word-break: <b>normal;
</b><b>keep-all;
</b><b>break-all;
</b> <i>/* не поддерживает Opera12.14, значение keep-all не поддерживается IE, Chrome */
</i>
 line-break: <b>auto
</b><b>loose
</b><b>normal
</b><b>strict
</b>; <i>/* нет поддержки для русского языка */
</i>
<b> -webkit-hyphens: none;
</b><b> -webkit-hyphens: auto;
</b> <b>-ms-hyphens: none;
</b><b>-ms-hyphens: auto;
</b> hyphens: <b>manual
</b><b>none
</b><b>auto
</b>; <i>/* значение auto не поддерживается Chrome */
</i>
 width: 50%;
<b> white-space: nowrap;
</b>}
</style>
<div class="div" <b>lang = "ru"</b><b>lang = "ru"</b>> naših tisuću devetsto devedeset devet je već preispitano <b>-
</b> kilogram krmar-buldožer-utovarivač</div></p>
<h3>Koja je razlika između jedne imovine i druge</h3>
<p>Prema zadanim postavkama, duge riječi se ne stavljaju na crticu osim ako nisu eksplicitno naznačene crticom i počinju u novom retku.</p><p>Kako bismo zanemarili linije koje su odmah vidljive oku, dodajemo word-break: keep-all;  ...</p><p>Kako bismo spriječili preglednik da obrati pažnju na meku crticu, umećemo crtice: none;  ...</p><p>Ako je potrebno prelamanje riječi, onda prelamanje riječi: break-word;  Savjetujem vam da ga uvijek koristite, jer ga razumiju svi preglednici.  Razlikuje se od loma riječi: break-all;  koji ima prednost u tome da riječi koje se ne uklapaju u blok počinju na novom redu i poštuje se preporuka meke crtice.</p><p>Kada se koristi zajedno, riječ-prekid: break-all;  s crticama: auto;  , potonje se zanemaruje.  crtice: auto;  stavlja sve crtice kako mu odgovara.  Ali da bi funkcionirao, morate odrediti svoj jezik navođenjem atributa lang = "ru" u div.</p><h2>Ne prelamajte riječi u drugi redak</h2>
<p>Recimo da stavka ili gumb izbornika ne izgleda dobro ako se razbije.  Stoga je potrebno zabraniti njihovo razdvajanje.  Za to, sva gornja svojstva trebaju biti postavljena na "zadani" način rada i dodana.  Kliknite i pogledajte naš poligon.</p><h2>Prelamanje kontrolne riječi za crtice: auto;</h2>
<p>Tetrahidropiranilciklopentiltetrahidropiridopiridin</p><p>
 <div class="hyphens" lang="ru">Tetrahidropi<span class="nohyphens">piridino</span> visoka</div>
<style>
.hyphens {
 -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; /* пока поддерживает только Firefox */
 text-align: justify;
}
.nohyphens {
 white-space: nowrap;
}
</style></p>
<h3>kratke informacije</h3>
<h3>CSS verzije</h3>
<table class="cssver"><tr><th>CSS 1</th>
 <th>CSS 2</th>
 <th>CSS 2.1</th>
 <th>CSS 3</th>
</tr><tr><td class="spec_yes">
</td>
 <td class="spec_yes">
</td>
 <td class="spec_yes">
</td>
 <td class="spec_yes">
</td>
</tr></table><h3>Opis</h3>
<p>Svojstvo razmaka postavlja način prikaza razmaka između riječi.  U normalnim okolnostima, bilo koji broj razmaka u HTML kodu pojavit će se kao jedan na web stranici.  Izuzetak je oznaka <pre>Tekst smješten u ovom spremniku prikazuje se sa svim razmacima kako ga je formatirao korisnik.  Dakle, razmak oponaša način rada oznake. <pre>Ali za razliku od njega, ne mijenja font u monospaced.</p>
<h3>Sintaksa</h3>
<p>razmak: normalan |  nowrap |  prije |  pre-line |  prethodno zamotati |  naslijediti</p>
<h3>Vrijednosti</h3>normalan Tekst se prikazuje u prozoru preglednika kao i obično, prijelomi redaka se postavljaju automatski.  Nowrap Razmak se zanemaruje, prijelomi redaka se zanemaruju u HTML kodu, sav tekst se prikazuje u jednom retku;  međutim, dodavanje oznake <br>prelama tekst u novi red.  pre Tekst se prikazuje uključujući sve razmake i crtice kako ih je dodao programer u HTML kodu.  Ako je redak predugačak da stane u prozor preglednika, bit će dodana vodoravna traka za pomicanje.  Razmaci prije retka se ne uzimaju u obzir u tekstu, tekst se automatski prelama u sljedeći redak ako ne stane u navedeno područje.  pre-wrap Svi razmaci i prijelomi su sačuvani u tekstu, međutim, ako širina retka ne stane u navedeno područje, tekst će se automatski prelamati u sljedeći redak.  inherit Nasljeđuje vrijednost od roditelja. <p>Utjecaj vrijednosti na tekst prikazan je u tablici.  1.</p>
<p>HTML5 CSS2.1 IE Cr Op Sa Fx</p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>bijeli prostor</title>
 <style>
 .example {
 border: 1px dashed #634f36; /* Параметры рамки */
 background: #fffff5; /* Цвет фона */
 font-family: "Courier New", Courier, monospace; /* Семейство шрифта */
 padding: 7px; /* Поля вокруг текста */
 margin: 0 0 1em; /* Отступы */
 white-space: pre; /* Учитываются все пробелы и переносы */
 }
 .exampleTitle {
 border: 1px solid black; /* Параметры рамки */
 border-bottom: none; /* Убираем линию снизу */
 padding: 3px; /* Поля вокруг текста */
 display: inline; /* Отображать как встроенный элемент */
 background: #efecdf; /* Цвет фона */
 font-weight: bold; /* Жирное начертание */
 font-size: 90%; /* Размер шрифта */
 margin: 0; /* Убираем отступы */
 white-space: nowrap; /* Переносов в тексте нет */
 }
 </style>
 </head>
 <body>
 <p class="exampleTitle">Primjer</p>
 <p class="example">
 <html>
 <body>
 <b>Fermatov posljednji teorem</b><br>
 <i>x <sup><small>n</small></sup>+ Y <sup><small>n</small></sup>= Z <sup><small>n</small></sup></i><br>gdje je n cijeli broj > 2</body>
 </html>
 </p>
 </body>
</html>
</p><p>Rezultat ovog primjera prikazan je na sl.  1.</p>
<p>Riža.  1. Primjena svojstva razmaka</p>
<h3>Model objekta</h3>
<p>document.getElementById ("elementID") .style.whiteSpace</p>
<h3>Preglednici</h3>
<p>Internet Explorer do i uključujući 7.0 ne podržava pre-line, pre-wrap i nasljeđivanje.  Za <textarea></p>
<p>Opera prije verzije 9.5 ne podržava vrijednost prije retka.  Za <textarea>normalne i pre vrijednosti ponašaju se kao pre-wrap, a vrijednost nowrap ponaša se kao pre-line.</p>
<p>Safari prije 3.0 i iOS ne podržavaju vrijednosti pre-wrap i pre-line.</p>
<p>Firefox do i uključujući verziju 2.0 ne podržava vrijednosti pre-line i pre-wrap.  Za <textarea>vrijednosti normal, nowrap i pre tumače se kao pre-wrap.</p>
<p>Vlad Merzhevich</p>
 <p>Za razliku od teksta u ispisu, crtica se rijetko koristi na web stranici, jer nismo strogo vezani za veličinu papira.  Web stranice se mogu gledati na različitim monitorima, s različitim razlučivostima, u različitim operativnim sustavima i preglednicima.  Sve to dovodi do takve kombinacije kombinacija da je nemoguće predvidjeti kako će konačni tekst izgledati za korisnika.  Zbog toga je tekst obično poravnat lijevo i stavlja se preko crtica kao cijele riječi.  No, ipak, u nekim je slučajevima, na primjer, kada se koriste dugi kemijski ili medicinski izrazi, u uskim stupcima zadane širine, radi estetike, stavljanje crtica potrebno.  U HTML-u i CSS-u nema toliko ručnih ili automatskih načina za dodavanje hifena, pa ću ih sve navesti.</p>
<h2>Korištenje oznake <wbr></h2>
<p>Označiti <wbr>uveden u HTML5 i stvara prelamanje riječi kada je to potrebno.  Na onim mjestima gdje je, prema pravilima ruskog jezika, dopušten prijenos, ubacujemo <wbr>(primjer 1).  Ako cijela riječ stane u dodijeljenu širinu, ova se oznaka neće manifestirati ni na koji način, a mi nećemo ni znati za njezinu prisutnost.  Ako riječ ne odgovara, preglednik je na mjestu oznake <wbr>stvara prijenos.</p>
<p>Primjer 1. Oznaka <wbr></p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>Transferi</title>
 <style> </style>
 </head>
 <body>
 <p class="word">Jedan <wbr>supradiclas <wbr>doušnik Angelica nakon što je završila školu odabrala je profesiju biznisa <wbr>proizvodnja <wbr>vozač <wbr>lica.</p>
 </body>
</html>
</p><p>Rezultat ovog primjera prikazan je na sl.  1.</p>
<p>Riža.  1. Tekst s prelamanjem riječi</p>
<h2>Meki prijenos</h2>
<p>Primjena <wbr>ima ozbiljan nedostatak - nemoguće je razumjeti je li crtica ispred nas ili posebna riječ u drugom retku.  Zbog toga se značenje rečenice može izgubiti i pogrešno shvatiti.  Crticu treba izvesti prema pravilima tipografije, odnosno: dodati crticu na kraju retka.  Meko spajanje crtica izvrsno radi to, postoji poseban simbol za to u HTML kodu -.  Ima istu ulogu kao i oznaka <wbr>- nije vidljivo u normalnom tekstu i prelama riječ u drugi red, dok dodaje crticu (primjer 2).</p>
<p>Primjer 2. Meko nošenje</p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>Transferi</title>
 <style>
 .word {
 width: 160px;
 background: #f0f0f0;
 border: 1px solid #333;
 padding: 10px;
 font-size: 18px;
 }
 </style>
 </head>
 <body>
 <p class="word">Jedanaesta-snica-snica Angelica, nakon završene škole, izabrala je zanimanje poslovnog producenta-vozača.</p>
 </body>
</html>
</p><p>Rezultat ovog primjera prikazan je na sl.  2. Primijetite koliko je tekst postao estetski ugodniji i razumljiviji u usporedbi sa sl.  1.</p>
<p><img src='https://i0.wp.com/htmlbook.ru/files/images/blog/break_2.png' height="169" width="182" loading=lazy loading=lazy></p>
<p>Riža.  2. Tekst s prelamanjem riječi</p>
<h2>Svojstvo word-break</h2>
<p>Da biste automatizirali proces stvaranja crtica, koristite svojstvo word-break s vrijednošću break-all (primjer 3).  Nema potrebe dodavati nikakve simbole ili oznake u HTML, sve preuzimaju stilovi.</p>
<p>Primjer 3. Korištenje prijeloma riječi</p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>Transferi</title>
 <style>
 .word {
 width: 160px;
 background: #f0f0f0;
 border: 1px solid #333;
 padding: 10px;
 font-size: 18px;
 word-break: break-all;
 }
 </style>
 </head>
 <body>
 <p class="word">Učenica jedanaestog razreda Angelica nakon završene škole odabrala je zanimanje službenika.</p>
 </body>
</html>
</p><p>Rezultat ovog primjera prikazan je na sl.  3. U ovom slučaju se ne uzimaju u obzir pravila crtice, pa se riječi mogu stavljati na vrlo bizaran način.</p>
<p><img src='https://i1.wp.com/htmlbook.ru/files/images/blog/break_3.png' height="148" width="182" loading=lazy loading=lazy></p>
<p>Riža.  3. Tekst s prelamanjem riječi</p>
<p>Od svih navedenih metoda, "poluručno" korištenje - daje najbolji rezultat - slijedi pravila ruskog jezika, tekst izgleda najugodnije.  Koristite ga kada u tekstu ima dugih riječi.</p>
<h2>Svojstvo crtice</h2>
<p>I konačno, najmoćnije i najprikladnije svojstvo za automatsko dodavanje crtica su crtice.  Njegovo djelovanje temelji se na ugrađenom rječniku hifenacije preglednika, stoga daje najbolji rezultat.  Podržano u IE10, Firefoxu, Androidu i iOS-u.  Chrome i Opera ne podržavaju.  Da sve funkcionira, za oznaku <html>dodajte atribut lang s vrijednošću ru (primjer 4).</p>
<p>Primjer 4. Korištenje crtica</p><p>
 <!DOCTYPE html>
<html lang="ru">
 <head>
 <meta charset="utf-8">
 <title>Transferi</title>
 <style>
 .word {
 width: 160px;
 background: #f0f0f0;
 border: 1px solid #333;
 padding: 10px;
 font-size: 18px;
 -moz-hyphens: auto;
 -webkit-hyphens: auto;
 -ms-hyphens: auto;
 }
 </style>
 </head>
 <body>
 <p class="word">Učenica jedanaestog razreda Angelica nakon završene škole odabrala je zanimanje službenika.</p>
 </body>
</html>
</p><p>Rezultat ovog primjera prikazan je na sl.  4.</p>
<p><img src='https://i2.wp.com/htmlbook.ru/files/images/blog/break_4.png' height="146" width="182" loading=lazy loading=lazy></p>
<p>Riža.  4. Tekst s prelamanjem riječi</p>
<h2>Spriječite hifenu</h2>
<p>Često se javlja i obrnuti problem - zabraniti crtice na onim mjestima gdje su, prema pravilima jezika, neprihvatljive.  Na primjer, ne možete odvojiti mjerne jedinice od broja (10 ml), oznake godine (54. pr. Kr.), inicijala od prezimena, razbiti trajne kratice (itd.) itd. Kako preglednik ne bi dodajte crtice u razmak, treba ga zamijeniti neprekidnim razmakom (primjer 5).</p>
<p>Primjer 5. Upotreba</p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>Transferi</title>
 <style>
 .word {
 width: 160px;
 background: #f0f0f0;
 border: 1px solid #333;
 padding: 10px;
 font-size: 18px;
 }
 </style>
 </head>
 <body>
 <p class="word">Jezero na koordinatama 70 ° 58 ′ 19 ″ s.  NS.  97 ° 24 ′ 5 ″ E  Selo se nalazi u Taimyr Dolgano-Nenets okrugu na Krasnojarskom teritoriju Rusije.</p>
 </body>
</html>
</p><p>U ovom primjeru, za ispravan pravopis koordinata, koristi se ono što ne dopušta prelamanje teksta.</p>
<p>Pozdrav svima).  Nastavljam pisati o raznim korisnim svojstvima css jezika koji nekako mogu pomoći u izgledu.  A danas vam želim reći kako umotati riječi u css ako ne stanu u vaš spremnik.  Sve ću vam pokazati na pravom primjeru.</p>
 <h2>Uključite crticu za riječi koje se ne uklapaju</h2>
 <p>Recimo da imam blok širine 100 piksela i u njega trebam napisati nešto teksta.  Tekst sadrži riječ " <i>samoizvlačeći</i>".  Ovo je arhiva, na primjer) Ali nije poanta.  Riječ je jako duga, jednostavno neće stati u širinu spremnika.  Napišimo to u tako uskom bloku (100 piksela).  Što će se dogoditi?</p><p>Kao što vidite, jadnik je ispuzao iz kontejnera, eto, nema kamo, što ćete.  I ovo je bez uvlačenja.  Dakle, ovdje svojstvo premotavanja riječi dolazi u pomoć.  Evo što trebate zatražiti od bloka da omogući prelamanje riječi u njemu:</p>
 <p>Prelom riječi: break-word;</p>
 <p>A za uvjerljivost možete dodati i padding.  Dakle, nakon primjene svojstva, vidimo da će riječi koje su preduge premotati riječ po slovo u drugi redak.  Štoviše, čak i ako drugi redak nije dovoljan za riječ, ostatak će se prenijeti u treći, itd. <br><br>Želim istaknuti da se nekretnina može sigurno koristiti.  Prvo, danas odlično radi u preglednicima.  Drugo, radi pametno.  Naime, za sve normalne riječi neće biti hifena, cijele riječi će se prenijeti u sljedeći red, tako da čitljivost neće biti narušena.  Možete ga vidjeti na ovoj snimci zaslona.</p>
 <h2>Kada koristiti prelamanje riječi</h2>
 <p>Zapravo, do sada vidim 2 slučaja korištenja.  Prvi je samo za uske blokove, gdje se bojite da bi duge riječi mogle ružno ispuzati iz bloka.  Drugi je kada je dizajner zamislio da naziv stranice bude u nekoliko redaka.</p>
 <p>Dakle, u ovom članku naučili smo kako napraviti prelamanje riječi u css-u.  To je sve za mene danas.  Vidimo se.</p>

<br>
<br>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast?t44.1;r"+
	escape(document.referrer)+((typeof(screen)=="undefined")?"":
	";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
	screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
	";"+Math.random()+
	"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
</div>
			</article>

			

			<div class="post-bottom">

				<div class="post-share">
					<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
					<script src="//yastatic.net/share2/share.js"></script>
					<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir" data-counter=""></div>
				</div>

				

			</div>

	

			<div class='yarpp-related'>
	<div class="related-items">

		<div class="headline">Niste pronašli odgovor na svoje pitanje?  Pogledaj ovdje</div>

	
		<div class="items">
					


        <div class="related-item">
        <a class="related-item__title" href="https://appcube.ru/hr/pochemu-vydaet-oshibku-pri-zapuske-kompyutera-nastroikaaivaemost.html"><img src="/uploads/7eadfa816729dbeb9a34aa8a698dba84.jpg" width="120" height="120" alt="Prilagodljiv softver" class="related-item__image" / loading=lazy loading=lazy>Prilagodljiv softver</a>
        <div class="related-item__comments"><span></span></div>
    </div>



					
        <div class="related-item">
        <a class="related-item__title" href="https://appcube.ru/hr/v-windows-8-vernut-knopku-pusk.html"><img src="/uploads/4a051763c8323a0deb31de3326a2b883.jpg" width="120" height="120" alt="Windows 8 će vratiti gumb za pokretanje" class="related-item__image" / loading=lazy loading=lazy>Windows 8 će vratiti gumb za pokretanje</a>
        <div class="related-item__comments"><span></span></div>
    </div>

					
        <div class="related-item">
        <a class="related-item__title" href="https://appcube.ru/hr/kak-nastroit-skaip-poshagovaya-instrukciya-ustanovka-skaipa-na.html"><img src="/uploads/ff0312a4c69e2dc960dcfd174c1e5aab.jpg" width="120" height="120" alt="Instalacija Skypea na računalo (upute korak po korak)" class="related-item__image" / loading=lazy loading=lazy>Instalacija Skypea na računalo (upute korak po korak)</a>
        <div class="related-item__comments"><span></span></div>
    </div>

				</div>

	
	</div>
</div>
			
		<div style="text-align: center; margin-top: 15px; margin-bottom: 15px; " id="vanna-1965575812"><div class="adsense"><script type="text/javascript">ga_1();</script></div></div>
			



	
	

	

			
		</main>

		

<aside class="sidebar">



						


        
        <div class="advices" data-theme="vannapedia_v.3">
        <div class="headline"></div>
        <div class="advices-content">
            <img src="/uploads/054587de8d4e8293fcaf765ed6139adc.jpg" width="120" height="120" alt="Softverski omogućava touchpad" class="advices__image" / loading=lazy loading=lazy>
            <div class="advices__title" data-id="3334"><a href="https://appcube.ru/hr/ne-rabotaet-sensor-na-noute-programmnoe-vklyuchenie-tachpada.html">Softverski omogućava touchpad</a></div>
        </div>

    </div>




	
			<div class="vk-widget" id="text-3">			<div class="textwidget"><script type="text/javascript" src="//vk.com/js/api/openapi.js?130"></script>


<div id="vk_groups"></div>
</div>
		</div>
				<div class="sidebar-questions">
		<div class="headline">Novi</div>
		<ul>
        <li><a href="https://appcube.ru/hr/pri-vklyuchenii-komp-vydaet-oshibku-chto-delat-esli-net-zvuka-analiz.html" >Što ako nema zvuka?</a></li>
        <li><a href="https://appcube.ru/hr/ustanovka-brauzera-po-umolchaniyu-kak-ustanovit-brauzer-po-umolchaniyu-v.html" >Kako postaviti zadani preglednik na Windows</a></li>
        <li><a href="https://appcube.ru/hr/komp-vydaet-oshibku-chto-delat-konflikty-operativnoi-pamyati-dlya-kopirovaniya.html" >RAM sukobi</a></li>
        <li><a href="https://appcube.ru/hr/kak-obedinit-dva-lokalnyh-diska-sliyanie-razdelov-diska-v-windows.html" >Spajanje particija diska u sustavu Windows</a></li>
        <li><a href="https://appcube.ru/hr/chto-delat-ne-udaetsya-udalit-papku-arhiviruem-papku-kotoraya.html" >Arhiviranje mape koja nije izbrisana</a></li>
        <li><a href="https://appcube.ru/hr/kak-sdelat-brauzer-po-umolchaniyu-vybor-brauzera-po-umolchaniyu-v-os.html" >Odabir zadanog preglednika u sustavu Windows</a></li>
</ul>
		
	</div>

							<div class="section">
    <div id="macire1" style="height:500px;width:240px;" align="center"></div>
</div>
		
							<div class="section">
				<div class="headline">Popularni članci</div>
				<ul class="sidebar-posts">
    <li><a href="https://appcube.ru/hr/vklyuchit-prosmotr-fotografii-windows-7-reshenie-problemy-sredstva-prosmotra.html"><img src="/uploads/7069b2c5f085ece09ff91c60d1ca3ab8.jpg" width="80" height="80" alt="Rješavanje problema Windows Photo Viewer" / loading=lazy loading=lazy>Rješavanje problema Windows Photo Viewer</a></li>
    <li><a href="https://appcube.ru/hr/v-zagruzkah-ne-udalyaetsya-fail-zakrytie-programm-ispolzuyushchih-faily-iz.html"><img src="/uploads/7f8b7fba07287250cad94faec4c9545b.jpg" width="80" height="80" alt="Zatvaranje programa pomoću datoteka iz mape" / loading=lazy loading=lazy>Zatvaranje programa pomoću datoteka iz mape</a></li>
    <li><a href="https://appcube.ru/hr/parol-akkaunta-vindovs-gde-naiti-kak-uznat-parol-ot-kompyutera-v.html"><img src="/uploads/e1e6998958a78feb2b5f6bcf5aca94dc.jpg" width="80" height="80" alt="Kako saznati lozinku s računala u sustavu Windows7 ako je već omogućena" / loading=lazy loading=lazy>Kako saznati lozinku s računala u sustavu Windows7 ako je već omogućena</a></li>
</ul>
			</div>
		
							<div class="section">
				<div class="headline">Novo na stranici</div>
				<ul class="sidebar-posts  sidebar-photo">
    <li><a href="https://appcube.ru/hr/ne-rabotaet-klaviatura-na-noutbuke-chto-delat-chto-delat-esli-klaviatura.html">Što učiniti ako tipkovnica ne radi zbog softvera</a></li>
    <li><a href="https://appcube.ru/hr/zapretit-vhod-v-sistemu-s-vremennymi-profilyami-ispravlyaem-oshibku-pri.html">Ispravljanje pogreške prilikom uključivanja računala "Prijavljeni ste na sustav s privremenim profilom</a></li>
    <li><a href="https://appcube.ru/hr/ne-ustanavlivaetsya-kingo-rut-kingo-android-root-luchshee-prilozhenie-dlya.html">Kingo Android Root najbolja je aplikacija za instaliranje root prava</a></li>
    <li><a href="https://appcube.ru/hr/kak-otklyuchit-uslugu-vam-zvonili-na-mts-i-est-li-v-nei.html">"Dobili ste poziv" iz MTS-a - što je ovo usluga?</a></li>
    <li><a href="https://appcube.ru/hr/kak-otklyuchit-uslugu-vam-zvonili-na-mts-i-est-li-v-nei-neobhodimost-kak.html">Kako deaktivirati uslugu "Primili ste poziv" od MTS-a?</a></li>
</ul>
				
			</div>
		
		
		</aside>

	</div>

	

<footer class="footer">

		
				<nav class="footer__nav"><ul><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1219"><a href="https://appcube.ru/hr/">Novi</a>
<ul class="sub-menu">
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6769"><a href="https://appcube.ru/hr/chto-budet-esli-na-aifone-postavit-sbros-nastroek-i-polnyi-sbros-apple-iphone.html">Vraćanje na tvorničke postavke i hard reset Apple iPhone</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6768"><a href="https://appcube.ru/hr/chto-budet-esli-postavit-datu-sbros-nastroek-i-polnyi-sbros-apple-iphone-sozdanie.html">Vraćanje na tvorničke postavke i hard reset Apple iPhone</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6767"><a href="https://appcube.ru/hr/shestiyadernyi-processor-kompyuternyi-resurs-u-sm-vneshnii-vid-i.html">Računalni resurs U SM</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6766"><a href="https://appcube.ru/hr/samaya-luchshaya-akustika-v-mire-audiofil-millioner-samye-dorogie.html">Audiofilski milijunaš: Najskuplji glazbeni gadgeti</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1230"><a href="https://appcube.ru/hr/">Popularan</a>
<ul class="sub-menu">
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6765"><a href="https://appcube.ru/hr/poslednyaya-versiya-telefona-sony-telefony-soni-chem-horoshi-telefony-sony.html">Najnovija verzija Sony telefona</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6764"><a href="https://appcube.ru/hr/kto-udalil-menya-iz-druzei-vkontakte-chto-delat-esli-vkontakte-ischezli.html">Što učiniti ako su prijatelji nestali na VKontakteu Koji su prijatelji nestali s kontaktom</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6763"><a href="https://appcube.ru/hr/zaiti-v-lichnyi-kabinet-zhivaya-klassika-lichnyi-kabinet-zhivaya-klassika.html">Osobni račun Live classics - natjecanje u čitanju</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6762"><a href="https://appcube.ru/hr/chto-delat-esli-vkontakte-ischezli-druzya-uznaem-kto-udalilsya-iz-druzei.html">Saznat ćemo tko je napustio VKontakte prijatelje Koji su prijatelji nestali s kontaktom</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6761"><a href="https://appcube.ru/hr/kakoi-operator-luchshe-dlya-interneta-i-zvonkov-kakie-luchshie-sotovye-operatory.html">Koji su najbolji mobilni operateri u Rusiji?</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6760"><a href="https://appcube.ru/hr/perenosnye-magnitofony-sssr-mif-o-sovetskoi-elektronike-kassetnyi.html">Mit o sovjetskoj elektronici</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6759"><a href="https://appcube.ru/hr/pochemu-ne-zakroyut-vkontakte-kak-skryt-stranicu-vkontakte.html">Kako sakriti stranicu VKontaktea Kontakt će biti izbrisan 31. svibnja</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6757"><a href="https://appcube.ru/hr/chistka-macbook-ot-pyli-na-domu-ya-chistil-pyl-vnutri-macbook-pro-chto-iz.html">Čistio sam prašinu unutar MacBook Pro-a</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1236"><a href="https://appcube.ru/hr/">Preporučeno</a>
<ul class="sub-menu">
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6756"><a href="https://appcube.ru/hr/obzor-xiaomi-mi6-novyi-ubiica-flagmanov-ubiica-aifona-za-pyat-tysyach-rublei.html">Recenzija Xiaomi Mi6.  Novi vodeći ubojica?  "IPhone Killer" za pet tisuća rubalja Budimo iskreni - ovo nije iPhone</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6755"><a href="https://appcube.ru/hr/otdyh-detei-i-vzroslyh-na-more-otdyh-s-detmi-na-more-planirovanie-otdyha-s.html">Odmor djece i odraslih na moru</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6754"><a href="https://appcube.ru/hr/otdyh-s-detmi-0-gde-v-rossii-otdohnut-s-detmi-na-more-i-ne-razoritsya.html">Gdje se u Rusiji opustiti s djecom na moru i ne razvaliti se</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6753"><a href="https://appcube.ru/hr/putevki-na-more-dlya-semi-otdyh-s-detmi-nashi-laifkahi-poezdok-s-rzhd.html">Obiteljski izleti na more</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6752"><a href="https://appcube.ru/hr/samyi-bystryi-mobilnyi-internet-operator-u-kogo-mobilnyi-internet.html">Tko ima jeftiniji mobilni internet?</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6751"><a href="https://appcube.ru/hr/samyi-bystryi-mobilnyi-internet-4g-skorostnoi-internet.html">Najbrži mobilni internet 4g</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6750"><a href="https://appcube.ru/hr/vred-fitnes-brasletov-dlya-zdorovya-fitnes-braslet-kak.html">Fitness narukvica: kako radi i zašto vam je potrebna Fitness narukvica - korist ili šteta</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6747"><a href="https://appcube.ru/hr/css-perenos-bukv-na-novuyu-stroku-perenosy-slov-vklyuchaem-perenos-dlya-slov.html">Css premotavanje slova u novi redak</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-6898"><a href="https://appcube.ru/hr/">O stranici</a>
<ul  class="sub-menu">
	<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6900"><a href="">O stranici</a></li>
	<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6901"><a href="">Oglašavanje na web stranici</a></li>
	<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6902"><a href="">Kontakti</a></li>
	
</ul>
</li>
</ul></nav>
			

   

		<div class="footer-bottom">

			<div class="footer-left">

    <div class="foot__logo">
        <div class="footer__logo-sitename">appcube.ru <span>ru</span></div>
    </div>
  <style>
    .foot__logo {
    min-height: 35px;
    margin: 0 0 11px -79px;
    padding: 9px 0 0 79px;
    text-decoration: none;
}
  </style>

    <p>© 2021 Sva prava pridržana</p>
    <p>Web stranica o računalima</p>

    <ul class="footer-bottom__nav">
        <li><a href="" >Oglašavanje na projektu</a></li>
    </ul>

</div>

			<div class="footer-buttons">

</div>


					<ul class="footer__soc">
											<li><a href="http://vk.com/"  target="_blank" class="vk">U kontaktu s</a></li>
															<li>kolege</li>
															<li><a href="http://www.facebook.com/"  target="_blank" class="fb">Facebook</a></li>
															<li><a href="https://twitter.com/"  target="_blank" class="twi">Cvrkut</a></li>
										</ul>
		
			<div class="footer-right">

				<div class="footer__note"></div>

				<div class="footer__counters" id="text-2">			<div class="textwidget"></div>
		</div>
			</div>

		</div>

	</footer>



</div>
</div>
<link rel='stylesheet' id='wp-lightbox-bank.css-css'  href='/wp-content/plugins/wp-lightbox-bank/assets/css/wp-lightbox-bank.css?ver=4.8.3' type='text/css' media='all' />
<script type='text/javascript' src='https://appcube.ru/wp-content/themes/vannapedia_v.3/js/scripts.js'></script>
<script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.8.3'></script>

<script type='text/javascript' src='/assets/scripts1.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var tocplus = { "smooth_scroll":"1"} ;
/* ]]> */
</script>
<script type='text/javascript' src='https://appcube.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script>
<script type='text/javascript'>
var q2w3_sidebar_options = new Array();
q2w3_sidebar_options[0] = { "sidebar" : "sidebar-fixed", "margin_top" : 10, "margin_bottom" : 0, "stop_id" : "respond", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-4'] } ;
</script>
<script type='text/javascript' src='https://appcube.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.8.3'></script>
<script type='text/javascript' src='https://appcube.ru/wp-content/plugins/wp-lightbox-bank/assets/js/wp-lightbox-bank.js?ver=4.8.3'></script>
<script type='text/javascript' src='https://appcube.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0'></script>
</body>
</html>