Nastavte barvu zástupného symbolu. Jak změnit barvu textu popisku v zástupném symbolu pomocí stylů CSS? Krásně skrývá zástupný symbol

Atribut zástupného symbolu na vstupu a textové oblasti se obvykle používá k poskytnutí výzvy k akci v rámci těchto prvků. V tomto příspěvku popíšu několik možností stylování textu zástupných symbolů a také možnosti jejich animace

Barvu textu našeho zástupného symbolu lze tedy změnit například pomocí následující sady pravidel CSS:

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

Délka kódu pro stylování takto jednoduché vlastnosti je způsobena chybějícím společným standardem, a proto každý prohlížeč implementoval podporu pro styling zástupných symbolů po svém.

Také ne všechny jsou podporovány vlastnosti css. Zde je seznam přesně podporovaných vlastností:

písmo (a související)
pozadí (a související)
barva
mezery mezi slovy
mezery mezi písmeny
text-dekorace
svisle zarovnat
textová transformace
výška čáry
odsazení textu
přetečení textu
neprůhlednost

Stává se také, že zástupný text „rozšíří“ šířku prvku input nebo textarea (běžný případ pro mobilní zařízení). Zároveň se automaticky nevzhledně odřízne.

Tento problém nám pomůže vyřešit vlastnost CSS, jako je text-overflow: ellipsis, která do oříznuté oblasti zástupného symbolu přidá estetickou elipsu. Ve stylech píšeme takto:

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

Abychom našim zástupným symbolům dodali ještě více estetiky, je možné přidat efekt jejich skrytí, když je odpovídající prvek zaostřen.

Některé příklady takového skrytí s prvky animace:

/* hladká změna průhlednosti zástupného symbolu při zaostření */.input ::-webkit-input-placeholder ( neprůhlednost : 1 ; přechod : neprůhlednost 0,3 s lehkost ;) .input ::-moz-placeholder ( neprůhlednost : 1 ; přechod : neprůhlednost 0,3 s lehkost ;).input :-moz- zástupný symbol (neprůhlednost: 1; přechod: neprůhlednost 0,3s snadnost;).input:-ms-input-placeholder (neprůhlednost: 1; přechod: neprůhlednost 0,3s snadnost;).vstup (neprůhlednost: 0; přechod: neprůhlednost 0,3s snadnost; ) .input :focus::-moz-placeholder ( neprůhlednost : 0 ; přechod : neprůhlednost 0,3s lehkost ;).input :focus:-moz-placeholder ( opacity : 0 ; přechod : neprůhlednost 0,3s lehkost ;).input :focus :-ms-input-placeholder ( neprůhlednost : 0 ; přechod : neprůhlednost 0,3 s snadnost ;) /* při zaostření posune zástupný symbol doprava */.input ::-webkit-input-placeholder ( text-odsazení : 0px ; přechod : text-odsazení 0,3 s lehkost ;) .input ::-moz-placeholder ( text-odsazení : 0px ; přechod : text-odsazení 0,3 s lehkost ;).input :-moz-placeholder ( text-odsazení : 0px ; přechod : text-odsazení 0,3 s lehkost ;).input :-ms-input-placeholder ( text-odsazení : 0px ; přechod : text-odsazení 0,3 s lehkost ;).vstup :focus::-webkit-input-placeholder( text-odsazení : 500px ; přechod : text-odsazení 0,3 s lehkost ;).input :focus::-moz-placeholder ( text-odsazení : 500px ; přechod : text-odsazení 0,3 s lehkost ;).input :focus:- moz-placeholder ( text-odsazení : 500px ; přechod : text-odsazení 0,3 s lehkost ;) .input :focus:-ms-input-placeholder ( text-odsazení : 500px ; přechod : text-odsazení 0,3 s lehkost ;) /* při zaostření posune zástupný symbol dolů */.input ::-webkit-input-placeholder ( line-height : 20px ; transition : line-height 0,5s easy ;) .input ::-moz-placeholder ( line-height : 20px ; transition : line-height 0.5s easy) ;).input :-moz-placeholder ( line-height : 20px ; transition : line-height 0,5s easy ;).input :-ms-input-placeholder ( line-height : 20px ; transition : line-height 0,5s easy) ;).vstup :focus::-webkit-input-placeholder( line-height : 100px ; transition : line-height 0.5s easy ;).input :focus::-moz-placeholder ( line-height : 100px ; transition : line-height 0.5s easy ;).input :focus:- moz-placeholder ( line-height : 100px ; transition : line-height 0.5s easy ;).input :focus:-ms-input-placeholder ( line-height : 100px ; transition : line-height 0.5s easy ;)

