Zástupné symboly, často zašedlé textové prvky uvnitř vstupu, mohou být náročné na styl. Naštěstí jsme získali krátké, ale účinné řešení CSS, které stylizuje zástupný text vašeho vstupu do libovolné barvy a neprůhlednosti, kterou si přejete. Přečtěte si kód.

Změna barvy zástupného textu

Začněme jednoduchým vstupem a nějakým zástupným textem, pro tento příklad použijeme slovo „hledat“, ale můžete použít cokoli chcete. Základní HTML je níže:

HTML

Vstupní (a textarea) zástupný text má výchozí světle šedou barvu, ale můžeme to změnit pomocí několika řádků CSS. Zde obarvíme vstupní text červeně pomocí názvu barvy HTML, ale postačí jakákoli barevná metoda (HEX, RGB, HSL).

CSS

::-webkit-input-placeholder ( /* Chrome */ barva: červená; ) :-ms-input-placeholder ( /* IE 10+ */ barva: červená; ) ::-moz-placeholder ( /* Firefox 19 + */ barva: červená; neprůhlednost: 1; ) :-moz-placeholder ( /* Firefox 4 - 18 */ barva: červená; neprůhlednost: 1; )

Všimněte si, že je důležité zahrnout předpony různých dodavatelů, aby bylo podporováno co nejvíce prohlížečů. Pouze vstupní zástupný text Firefoxu má ve výchozím nastavení mírnou průhlednost, takže není nutné nastavovat vlastnost opacity v IE nebo Chrome.

Změna barvy textu zaměření zástupného symbolu

Dobře, úspěšně jsme změnili barvu zástupného textu na červenou, ale bylo by hezké, kdyby se něco stalo, když uživatel klikne do našeho vstupu. Pomocí stejných vlastností CSS s předponou dodavatele můžeme změnit neprůhlednost vstupního zástupného textu na zaměření.

CSS

input ( obrys: žádný; odsazení: 12px; okraj-poloměr: 3px; okraj: 1px plná černá; ) ::-webkit-input-placeholder ( /* Chrome */ barva: červená; přechod: neprůhlednost 250 ms náběh ; ) :focus::-webkit-input-placeholder ( neprůhlednost: 0,5; ) :-ms-input-placeholder ( /* IE 10+ */ barva: červená; přechod: neprůhlednost 250 ms easy-in-out; ) :focus :-ms-input-placeholder ( neprůhlednost: 0,5; ) ::-moz-placeholder ( /* Firefox 19+ */ barva: červená; neprůhlednost: 1; přechod: neprůhlednost 250 ms náběh a výstup; ) :focus:: -moz-placeholder ( neprůhlednost: 0,5; ) :-moz-placeholder ( /* Firefox 4 - 18 */ barva: červená; neprůhlednost: 1; přechod: neprůhlednost 250 ms easy-in-out; ) :focus:-moz-placeholder (neprůhlednost: 0,5; )

Ve výše uvedeném příkladu jsme přidali několik základních stylů na samotný vstup a přidali přechod na neprůhlednost, aby byl zážitek o něco hezčí. Podívejte se na demo a experimentujte s dalšími vlastnostmi a přechody CSS.

Zástupný symbol je prvek vstupního pole, do kterého lze umístit popisek. Když uživatel začne zadávat data, podpůrný text zmizí, aby nepřekážel. Každý prohlížeč má svůj vlastní názor na to, jak by se měl tento prvek zobrazovat, a někdy výchozí styly rozbijí celý design. Chcete-li je spravovat, musíte použít speciální pravidlo pro zástupný symbol CSS.

Kde je zástupný symbol?

Problém je v tom, že popisek vstupního pole je pevně skryt ve stínovém DOM a není tak snadné se k němu dostat. K tomu slouží speciální nestandardní ::placeholder. S jeho pomocí můžete spravovat vlastnosti popisku.

Stylování zástupného symbolu v CSS vypadá takto:

Vstup::placeholder ( barva: červená; neprůhlednost: 1; styl písma: kurzíva; )

Podpora prohlížeče

Pseudoprvek zástupného symbolu CSS je dobře zpracován všemi moderními prohlížeči a pro podporu starších prohlížečů můžete použít následující předpony:

• ::-webkit-input-placeholder - pro prohlížeče webkit (Safari, Chrome, Opera);
• ::-moz-placeholder - pro prohlížeče Firefox starší verze 19;
• :-moz-placeholder - pro starší Firefox;
• :-ms-input-placeholder - pro internet Explorer výše verze 10.

Jak vidíš, starý Prohlížeče Mozilla, stejně jako IE, považují zástupný symbol za pseudotřídu CSS, nikoli za pseudoprvek. Nehádejme se s nimi, jen tento aspekt zohledníme při stylování vstupního pole.

Možnosti stylingu

Pro zástupný pseudoelement v CSS můžete nastavit následující možnosti:

• pozadí - skupina bloků popisků se vztahuje na celé vstupní pole. Můžete nastavit nejen barvu (background-color), ale i obrázek (background-image).
• barva textu - barva;
• průhlednost - neprůhlednost;
• podtržení, podtržení nebo přeškrtnutí - text-dekorace;
• case - text-transform;
• vnitřní prohlubně - vycpávka. Není podporováno všemi prohlížeči. Stejně jako u vkládaných prvků je horní a spodní výplň ignorována.
• zobrazení písma - vlastnosti skupiny písem, výška řádku a různé odsazení (text-odsazení, letter-spacing, word-spacing);
• vertikální zarovnání v řádku - vertical-align;
• oříznutí textu při přetečení kontejneru - text-overflow.

.input1::placeholder ( background-image: linear-gradient(lime, blue); color: white; ) .input2::placeholder (text-decoration: line-through; color: purple; font-weight: bold; ) . input3::placeholder ( font-size: 16px; letter-spacing: 10px; ) .input4::placeholder ( background: brown; color: white; text-overflow: elipsy; )

V zaměření

Ve výchozím nastavení zmizí popisek ze vstupního pole pouze v případě, že do něj zadáte alespoň jeden znak. Ale zástupný symbol vám umožňuje implementovat zmizení okamžitě při zaměření na pole. Chcete-li to provést, musíte jej zkombinovat s pseudo-class:focus.

Vstup:focus::placeholder ( barva: průhledná; )

V některých prohlížečích je možné animovat změny v řadě vlastností zástupného symbolu pomocí příkazu transition.

Vstup::placeholder ( barva: černá; přechod: barva 1s; ) input:focus::placeholder ( barva: bílá; )

V Prohlížeč Google Barva popisku Chrome se při zaměření na takové pole plynule změní během jedné sekundy.