Tady skončíme.

Ve snaze snížit tvar a snížit vizuální šum, návrháři tag jsou nahrazeny atributem zástupný symbol, čímž se zvyšuje zatížení krátkodobé paměti. Lidem se zrakovým postižením může být vodítko těžko čitelné. Je lepší umístit přímo nad vstupním polem. Prázdné pole je snadněji rozpoznáno jako prvek, který vyžaduje vyplnění.

Špatně

Dobře

Styling: změna barvy zástupného symbolu CSS

Změňte styl vstupního pole pomocí zástupného CSS

Špatně

Zástupný symbol pro

Atribut zástupný symbol funguje pouze pro A , i když jiné značky mají zadaný atribut contenteditable.</p> <style> .raz { height: 3em; border: 1px solid; } </style> <div contentEditable placeholder="Můžete zadat text" 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="Můžete zadat text" class="raz"></div> <h2>Prastará paměťová metoda, která mění hodnotu JavaScriptu</h2> <input onblur="this.value=(this.value=="onfocus="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>Dobrý den, dnes nikoho nepřekvapíte, že použije zástupný symbol pro zadání. Zástupný symbol je dočasný text s příkladem uvnitř vstupu, který zmizí, když zadáte text. Styl CSS pro zástupný symbol si dnes zkusíme napsat.</p> <h2>Úkol: vytvořte si vlastní CSS styl pro zástupný symbol</h2> <p>Řekněme, že máme stylový web, který ve vstupu používá zástupný symbol. Potřebujeme, aby šedý, nudný textový styl zástupného symbolu vypadal v souladu s obecným stylem webu. Jak toho lze dosáhnout? Hned řeknu, že to zatím nefunguje ve všech prohlížečích. Konkrétně to nefunguje vůbec v IE verze 9 a nižší v 10 a později stále funguje s velkými obtížemi. Firefox a prohlížeče webkit jsou jiná věc.</p> <h2>Řešení: styl css pro zástupný symbol</h2> <p>Takže máme úkol, jak ho vyřešíme?</p> <p>Nejprve vytvořte testovací základnu:</p><p> <input type="text" name="input" placeholder="Text našeho zástupného symbolu" value="" /> </p><p>Hotovo, nyní se podívejme, co můžeme udělat se stylem: webkit a mozilla mají své vlastní modifikátory, které vám umožňují přiřadit speciální styl zástupnému symbolu: ::-webkit-input-placeholder a:-moz-placeholder. Podívejme se, jak je používat:</p> <p>Popišme si styl samotného vstupu a text v něm (v příkladu modrá barva pro kontrast):</p><p>Vstup (šířka: 250px; barva: modrá; váha písma: normální; styl písma: normální; )</p><p>Nyní napíšeme speciální styl pro zástupný text v tomto vstupu pro prohlížeče Webkit (Chrome, Safari, Opera):</p><p>Input::-webkit-input-placeholder( barva: červená; styl písma: kurzíva; váha písma: tučné; )</p><p>Udělejme zástupný text červenou tučnou kurzívou. Všimněte si, že na rozdíl od jiných pseudotříd CSS, které jsou odděleny jednou dvojtečkou, je styl pro zástupný symbol ve webkitu oddělen dvojitou dvojtečkou.</p> <p>Nyní napíšeme přesně stejný styl pro <a href="https://ermake.ru/cs/kak-otkryt-panel-instrumentov-v-mozile-kak-ubrat-i-kak-vernut/">Mozilla Firefox</a> prohlížeče:</p><p>Vstup:-moz-placeholder( barva: červená; styl písma: kurzíva; váha písma: tučné; )</p><p>Připraveno. CSS styl pro zástupný symbol, samozřejmě můžete napsat jakýkoli, který je pro váš návrh vhodnější. Funkční demo si můžete prohlédnout na</p> <p>Atribut placeholder se používá pro výzvy k akci uvnitř prázdných prvků input a textarea. V tomto článku se podíváme na možnosti stylování zástupného textu a také na některé triky, díky kterým bude pohodlnější a funkčnější.</p> <p>Začněme tedy příkladem pro ty, kteří nevědí, co je to zástupný symbol.</p> <h4>html</h4> <input type="text" placeholder="Zde zanechte zprávu"> <p>Styl zástupného symbolu lze změnit pomocí následující sady pravidel CSS:</p> <h4>css</h4>::-webkit-input-placeholder (color:#c0392b;) ::-moz-placeholder (color:#c0392b;)/* Firefox 19+ */ :-moz-placeholder (color:#c0392b;)/* Firefox 18- */ :-ms-input-placeholder (color:#c0392b;) <p>Vypadá to děsivě, že? Faktem je, že to stále není v normách. Každý prohlížeč implementuje podporu pro styly zástupných symbolů svým vlastním způsobem.</p> <p>V IE a starších firefoxech (před 18) je zástupný symbol považován za pseudotřídu a v novém firefoxu, webkitu a blink je považován za pseudoprvek.</p> <p>Podívejme se, co se stalo:</p> <p>Je třeba říci, že ne všechny možné CSS vlastnosti jsou podporovány. Většina <a href="https://ermake.ru/cs/kak-nastroit-turbo-rezhim-v-yandekse-chto-takoe-rezhim-turbo-v-sovremennyh/">moderní prohlížeče</a> vám umožní změnit:</p> <ul><li>písmo (a související vlastnosti)</li> <li>pozadí (a související vlastnosti)</li> <li>barva</li> <li>mezery mezi slovy</li> <li>mezery mezi písmeny</li> <li>text-dekorace</li> <li>svisle zarovnat</li> <li>textová transformace</li> <li>výška čáry</li> <li>odsazení textu</li> <li>přetečení textu</li> <li>neprůhlednost</li> </ul><h2>Co když se zástupný symbol nevejde?</h2> <p>Někdy jsou pole pro zadávání textu omezena na šířku kvůli funkcím rozvržení, zejména na <a href="https://ermake.ru/cs/chto-takoe-gadzhety-i-devaisy-chto-takoe-devais-v-mobilnoi-tehnike-devaisy/">mobilní zařízení</a>. V tomto případě bude dlouhý text zástupného symbolu nevzhledně oříznut. Abyste tomu zabránili, můžete použít text-overflow: elipsa. Tato syntaxe bude fungovat ve všech nových prohlížečích.</p> <h4>css</h4>input (text-overflow:elipsa;) input::-moz-placeholder (text-overflow:elipsa;) input:-moz-placeholder (text-overflow:elipsa;) input:-ms-input-placeholder (text-overflow :elipsa;) <h2>Jak skrýt zástupný symbol při zaměření?</h2> <p>Ke skrytí zástupného symbolu dochází různými způsoby.</p> <ol><li>v některých prohlížečích při příjmu fokusu pomocí vstupu</li> <li>v jiných prohlížečích, pokud je zadán alespoň jeden znak</li> </ol><p>První možnost se mi líbí víc. Aby bylo možné nastavit toto chování ve všech prohlížečích, které podporují zástupný symbol, definujeme následující pravidla CSS:</p> <h4>css</h4>:focus::-webkit-input-placeholder (barva: průhledná) :focus::-moz-placeholder (barva: průhledná) :focus:-moz-placeholder (barva: průhledná) :focus:-ms-input-placeholder ( barva: transparentní) <h2>Krásně skrývá zástupný symbol</h2> <p>Můžete také přidat přechod pro zobrazení a skrytí zástupného symbolu:</p> <h4>css</h4>/* plynulá změna průhlednosti zástupného symbolu při zaostření */ .input1::-webkit-input-placeholder (neprůhlednost: 1; přechod: neprůhlednost 0,3 s snadnost;) .input1::-moz-placeholder (neprůhlednost: 1; přechod: neprůhlednost 0,3 s snadnost;).input1:-moz-placeholder (neprůhlednost: 1; přechod: neprůhlednost 0,3 s snadnost;).input1:-ms-input-placeholder (neprůhlednost: 1; přechod: neprůhlednost 0,3 s snadnost;).vstup1 : focus::-webkit-input-placeholder (neprůhlednost: 0; přechod: neprůhlednost 0,3 s lehkost;).input1:focus::-moz-placeholder (neprůhlednost: 0; přechod: neprůhlednost 0,3 s lehkost;).input1:focus : -moz-placeholder (neprůhlednost: 0; přechod: neprůhlednost 0,3 s lehkost;) .input1:focus:-ms-input-placeholder (neprůhlednost: 0; přechod: neprůhlednost 0,3 s lehkost;) /* přesunout zástupný symbol doprava, když focus*/ .input2::-webkit-input-placeholder (text-odsazení: 0px; přechod: text-odsazení 0,3 s lehkost;) .input2::-moz-placeholder (text-odsazení: 0px; přechod: text-odsazení 0,3s lehkost;) .input2:-moz-placeholder (text-odsazení: 0px; přechod: text-odsazení 0,3s lehkost;).input2:-ms-input-placeholder (text-odsazení: 0px; přechod: text-odsazení 0,3 s lehkost;).input2:focus::-webkit-input-placeholder (text-odsazení: 500px; přechod: text-odsazení 0,3s lehkost;).input2:focus::-moz-placeholder ( text-odsazení: 500px; přechod: text-odsazení 0,3s lehkost;) .input2:focus:-moz-placeholder (text-odsazení: 500px; přechod: text-odsazení 0,3s lehkost;).input2:focus:-ms- input-placeholder (text-odsazení: 500px; přechod: text-odsazení 0,3 s lehkost;) /* posunutí zástupného symbolu dolů při zaostření */ .input3::-webkit-input-placeholder (výška řádku: 20px; přechod: řádek -height 0,5s easy;).input3::-moz-placeholder (line-height: 20px; transition: line-height 0.5s easy;).input3:-moz-placeholder (line-height: 20px; transition: line - výška 0,5 s lehkost;).input3:-ms-input-placeholder (výška řádku: 20px; přechod: výška řádku 0,5s náběh;).input3:focus::-webkit-input-placeholder (výška řádku: 100px ; přechod: line-height 0,5s easy;).input3:focus::-moz-placeholder (line-height: 100px; transition: line-height 0.5s easy;).input3:focus:-moz-placeholder (řádek - výška: 100px; přechod: výška řádku 0,5 s lehkost;) .input3:focus:-ms-input-placeholder (výška řádku: 100px; přechod: výška řádku 0,5s náběh;) <p>Doufám, že vám to bude užitečné. Pište komentáře a návrhy do komentářů.</p> <p>Zástupný symbol je pseudotřída nebo pseudoprvek, který je zodpovědný za zobrazení názvu pole. V jádru se jedná o značku (říkejme tomu pro zjednodušení tak), do které zadáte slovo a uživatel ho uvnitř uvidí. Nějaký druh nápovědy nebo názvu pro každé pole formuláře.</p><p>Každý prohlížeč s touto značkou zachází jinak a její styl ponechává mnoho přání. Chcete-li změnit výchozí styly, přidejte do souboru stylů několik řádků kódu. Není nic složitého. <br>Je však nutné počítat s tím, že ne vše můžeme změnit.</p><h2>Mezi různými styly máme v tomto případě k dispozici následující věci:</h2><ul><li>font-weight — nastavení váhy textu</li><li>font-size — vyberte velikost textu</li><li>font-family - výběr písma</li><li>pozadí - pozadí a obrázek na pozadí</li><li>barva — barva textu</li><li>word-spacing - nastavení mezer mezi slovy</li><li>letter-spacing — nastavte mezery mezi písmeny</li><li>text-decoration - volba slovní dekorace. Podtrženo, přeškrtnuto atd.</li><li>vertical-align — nastavení vertikálního zarovnání</li><li>text-transform - výběr změn textu. Vše velkými nebo malými písmeny atd.</li><li>line-height — mezera mezi řádky</li><li>text-indent - nastaví levé odsazení pro první řádek odstavce</li><li>text-overflow - volba zobrazení textu, který se nevejde do bloku (skrýt nebo oříznout a přidat elipsu)</li><li>neprůhlednost — vyberte průhlednost prvku</li> </ul><p>Nyní, když jsme pochopili dostupné styly, můžeme začít navrhovat, k tomu přidáme následující styly:</p><p>::-webkit-input-placeholder ( barva: #2cb04d; ) <br>::-moz-placeholder ( barva: #2cb04d; )/* Firefox 19+ */ <br>:-moz-placeholder ( barva: #2cb04d; ) /*Firefox 18- */ <br>:-ms-input-placeholder ( barva: #2cb04d; )</p><p>Po přidání těchto řádků se barva názvů uvnitř polí formuláře změní a bude stejná v každém prohlížeči. Zde můžete přidat další styly. <br>Například tento styl</p><p>::-webkit-input-placeholder (barva: #2cb04d; font-size: 1,5em; font-weight: 600;) <br>::-moz-placeholder (color:#2cb04d; font-size:1.5em; font-weight:600;) /*Firefox 19+*/ <br>:-moz-placeholder (color:#2cb04d; font-size:1.5em; font-weight:600;) /*Firefox 18-*/ <br>:-ms-input-placeholder (barva: #2cb04d; font-size: 1,5em; font-weight: 600;)</p><p>Přidejte barvu <a href="https://ermake.ru/cs/kak-sdelat-izobrazhenie-bolshe-po-razmeru-uvelichenie-vesa/">velká velikost</a> a střední váha textu. Pokud přidáte další vlastnost - <br>text-overflow:ellipsis pak bude text oříznut tak, aby se vešel do pole, a na konec bude přidána elipsa.</p><p>Je tu ještě jedna zajímavá vlastnost: díky vzhledu animace v css (styly) můžete nakonfigurovat krásné skrývání při umístění kurzoru do pole. Dříve se to dělalo pomocí js (skriptů)</p><p>Vstup::-webkit-input-placeholder (neprůhlednost: 1; přechod: neprůhlednost 0,3 s snadnost;) <br>.input::-moz-placeholder (neprůhlednost: 1; přechod: neprůhlednost 0,3 s snadnost;) <br>.input:-moz-placeholder (neprůhlednost: 1; přechod: neprůhlednost 0,3 s lehkost;) <br>.input:-ms-input-placeholder (neprůhlednost: 1; přechod: neprůhlednost 0,3 s snadnost;) <br>.input:focus::-webkit-input-placeholder (neprůhlednost: 0; přechod: neprůhlednost 0,3 s snadnost;) <br>.input:focus::-moz-placeholder (neprůhlednost: 0; přechod: neprůhlednost 0,3 s snadnost;) <br>.input:focus:-moz-placeholder (neprůhlednost: 0; přechod: neprůhlednost 0,3 s snadnost;) <br>.input:focus:-ms-input-placeholder (neprůhlednost: 0; přechod: neprůhlednost 0,3 s snadnost;)</p><p>Přidání takových stylů umožní, aby zástupný symbol plynule zmizel, když je kurzor umístěn do pole <br>.input je třída prvků formuláře. Aby styly fungovaly, kód pole formuláře by měl vypadat takto:</p><p><input type="text" class="input" placeholder="název pole"></p><p>Nebo můžete použít třídu prvků. Tímto způsobem můžete nastavit různé styly pro každý formulář.</p><p><!-- первым указываем класс контейнера, тег формы и тег вставки поля --><br>.contacts-form form input::-webkit-input-placeholder (color: #2cb04d; font-size: 1.5em; font-weight: 600;) <br>.contacts-form form input::-moz-placeholder (color: #2cb04d; font-size: 1.5em; font-weight: 600;)/*Firefox 19+*/ <br>.contacts-form form input:-moz-placeholder (color: #2cb04d; font-size: 1.5em; font-weight: 600;)/*Firefox 18-*/ <br>.contacts-form form input:-ms-input-placeholder (color: #2cb04d; font-size: 1.5em; font-weight: 600;)</p><p>Těmito jednoduchými způsoby můžete vytvořit opravdu krásný design formuláře.</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> </article> </div> <div class="sidebar"> <section class="widget"> <div class="textwidget"> </div> </section> </div> <div class="sidebar"> <section class="widget"><h3 class="widget-title">Volba editora</h3><ul class="rfpw-dropdown-post"> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/cs/kak-ubrat-kompyutera-istoriyu-prosmotrov-istoriya-brauzera-kak-posmotret/"><img style="width: 30%; border-radius: 0;" src="/uploads/318472be0eb2d0a8c6bd7cd6b0782fc1.jpg" loading=lazy loading=lazy></a></div> <div style="width:65%; top: 0px;" class="rfpw-dropdown-text"> <a href="https://ermake.ru/cs/kak-ubrat-kompyutera-istoriyu-prosmotrov-istoriya-brauzera-kak-posmotret/">Historie prohlížeče (jak zobrazit, smazat a obnovit historii prohlížeče)</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Dobrý den, milí návštěvníci! Při práci na internetu na cizím počítači zanecháváme nevědomky stopy. V...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/cs/chto-delat-esli-pole-obekta-ne-obnaruzheno-chto-delat-esli-pole-obekta-ne/"><img style="width: 30%; border-radius: 0;" src="/uploads/0ff2ca9e01bacd4063a818672dfa2da2.jpg" loading=lazy loading=lazy></a></div> <div style="width:65%; top: 0px;" class="rfpw-dropdown-text"> <a href="https://ermake.ru/cs/chto-delat-esli-pole-obekta-ne-obnaruzheno-chto-delat-esli-pole-obekta-ne/">Co dělat, když „objektové pole není detekováno“ Objektové pole není detekováno, probíhají produkční činnosti</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Problém, se kterým se uživatelé 1C setkávají, je „Chyba: Objektové pole nenalezeno“, nejčastěji se objeví, když...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/cs/probit-po-nomeru-telefona-vladelca-kak-uznat-gde-nahoditsya-chelovek-po/"><img style="width: 30%; border-radius: 0;" src="/uploads/93701987bbeab63a000d821fce21422a.jpg" loading=lazy loading=lazy></a></div> <div style="width:65%; top: 0px;" class="rfpw-dropdown-text"> <a href="https://ermake.ru/cs/probit-po-nomeru-telefona-vladelca-kak-uznat-gde-nahoditsya-chelovek-po/">Jak zjistit, kde se člověk podle čísla mobilního telefonu nachází?</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Některé životní situace vyžadují nalezení osoby, zjištění její polohy nebo zjištění jejího příjmení a jména...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/cs/karta-gugl-sputnik-podrobnoe-opisanie-servisa-trehmernye/"><img style="width: 30%; border-radius: 0;" src="/uploads/4c5ec417af15f4923ac9ffe5adb9bde2.jpg" loading=lazy loading=lazy></a></div> <div style="width:65%; top: 0px;" class="rfpw-dropdown-text"> <a href="https://ermake.ru/cs/karta-gugl-sputnik-podrobnoe-opisanie-servisa-trehmernye/">3D mapy v Google Maps</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Podle mnoha astronautů není nic krásnějšího než pohled na naši planetu zvenčí. Když Země vypadá jako velká...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/cs/kak-nastroit-monitor-dlya-pravilnoi-cvetoperedachi-s-pomoshchyu-po/"><img style="width: 30%; border-radius: 0;" src="/uploads/d37aeee8722a180940b4ee4fe58ba9bb.jpg" loading=lazy loading=lazy></a></div> <div style="width:65%; top: 0px;" class="rfpw-dropdown-text"> <a href="https://ermake.ru/cs/kak-nastroit-monitor-dlya-pravilnoi-cvetoperedachi-s-pomoshchyu-po/">Návod: Kalibrace obrazovky notebooku - úprava podání barev</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Jak správně upravit barevné schéma na notebooku? Odpověď od mistra: No, konečně sis koupil notebook! Takový...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/cs/ploho-rabotaet-sensornyi-ekran-chto-delat-esli-sensor-vashego-gadzheta-ne/"><img style="width: 30%; border-radius: 0;" src="/uploads/dfd76163a4eae7ae9235b963b4cb2d97.jpg" loading=lazy loading=lazy></a></div> <div style="width:65%; top: 0px;" class="rfpw-dropdown-text"> <a href="https://ermake.ru/cs/ploho-rabotaet-sensornyi-ekran-chto-delat-esli-sensor-vashego-gadzheta-ne/">Co dělat, když senzor vašeho gadgetu nefunguje?</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Moderní tablety se ovládají primárně přes dotykový displej. Pokud váš tablet náhle přestane fungovat...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/cs/pri-vklyuchenii-kompyutera-postoyanno-zapuskaetsya-bios-noutbuk-pri/"><img style="width: 30%; border-radius: 0;" src="/uploads/caa8bac5259bd1cae8d91ab58aa3d711.jpg" loading=lazy loading=lazy></a></div> <div style="width:65%; top: 0px;" class="rfpw-dropdown-text"> <a href="https://ermake.ru/cs/pri-vklyuchenii-kompyutera-postoyanno-zapuskaetsya-bios-noutbuk-pri/">Notebook vstoupí do systému BIOS, když je zapnutý, když je počítač zapnutý.</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Dnes se podíváme na: Majitelé jakékoli verze operačního systému Windows mohou mít situaci, kdy...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/cs/kak-pereustanovit-windows-poshagovaya-instrukciya-kak-pereustanovit/"><img style="width: 30%; border-radius: 0;" src="/uploads/2046ab0e80e33c46398798796860ac54.jpg" loading=lazy loading=lazy></a></div> <div style="width:65%; top: 0px;" class="rfpw-dropdown-text"> <a href="https://ermake.ru/cs/kak-pereustanovit-windows-poshagovaya-instrukciya-kak-pereustanovit/">Jak přeinstalovat systém Windows: pokyny krok za krokem Instalace systému Windows 7 do počítače z disku</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Možností instalace tohoto operačního systému je více a všechny se liší pouze drobnými odchylkami od...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/cs/mdf-chem-otkryt-chem-otkryvat-faily-mdf-i-kak-s-nimi-rabotat-podrobnaya/"><img style="width: 30%; border-radius: 0;" src="/uploads/bda9c17f55759c913b4eb7949ae8e93c.jpg" loading=lazy loading=lazy></a></div> <div style="width:65%; top: 0px;" class="rfpw-dropdown-text"> <a href="https://ermake.ru/cs/mdf-chem-otkryt-chem-otkryvat-faily-mdf-i-kak-s-nimi-rabotat-podrobnaya/">Jak otevřít soubory MDF a jak s nimi pracovat: podrobné pokyny</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Jak otevřít soubor MDF? Než zjistíte odpověď na tuto otázku, měli byste pochopit, o jaký formát se jedná. Na...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/cs/raskrutka-aska-besplatnaya-nakrutka-laikov-v-servise-ask-fm-kak/"><img style="width: 30%; border-radius: 0;" src="/uploads/ef662912cb10f5d1986cfe9f8c1aa116.jpg" loading=lazy loading=lazy></a></div> <div style="width:65%; top: 0px;" class="rfpw-dropdown-text"> <a href="https://ermake.ru/cs/raskrutka-aska-besplatnaya-nakrutka-laikov-v-servise-ask-fm-kak/">Bezplatné zvýšení lajků ve službě Zeptejte se</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Propagace Ask fm nyní stále více probíhá. Je to způsobeno touhou mladých lidí komunikovat a...</div> </li> </ul></section> </div> <div class="sidebar"> <section class="widget"> <div class="textwidget"> </div> </section> <section class="widget"> <div class="textwidget"> </div> </section> </div> </div> <div id="copy"> <div class="container"> <div id="logo" class="fl"> <a href="https://ermake.ru/cs/"></a> </div> <nav id="nav" class="fl"> <div class="menu-footer-container"><ul id="menu-footer" class="footer-nav"> <li class="menu-item type-custom object-custom "><a href="">Informace o webu</a></li> <li class="menu-item type-custom object-custom "><a href="https://ermake.ru/cs/feedback/">Zpětná vazba</a></li> <li class="menu-item type-post_type object-page "><a href="https://ermake.ru/cs/sitemap.xml">Mapa stránek</a></li> </ul></div> </nav> <div class="clearfix"></div> <p>© 2024 ermake.ru -- O opravě PC - Informační portál <span class="counters"> </span> </p> </div> </div> <script type='text/javascript' src='https://ermake.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "visibility_show":"\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c","visibility_hide":"\u0441\u043a\u0440\u044b\u0442\u044c","width":"100%"} ; /* ]]> */ </script> <script type='text/javascript' src='https://ermake.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='https://ermake.ru/wp-content/themes/whattech/js/init.js?ver=4.8.4'></script> <script type='text/javascript' src='https://ermake.ru/wp-content/themes/whattech/js/jquery.flexslider.js?ver=4.8.4'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.8.4'></script> </body> </html>