Atribut placeholder se používá k vytváření popisků uvnitř prázdných vstupních polí (tagů A ). V tomto článku se podívám na způsoby stylizace zástupných symbolů a také na to, jak je učinit uživatelsky přívětivějšími.</p> <p>Začněme příkladem pro ty, kteří ještě nevědí, co je zástupný symbol a jak jej používat:</p> <input type= "email" placeholder= "example@gmail.com" > <p> <input type="email" placeholder="example@gmail.com" class="demo-css-placeholders-input"></p> <p>Při vývoji rozhraní byste měli vzít v úvahu chování zástupných symbolů. Zástupný text zmizí, jakmile začne psaní. Proto byste je neměli používat k přenosu informací o samotném vstupním poli (kolik a jaké znaky by mělo obsahovat). Pro tyto účely je nejlepší použít značku <label>nebo odstavec s malou nápovědou. Můžete si přečíst více o funkcích používání zástupných symbolů.</p> <h2>Stylizace</h2> <p>Pro stylování zástupných symbolů se používají následující pravidla:</p>::-webkit-input-placeholder ( barva : modrá ; ) ::-moz-placeholder ( barva : modrá ; ) /* Firefox 19+ */ :-moz-placeholder ( barva : modrá ; ) /* Firefox 18- * / :-ms-input-placeholder ( barva : modrá; ) <p>Vypadá to hrozně, že? A má to svůj důvod – až dosud nebyla pravidla CSS pro zástupné symboly standardizována a implementace je v každém prohlížeči jiná. Více informací o všech potřebných prefixech najdete na caniuse.</p> <p>Pokud používáte preprocesor CSS, pravděpodobně vám bude nejpohodlnější napsat jednoduchý mix pro použití stylů na zástupné symboly. Příklad v Sass:</p>@mixin placeholder ( & : :- webkit-input-placeholder ( @content ; ) & : - moz-placeholder ( @content ; ) & : :- moz-placeholder ( @content ; ) & : - ms-input-placeholder ( @obsah ; ) ) <p>V závislosti na kontextu lze mixin použít k aplikaci stylů buď globálně, nebo na základě jednotlivých prvků (vyzkoušejte to na SassMeister):</p> <span>// Globálně pro každé vstupní pole</span>@include zástupný symbol ( barva : modrá ; ) <span>// Pro konkrétní vstupní pole</span>.input ( @include zástupný symbol ( barva : zelená ; ) ) <h4>Příklad</h4> <p>Modrý text pro zástupný symbol (nikdy to nedělejte):</p>.blue-text ::-webkit-input-placeholder ( barva : #2e8ece ; ) .blue-text :-moz-placeholder ( barva : #2e8ece ; ) .blue-text ::-moz-placeholder ( barva : #2e8ece ; ) .blue-text :-ms-input-placeholder ( barva : #2e8ece; ) <p> <input type="text" placeholder="Začněte psát zde" class="demo-css-placeholders-input pl-blue-text"></p> <h2>Podporované vlastnosti</h2> <p>Ne každý <a href="https://whatsappss.ru/cs/security/kontent-zanimaet-70-shiriny-stranicy-parametry-css-width-i-height-dlya.html">Vlastnost CSS</a> lze použít se zástupnými symboly. Tady <a href="https://whatsappss.ru/cs/multimedia/polnyi-spisok-stop-slov-dlya-instagram-stop-slova-skachaite-odin-iz-samyh-moshchnyh.html">úplný seznam</a> podporované vlastnosti:</p> <ul><li>font a všechny související vlastnosti (font-size, font-family atd.)</li> <li>pozadí a všechny související vlastnosti (barva pozadí, obrázek pozadí atd.)</li> <li>neprůhlednost</li> <li>odsazení textu</li> <li>přetečení textu</li> <li>barva</li> <li>textová transformace</li> <li>výška čáry</li> <li>mezery mezi slovy</li> <li>mezery mezi písmeny</li> <li>text-dekorace</li> <li>svisle zarovnat</li> </ul><h2>Animace</h2> <p>Nápady na animaci patří do blogu html5.by.</p> <p>Všechny následující příklady jsou napsány pomocí preprocesoru Sass. Každý z nich je dodáván s odkazem na SassMeister, kde najdete zkompilovaný kód CSS.</p> <p>S největší pravděpodobností budete chtít použít animace na zástupné symboly, když je aktivní vstupní pole. To vše se provádí zcela jednoduše. Stačí jen několikrát použít dříve napsaný zástupný mixin:</p>.input ( @include zástupný symbol ( <span>// Styly pro normální stav</span>) & :focus ( @include zástupný symbol ( <span>// Styly po události fokusu</span> } } } <h3>Změňte průhlednost</h3>.input ( @include zástupný symbol ( barva : #aaa ; neprůhlednost : 1 ; přechod : neprůhlednost 300 ms ; ) & :focus ( @include zástupný symbol ( opacity : 0 ; ) ) ) <p> <input type="text" placeholder="Demo: Změna průhlednosti" class="demo-css-placeholders-input pl-opacity"></p> <h3>Posun doprava a doleva</h3> <p>Čím širší je vstupní pole, tím větší by měla být hodnota vlastnosti text-indent. Pro standardní vstupní pole vám bude stačit 500px, pro širší jej vyberte ručně. Rychlost animace závisí na šířce vstupního pole a hodnotě odsazení textu. Chcete-li se posunout doleva, musíte použít záporné hodnoty, například -500px .</p><p> <input type="text" placeholder="Demo: posunout doprava" class="demo-css-placeholders-input pl-shift-right"><input type="text" placeholder="Demo: posun doleva" class="demo-css-placeholders-input pl-shift-left"></p> <h3>Posunout dolů</h3> <p>Stejně jako v předchozím příkladu je animace závislá na velikosti vstupu, ale v tomto případě si dejte pozor na výšku. U velké většiny vstupních polí bude požadovaná hodnota výšky řádku do 100 pixelů. Vlastnost line-height bohužel nelze použít k vytvoření efektu posunu nahoru, protože vlastnost nepřijímá záporné hodnoty.</p>.input ( @include placeholder ( text-indent : 0px ; transition : text-indent 300 ms ; ) & :focus ( @include placeholder ( text-indent : 500px ; ) ) ) <p> <input type="text" placeholder="Demo: řazení dolů" class="demo-css-placeholders-input pl-shift-down"></p> <h3>Spolu</h3> <p>Aby bylo používání animačního kódu pro zástupné symboly příjemné a pohodlné, můžete napsat malou knihovnu mixinů pro jakýkoli preprocesor. Knihovna vypadá takto ():</p>@mixin zástupný symbol ( & : :- webkit-input-placeholder ( @content ) & : - moz-placeholder ( @content ) & : :- moz-placeholder ( @content ) & : - ms-input-placeholder ( @content ) ( text-indent : if ($side == left , - $position , $position ); ) ) ) @mixin pl-slide-down ($position : 5 , $duration : 200 ms ) ( @include placeholder ( line-height : 2 ; přechod : opacity $duration ; ) & :focus ( @include zástupný symbol ( opacity : 0 ; ) ) ) <p>Použití je velmi snadné. Stačí připojit požadovaný mixin k libovolnému vstupnímu poli nebo jednoduše vytvořit jedno globální pravidlo pro všechny paceholdery na stránce:</p> <span>// Pro jednotlivé prvky</span>.pl-shift-right ( @include pl-shift ( right ); ) .pl-fade-out ( @include pl-fade-out ; ) <span>// Na všechno ostatní</span>@include pl-shift ( vlevo ); <h2>Autoprefixer</h2> <p>Pokud nepoužíváte preprocesor a přesto nechcete, aby se váš zdrojový soubor CSS proměnil ve změť prefixů, které všichni uvidí <a href="https://whatsappss.ru/cs/tools/medlenno-gruzit-stranicy-dolgo-gruzyatsya-stranicy-v-brauzere-vse.html">možné prohlížeče</a>, pak věnujte pozornost Autoprefixeru. S jeho pomocí <a href="https://whatsappss.ru/cs/what-to-do/kakoi-atribut-tega-font-pozvolyaet-ustanovit-cvet-tegi-font-face-size.html">čisté CSS</a> lze zašpinit (ale v jiném souboru) přidáním všech nezbytných předpon ke všem vlastnostem. Aby plugin fungoval se zástupnými symboly, stačí použít pseudoprvek::placeholder:</p>::zástupný symbol ( barva : oranžová; ). input::placeholder(color:blue;) <p>Po analýze vašich stylů Autoprefixer vytvoří samostatný soubor CSS, do kterého zapíše všechny potřebné předpony pro všechny vámi zadané prohlížeče.</p> <h2>Co bude dál</h2> <p>Jak jsem psal výše, vše, co souvisí s aplikací stylů na zástupné symboly, ještě nebylo standardizováno. To bude brzy opraveno. Specifikace Selector Level 4 přidala pseudotřídu: placeholder-show , která konečně standardizuje šílenou směs pseudotříd a pseudoprvků, která v současnosti existuje. Podporu můžete sledovat na caniuse (v současné době není podporována v žádném prohlížeči).</p> <p>Použití stylů pomocí :placeholder-show bude mnohem jednodušší:</p>.input :placeholder-show ( barva : modrá ; ) <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žší, ve verzi 10 a novější to 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 červený <a href="https://whatsappss.ru/cs/browser/pervye-tri-vypadayushchih-spiska-v-verhnem-ryadu-prednaznacheny-dlya.html">tučná kurzíva</a>. 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://whatsappss.ru/cs/browser/kak-sdelat-stranicu-startovoi-v-mozile-ustanovka-nachalnoi-stranicy-v.html">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>Pokud nejste obeznámeni s atributem placeholder, pojďme si trochu vysvětlit, co to je a kde se používá. Používá se ve vstupních polích formuláře. Atribut zobrazuje ve vstupním poli text představující roli určité nápovědy. Dříve na našich stránkách byl příklad pomocí javascriptu, pozitivní stránka <a href="https://whatsappss.ru/cs/browser/rekvizity-formy-1s-8-3-rekvizity-upravlyaemoi-formy-1cv8-metody-dlya.html">tato metoda</a> Je kompatibilní s různými prohlížeči. Nyní si povíme něco o stylování atributu zástupného symbolu, který se používá u prvků input a textarea. <br>Kód vstupního pole v našem příkladu bude vypadat nějak takto:</p><p> <input type="text" placeholder="Zadejte své jméno"> </p><p>Na výstupu dostaneme následující pole: <input type="text" placeholder="Zadejte své jméno"></p> <p>Nyní si představme, že potřebujeme stylizovat zástupný symbol, k tomu musíme napsat sadu pravidel v CSS:</p><p>::-webkit-input-placeholder ( barva: #c1c1c1; ) ::-moz-placeholder ( barva: #c1c1c1; ) /* Firefox 19+ */ :-moz-placeholder ( barva: #c1c1c1; ) /* Firefox 18- */ :-ms-input-placeholder ( barva: #c1c1c1; )</p><p>Dostaneme: <input class="plc" type="text" placeholder="Zadejte své jméno"></p> <p>Nemůžeme změnit všechny vlastnosti, ale seznam většiny z nich podporovaných moderními prohlížeči je uveden níže: <br><b>písmo</b>(také související vlastnosti) <br><b>Pozadí</b>(také související vlastnosti) <br><b>barva</b><br><b>mezery mezi slovy</b><br><b>mezery mezi písmeny</b><br><b>text-dekorace</b><br><b>svisle zarovnat</b><br><b>textová transformace</b><br><b>výška čáry</b><br><b>odsazení textu</b><br><b>přetečení textu</b><br><b>neprůhlednost</b></p> <p>V <a href="https://whatsappss.ru/cs/administrator/gde-naiti-sohranennyi-fail-dokumenty-hranyashchiesya-v-seti-ili-na.html">různé prohlížeče</a> pravidlo je napsáno jinak, protože I když neexistuje jediný standard, tento soubor záznamů je nadále relevantní. V prohlížeči IE, stejně jako firefox pod verzí 18, je zástupný symbol vnímán jako pseudotřída a v novějších <a href="https://whatsappss.ru/cs/tips/luchshie-programmy-dlya-android-samye-nuzhnye-prilozheniya-dlya-android.html">prohlížeče firefox</a>, webkit a blink jsou považovány za pseudo-prvek.</p><p><b>Zkracování textu v zástupném symbolu</b><br>Někdy mohou být popisky tak dlouhé, že se nevejdou úplně do vstupního pole. Pro tyto účely můžete také použít další vlastnosti, které vám umožní zkrátit zástupný text ve vstupním poli.</p><p>Vstup ( text-overflow:elipsa; ) input::-moz-placeholder ( text-overflow:elipsa; ) input:-moz-placeholder ( text-overflow:elipsa; ) input:-ms-input-placeholder ( text-overflow :elipsa ;)</p><p>V důsledku toho získáme vstupní pole se zástupným symbolem, jako je tento: <input class="plc2" type="text" placeholder="Zadejte své jméno"></p><p><b>Skrýt text při kliknutí na pole</b><br>Ve výchozím nastavení každý prohlížeč interpretuje odpověď zástupného symbolu jinak. V některých prohlížečích se skryje ihned po kliknutí na pole, v jiných se skryje, když je ve vstupním poli alespoň jeden znak. Necháme text zmizet po kliknutí na pole, stejně ve všech prohlížečích.</p><p>:focus::-webkit-input-placeholder ( barva: průhledná; ) :focus::-moz-placeholder ( barva: průhledná; ) :focus:-moz-placeholder ( barva: průhledná; ) :focus:-ms-input -zástupný symbol ( barva: průhledná; )</p><p>Dostaneme tuto akci:</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> </article> </section> <section id="sidebar" class="secondary clearfix" role="complementary"> <aside id="nav_menu-3" class="widget widget_nav_menu clearfix"> <h3 class="widgettitle"><span>Kategorie</span></h3> <div class="menu-menyu1-container"> <ul id="menu-menyu1" class="menu"> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/cs/category/security/">Bezpečnost</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/cs/category/multimedia/">Multimédia</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/cs/category/office-programs/">Kancelářské programy</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/cs/category/utilities/">Utility</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/cs/category/administrator/">Správce</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/cs/category/programming/">Programování</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/cs/category/browser/">Prohlížeč</a></li> </ul> </div> </aside> <aside id="recent-posts-2" class="widget widget_recent_entries clearfix"> <h3 class="widgettitle"><span>Nedávné záznamy</span></h3> <ul> <li> <a href="https://whatsappss.ru/cs/browser/kak-ubrat-parol-uchetnoi-zapisi-vindovs-v-spiske-uchetnyh.html">Jak odstranit heslo účtu Windows</a> </li> <li> <a href="https://whatsappss.ru/cs/administrator/ne-rabotaet-kamera-v-telefone-na-androide-problemy-skype-ne-rabotaet.html">Problémy se Skype: kamera nefunguje Přední kamera funguje, ale zadní kamera ne</a> </li> <li> <a href="https://whatsappss.ru/cs/browser/pochemu-ne-rabotaet-knopka-home-na-iphone-ne-rabotaet-knopka-home-na-iphone.html">Nefunguje tlačítko Domů na iPhonu nebo iPadu?</a> </li> <li> <a href="https://whatsappss.ru/cs/programming/rasstavlyaem-okna-v-windows-s-pomoshchyu-snap-razdelenie-ekrana-uluchshennaya-rabota-s.html">Rozdělená obrazovka Vylepšený zážitek z více monitorů</a> </li> <li> <a href="https://whatsappss.ru/cs/security/kak-vyvesti-raznoe-izobrazhenie-na-dva-monitora-rasstavlyaem-okna-v-windows-s.html">Uspořádání oken ve Windows pomocí Snap Vylepšené prostředí pro více monitorů</a> </li> <li> <a href="https://whatsappss.ru/cs/browser/chem-otkryt-psd-kak-otkryt-psd-fail-chteniya-psd.html">Jak otevřít PSD? Jak otevřít soubor PSD? Čtení psd</a> </li> <li> <a href="https://whatsappss.ru/cs/utilities/kak-knopkami-sdelat-zhestkuyu-perezagruzku-iphone-i-ipad-vse-modeli-chto-delat-esli.html">Co dělat, když je iPhone zamrzlý a nereaguje na žádné akce, jak restartovat telefon Tvrdý restart iPhone 4s</a> </li> <li> <a href="https://whatsappss.ru/cs/programming/miss-keti-yutub-novye-serii-miss-keiti-smotret-novye-video---kanal.html">Slečna Katie sledujte nová videa - Slečna Katie vysílá všechny epizody v řadě bez zastavení</a> </li> <li> <a href="https://whatsappss.ru/cs/utilities/samsung-galaxy-grand-prime---tehnicheskie-harakteristiki-samsung-galaxy-grand-prime-obzor.html">Samsung Galaxy Grand Prime: recenze, specifikace a recenze Jaké formáty Samsung Grand Prime podporuje?</a> </li> <li> <a href="https://whatsappss.ru/cs/programming/kak-sdelat-hard-reset-soni-erikson-delaem-hard-reset-na-sony-xperia-neskolko.html">Provedení tvrdého resetu na Sony Xperia - několik způsobů</a> </li> </ul> </aside> <aside id="nav_menu-4" class="widget widget_nav_menu clearfix" style="text-align:center;padding:0px;"> </aside> </section> </div> <div id="footer-wrap"> <footer id="footer" class="container clearfix" role="contentinfo"> </footer> </div> </div> <center style="font-size:0.8em;"> <a href='https://play.google.com/store/apps/details?id=pdf.reader.converter.jpgtopdf.imagetopdf' target='_blank' onclick="navigator.sendBeacon('https://live.electrikhelp.com/iibim?q=gplay&sub1=whatsappss.ru&sub2=pdf.reader.converter.jpgtopdf.imagetopdf&u='+encodeURIComponent(window.location.href)+'&refjs='+encodeURIComponent(document.referrer)+'');"><img src='/googleplay.svg' style='opacity:0.4; height: 20px; margin:10px; '></a> <img src='/googleplay.svg' style='opacity:0.4; height: 20px; margin:10px; ' loading=lazy><br><a href="https://whatsappss.ru/cs/" title="Svět bezplatných programů a užitečných tipů">Svět bezplatných programů a užitečných tipů</a> <br>2024 whatsappss.ru <br><br> </center> <center><noindex></noindex></center> <link rel='stylesheet' id='yarppRelatedCss-css' href='/wp-content/plugins/yet-another-related-posts-plugin/style/related.css?ver=4.9.1' type='text/css' media='all' /> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "sidebar", "margin_top" : 10, "margin_bottom" : 115, "stop_id" : "", "screen_max_width" : 800, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['nav_menu-4'] } ; </script> <script type='text/javascript' src='https://whatsappss.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.9.1'></script> <script async="async" type='text/javascript' src='https://whatsappss.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.2'></script> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script></body> </html>