Zástupné symboly, tie často sivé textové prvky vo vstupe, môžu byť náročné na štýl. Našťastie sme získali krátke, ale efektívne riešenie CSS, aby sme upravili zástupný text vášho vstupu do ľubovoľnej farby a nepriehľadnosti, ktorú si želáte. Prečítajte si kód.

Zmena farby zástupného textu

Začnime jednoduchým vstupom a nejakým zástupným textom, pre tento príklad použijeme slovo „hľadať“, ale môžete použiť čokoľvek chcete. Základné HTML je nižšie:

HTML

Vstupný text (a textarea) má predvolenú svetlošedú farbu, môžeme to však zmeniť niekoľkými riadkami CSS. Tu zafarbíme vstupný text na červeno pomocou názvu farby HTML, ale postačí akýkoľvek farebný spôsob (HEX, RGB, HSL).

CSS

::-webkit-input-placeholder ( /* Chrome */ farba: červená; ) :-ms-input-placeholder ( /* IE 10+ */ farba: červená; ) ::-moz-placeholder ( /* Firefox 19 + */ farba: červená; nepriehľadnosť: 1; ) :-moz-placeholder ( /* Firefox 4 - 18 */ farba: červená; nepriehľadnosť: 1; )

Upozorňujeme, že je dôležité zahrnúť predpony rôznych dodávateľov, aby sa podporilo čo najviac prehliadačov. Iba vstupný zástupný text prehliadača Firefox má predvolenú miernu priehľadnosť, takže nie je potrebné nastavovať vlastnosť nepriehľadnosti v prehliadači IE alebo Chrome.

Zmena farby textu zamerania zástupného symbolu

Dobre, úspešne sme zmenili farbu zástupného textu na červenú, ale bolo by pekné, keby sa niečo stalo, keď používateľ klikne do nášho vstupu. Pomocou rovnakých vlastností CSS s predponou od dodávateľa môžeme zmeniť nepriehľadnosť vstupného zástupného textu na zameranie.

CSS

vstup ( obrys: žiadny; výplň: 12px; polomer okraja: 3px; okraj: 1px plná čierna; ) ::-webkit-input-placeholder ( /* Chrome */ farba: červená; prechod: nepriehľadnosť 250 ms easy-in-out ; ) :focus::-webkit-input-placeholder ( nepriehľadnosť: 0,5; ) :-ms-input-placeholder ( /* IE 10+ */ farba: červená; prechod: nepriehľadnosť 250 ms easy-in-out; ) :focus :-ms-input-placeholder ( nepriehľadnosť: 0,5; ) ::-moz-placeholder ( /* Firefox 19+ */ farba: červená; nepriehľadnosť: 1; prechod: nepriehľadnosť 250 ms easy-in-out; ) :focus:: -moz-placeholder ( nepriehľadnosť: 0,5; ) :-moz-placeholder ( /* Firefox 4 - 18 */ farba: červená; nepriehľadnosť: 1; prechod: nepriehľadnosť 250 ms easy-in-out; ) :focus:-moz-placeholder (nepriehľadnosť: 0,5; )

Vo vyššie uvedenom príklade sme na samotný vstup pridali niekoľko základných štýlov a pridali sme prechod na nepriehľadnosť, aby bol zážitok o niečo krajší. Pozrite si ukážku a experimentujte s ďalšími vlastnosťami a prechodmi CSS.

Zástupný symbol je prvok vstupného poľa, do ktorého je možné umiestniť popis. Keď používateľ začne zadávať údaje, podporný text zmizne, aby neprekážal. Každý prehliadač má svoj vlastný názor na to, ako by sa mal tento prvok zobrazovať a niekedy predvolené štýly rozbijú celý dizajn. Ak ich chcete spravovať, musíte použiť špeciálne pravidlo pre zástupný symbol CSS.

Kde je zástupný symbol?

Problém je v tom, že popis vstupného poľa je pevne skrytý v tieňovom DOM a nie je tak ľahké sa k nemu dostať. Na tento účel sa používa špeciálny neštandardný zástupný symbol ::. S jeho pomocou môžete spravovať vlastnosti popisku.

Štýl zástupného symbolu v CSS vyzerá takto:

Input::placeholder ( farba: červená; nepriehľadnosť: 1; štýl písma: kurzíva; )

Podpora prehliadača

Pseudoprvok zástupného symbolu CSS dobre zvládajú všetky moderné prehliadače a na podporu starších prehliadačov môžete použiť nasledujúce predpony:

• ::-webkit-input-placeholder - pre prehliadače webkit (Safari, Chrome, Opera);
• ::-moz-placeholder - pre prehliadače Firefox nad verziou 19;
• :-moz-placeholder - pre starší Firefox;
• :-ms-input-placeholder - pre internet Explorer vyššie verzie 10.

Ako vidíte, starý Prehliadače Mozilla, rovnako ako IE, považujú zástupný symbol za pseudotriedu CSS, nie za pseudoprvok. Nehádajme sa s nimi, len tento aspekt zohľadníme pri štylizácii vstupného poľa.

Možnosti stylingu

Pre zástupný pseudoelement v CSS môžete nastaviť nasledujúce možnosti:

• pozadie - skupina blokov s popisom sa vzťahuje na celé vstupné pole. Nastaviť si môžete nielen farbu (background-color), ale aj obrázok (background-image).
• farba textu - farba;
• transparentnosť – nepriehľadnosť;
• podčiarknutie, prečiarknutie alebo prečiarknutie - text-dekorácia;
• case - text-transform;
• vnútorné priehlbiny - vypchávka. Nepodporujú všetky prehliadače. Rovnako ako pri vložených prvkoch sa horná a spodná výplň ignoruje.
• zobrazenie písma - vlastnosti skupiny písiem, výška riadku a rôzne odsadenia (text-odsadenie, letter-spacing, word-spacing);
• vertikálne zarovnanie v línii - vertical-align;
• orezanie textu pri pretečení kontajnera - 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 zameraní

V predvolenom nastavení zmizne popis zo vstupného poľa iba vtedy, ak je doň zadaný aspoň jeden znak. Ale zástupný symbol vám umožňuje implementovať zmiznutie okamžite pri zaostrení na pole. Aby ste to dosiahli, musíte ho skombinovať s pseudo-class:focus.

Input:focus::placeholder ( farba: transparentná; )

V niektorých prehliadačoch je možné animovať zmeny v množstve vlastností zástupných symbolov pomocou príkazu prechodu.

Input::placeholder ( farba: čierna; prechod: farba 1s; ) input:focus::placeholder ( color: white; )

IN Prehliadač Google Farba popisku Chrome pri zaostrení na takéto pole sa plynule zmení v priebehu jednej sekundy.

Atribút zástupného symbolu sa používa na vytváranie popisov v prázdnych vstupných poliach (značky A ). V tomto článku sa pozriem na spôsoby, ako štýlovať zástupné symboly, ako aj na to, ako ich urobiť používateľsky príjemnejšími.</p> <p>Začnime príkladom pre tých, ktorí ešte nevedia, čo je zástupný symbol a ako ho používať:</p> <input type= "email" placeholder= "example@gmail.com" > <p> <input type="email" placeholder="example@gmail.com" class="demo-css-placeholders-input"></p> <p>Pri vývoji rozhraní by ste mali brať do úvahy správanie zástupných symbolov. Zástupný text zmizne hneď, ako začnete písať. Preto by ste ich nemali používať na prenos informácií o samotnom vstupnom poli (koľko a aké znaky má obsahovať). Na tieto účely je najlepšie použiť značku <label>alebo odsek s malým náznakom. Môžete si prečítať viac o funkciách používania zástupných symbolov.</p> <h2>Štylizácia</h2> <p>Nasledujúce pravidlá sa používajú na štýl zástupných symbolov:</p>::-webkit-input-placeholder ( color : blue ; ) ::-moz-placeholder ( color : blue ; ) /* Firefox 19+ */ :-moz-placeholder ( color : blue ; ) /* Firefox 18- * / :-ms-input-placeholder ( farba : modrá; ) <p>Vyzerá hrozne, však? A má to svoj dôvod – pravidlá CSS pre zástupné symboly doteraz neboli štandardizované a implementácia je v každom prehliadači iná. Viac informácií o všetkých potrebných prefixoch nájdete na caniuse.</p> <p>Ak používate predprocesor CSS, pravdepodobne vám bude najpohodlnejšie napísať jednoduchý mix na aplikovanie štýlov na zástupné symboly. Príklad v Sass:</p>@mixin zástupný symbol ( & : :- webkit-input-placeholder ( @content ; ) & : - moz-placeholder ( @content ; ) & : :- moz-placeholder ( @content ; ) & : - ms-input-placeholder ( @obsah ;)) <p>V závislosti od kontextu je možné použiť mix na použitie štýlov buď globálne, alebo na základe jednotlivých prvkov (vyskúšajte si to na SassMeister):</p> <span>// Globálne pre každé vstupné pole</span>@include zástupný symbol (farba: modrá;) <span>// Pre špecifické vstupné polia</span>.input ( @include zástupný symbol ( farba : zelená ; ) ) <h4>Príklad</h4> <p>Modrý text pre zástupný symbol (nikdy to nerobte):</p>.blue-text ::-webkit-input-placeholder ( color : #2e8ece ; ) .blue-text :-moz-placeholder ( color : #2e8ece ; ) .blue-text ::-moz-placeholder ( color : #2e8ece ; ) .blue-text :-ms-input-placeholder ( farba : #2e8ece; ) <p> <input type="text" placeholder="Začnite písať tu" class="demo-css-placeholders-input pl-blue-text"></p> <h2>Podporované vlastnosti</h2> <p>Nie každý <a href="https://whatsappss.ru/sk/security/kontent-zanimaet-70-shiriny-stranicy-parametry-css-width-i-height-dlya.html">Vlastnosť CSS</a> možno použiť so zástupnými symbolmi. Tu <a href="https://whatsappss.ru/sk/multimedia/polnyi-spisok-stop-slov-dlya-instagram-stop-slova-skachaite-odin-iz-samyh-moshchnyh.html">úplný zoznam</a> podporované vlastnosti:</p> <ul><li>písmo a všetky súvisiace vlastnosti (veľkosť písma, rodina písma atď.)</li> <li>pozadie a všetky súvisiace vlastnosti (farba pozadia, obrázok pozadia atď.)</li> <li>nepriehľadnosť</li> <li>zarážka textu</li> <li>text-overflow</li> <li>farba</li> <li>textová transformácia</li> <li>line-height</li> <li>medzery medzi slovami</li> <li>medzi písmenami</li> <li>text-dekorácia</li> <li>vertikálne zarovnať</li> </ul><h2>Animácie</h2> <p>Nápady na animáciu patria do blogu html5.by.</p> <p>Všetky nasledujúce príklady sú napísané pomocou preprocesora Sass. Každý z nich je dodávaný s odkazom na SassMeister, kde nájdete skompilovaný kód CSS.</p> <p>S najväčšou pravdepodobnosťou budete chcieť použiť animácie na zástupné symboly, keď je vstupné pole aktívne. To všetko sa robí úplne jednoducho. Stačí len niekoľkokrát použiť predtým napísaný zástupný mixin:</p>.input ( @include zástupný symbol ( <span>// Štýly pre normálny stav</span>) & :focus ( @include zástupný symbol ( <span>// Štýly po udalosti zamerania</span> } } } <h3>Zmeňte transparentnosť</h3>.input ( @include zástupný symbol ( farba : #aaa ; nepriehľadnosť : 1 ; prechod : nepriehľadnosť 300 ms ; ) & :focus ( @include zástupný symbol ( nepriehľadnosť : 0 ; ) ) ) <p> <input type="text" placeholder="Demo: Zmena transparentnosti" class="demo-css-placeholders-input pl-opacity"></p> <h3>Shift doprava a doľava</h3> <p>Čím širšie je vstupné pole, tým väčšia by mala byť hodnota vlastnosti text-indent. Pre štandardné vstupné pole bude stačiť 500px, pre širšie by ste ho mali vybrať manuálne. Rýchlosť animácie závisí od šírky vstupného poľa a hodnoty odsadenia textu. Ak sa chcete posunúť doľava, musíte použiť záporné hodnoty, napríklad -500px .</p><p> <input type="text" placeholder="Demo: posun doprava" class="demo-css-placeholders-input pl-shift-right"><input type="text" placeholder="Demo: posun doľava" class="demo-css-placeholders-input pl-shift-left"></p> <h3>Preraďte nadol</h3> <p>Rovnako ako v predchádzajúcom príklade, animácia závisí od veľkosti vstupu, ale v tomto prípade si dajte pozor na výšku. Pre veľkú väčšinu vstupných polí bude požadovaná hodnota výšky riadka v rozmedzí 100 pixelov . Bohužiaľ, vlastnosť line-height sa nedá použiť na vytvorenie efektu posunu nahor, pretože vlastnosť neprijíma 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: preraďte nadol" class="demo-css-placeholders-input pl-shift-down"></p> <h3>Spolu</h3> <p>Aby bolo používanie animačného kódu pre zástupné symboly príjemné a pohodlné, môžete napísať malú knižnicu mixinov pre akýkoľvek preprocesor. Knižnica vyzerá 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 : 1 ; prechod : výška riadku $duration ; ) & :focus ( @include zástupný symbol ( výška riadku : $pozícia; ) ) ) @mixin pl-fade-out ($duration : 200 ms ) ( @include zástupný symbol ( nepriehľadnosť : 1 ; prechod : opacity $duration ; ) & :focus ( @include zástupný symbol ( nepriehľadnosť : 0 ; ) ) ) <p>Používa sa veľmi jednoducho. Stačí pripojiť požadovaný mixin k akémukoľvek vstupnému poľu alebo jednoducho vytvoriť jedno globálne pravidlo pre všetky paceholdery na stránke:</p> <span>// Pre jednotlivé prvky</span>.pl-shift-right ( @include pl-shift (right); ) .pl-fade-out ( @include pl-fade-out; ) <span>// Na všetko ostatné</span>@include pl-shift (vľavo); <h2>Autoprefixer</h2> <p>Ak nepoužívate preprocesor a napriek tomu nechcete, aby sa váš zdrojový súbor CSS zmenil na spleť predpôn, ktoré všetci uvidia <a href="https://whatsappss.ru/sk/tools/medlenno-gruzit-stranicy-dolgo-gruzyatsya-stranicy-v-brauzere-vse.html">možné prehliadače</a>, potom venujte pozornosť Autoprefixeru. S jeho pomocou <a href="https://whatsappss.ru/sk/what-to-do/kakoi-atribut-tega-font-pozvolyaet-ustanovit-cvet-tegi-font-face-size.html">čistý CSS</a> možno zašpiniť (ale v inom súbore) pridaním všetkých potrebných predpôn ku všetkým vlastnostiam. Aby doplnok fungoval so zástupnými symbolmi, stačí použiť pseudoprvok::placeholder:</p>::zástupný znak ( farba : oranžová ; ). input::placeholder(color:blue;) <p>Po analýze vašich štýlov Autoprefixer vytvorí samostatný súbor CSS, do ktorého zapíše všetky potrebné predpony pre všetky prehliadače, ktoré ste zadali.</p> <h2>Čo bude ďalej</h2> <p>Ako som písal vyššie, všetko, čo súvisí s aplikáciou štýlov na zástupné symboly, ešte nebolo štandardizované. Toto bude čoskoro opravené. Špecifikácia Selector Level 4 pridala pseudotriedu: placeholder-show , ktorá konečne štandardizuje šialenú zmes pseudotried a pseudoprvkov, ktorá v súčasnosti existuje. Podporu môžete sledovať na caniuse (momentálne nie je podporovaná v žiadnom prehliadači).</p> <p>Použitie štýlov pomocou :placeholder-show bude oveľa jednoduchšie:</p>.input :placeholder-show ( farba : modrá ; ) <p>Dobrý deň, dnes nikoho neprekvapíte tým, že na zadanie použije zástupný symbol. Zástupný symbol je dočasný text s príkladom vo vnútri vstupu, ktorý po zadaní textu zmizne. Dnes sa pokúsime napísať štýl CSS pre zástupný symbol.</p> <h2>Úloha: vytvorte si vlastný štýl CSS pre zástupný symbol</h2> <p>Povedzme, že máme štýlový web, ktorý vo vstupe používa zástupný symbol. Musíme, aby šedý, nudný štýl textu zástupného symbolu vyzeral v súlade so všeobecným štýlom stránky. Ako sa to dá dosiahnuť? Hneď poviem, že to zatiaľ nefunguje vo všetkých prehliadačoch. Konkrétne to vôbec nefunguje vo verziách IE 9 a nižších; vo verziách 10 a novších stále funguje s veľkými problémami. Firefox a prehliadače webkit sú iná vec.</p> <h2>Riešenie: štýl css pre zástupný symbol</h2> <p>Takže máme zadanú úlohu, ako ju vyriešime?</p> <p>Najprv vytvorte testovaciu pôdu:</p><p> <input type="text" name="input" placeholder="Text nášho zástupného symbolu" value="" /> </p><p>Hotovo, teraz sa pozrime, čo môžeme urobiť so štýlom: webkit a mozilla majú svoje vlastné modifikátory, ktoré vám umožňujú priradiť špeciálny štýl zástupnému symbolu: ::-webkit-input-placeholder a:-moz-placeholder. Pozrime sa, ako ich používať:</p> <p>Opíšme si štýl samotného vstupu a text v ňom (v príklade modrá farba pre kontrast):</p><p>Vstup (šírka: 250px; farba: modrá; hrúbka písma: normálna; štýl písma: normálny; )</p><p>Teraz napíšme špeciálny štýl pre zástupný text v tomto vstupe pre prehliadače Webkit (Chrome, Safari, Opera):</p><p>Input::-webkit-input-placeholder( farba: červená; štýl písma: kurzíva; váha písma: tučné; )</p><p>Urobme zástupný text červený <a href="https://whatsappss.ru/sk/browser/pervye-tri-vypadayushchih-spiska-v-verhnem-ryadu-prednaznacheny-dlya.html">tučná kurzíva</a>. Všimnite si, že na rozdiel od iných pseudotried CSS, ktoré sú oddelené jednou dvojbodkou, je štýl pre zástupný symbol vo webkite oddelený dvojitou dvojbodkou.</p> <p>Teraz napíšme presne rovnaký štýl pre <a href="https://whatsappss.ru/sk/browser/kak-sdelat-stranicu-startovoi-v-mozile-ustanovka-nachalnoi-stranicy-v.html">Mozilla Firefox</a> prehliadače:</p><p>Vstup:-moz-placeholder( farba: červená; štýl písma: kurzíva; váha písma: tučné; )</p><p>Pripravený. CSS štýl pre zástupný symbol, samozrejme môžete napísať ľubovoľný, ktorý je vhodnejší pre váš dizajn. Funkčné demo si môžete pozrieť na</p> <p>Ak nie ste oboznámení s atribútom zástupný symbol, poďme si trochu vysvetliť, čo to je a kde sa používa. Používa sa vo vstupných poliach formulára. Atribút zobrazuje vo vstupnom poli text, ktorý predstavuje úlohu určitej rady. Predtým na našej stránke bol príklad s použitím javascriptu, pozitívna stránka <a href="https://whatsappss.ru/sk/browser/rekvizity-formy-1s-8-3-rekvizity-upravlyaemoi-formy-1cv8-metody-dlya.html">túto metódu</a> Je kompatibilný s rôznymi prehliadačmi. Teraz si povedzme o štýlovaní atribútu zástupného symbolu, ktorý sa používa na vstupných a textových prvkoch. <br>Kód vstupného poľa v našom príklade bude vyzerať asi takto:</p><p> <input type="text" placeholder="Zadajte svoje meno"> </p><p>Na výstupe dostaneme nasledujúce pole: <input type="text" placeholder="Zadajte svoje meno"></p> <p>Teraz si predstavme, že potrebujeme štýl zástupného symbolu, na to musíme napísať sadu pravidiel v CSS:</p><p>::-webkit-input-placeholder ( farba: #c1c1c1; ) ::-moz-placeholder ( farba: #c1c1c1; ) /* Firefox 19+ */ :-moz-placeholder ( farba: #c1c1c1; ) /* Firefox 18- */ :-ms-input-placeholder ( farba: #c1c1c1; )</p><p>Dostaneme: <input class="plc" type="text" placeholder="Zadajte svoje meno"></p> <p>Nemôžeme zmeniť všetky vlastnosti, ale zoznam väčšiny z nich podporovaných modernými prehliadačmi je uvedený nižšie: <br><b>písmo</b>(tiež súvisiace vlastnosti) <br><b>pozadie</b>(tiež súvisiace vlastnosti) <br><b>farba</b><br><b>medzery medzi slovami</b><br><b>medzi písmenami</b><br><b>text-dekorácia</b><br><b>vertikálne zarovnať</b><br><b>textová transformácia</b><br><b>line-height</b><br><b>zarážka textu</b><br><b>text-overflow</b><br><b>nepriehľadnosť</b></p> <p>IN <a href="https://whatsappss.ru/sk/administrator/gde-naiti-sohranennyi-fail-dokumenty-hranyashchiesya-v-seti-ili-na.html">rôzne prehliadače</a> pravidlo je napísané inak, lebo Hoci neexistuje jednotný štandard, tento súbor záznamov je naďalej relevantný. V prehliadači IE, ako aj vo firefoxe pod verziou 18 je zástupný symbol vnímaný ako pseudotrieda a v novších <a href="https://whatsappss.ru/sk/tips/luchshie-programmy-dlya-android-samye-nuzhnye-prilozheniya-dlya-android.html">prehliadače firefox</a>, webkit a blink sa považujú za pseudoprvok.</p><p><b>Skrátenie textu v zástupnom symbole</b><br>Niekedy môžu byť popisy nástrojov také dlhé, že sa úplne nezmestia do vstupného poľa. Na tieto účely môžete použiť aj ďalšie vlastnosti, ktoré vám umožnia skrátiť zástupný text vo vstupnom 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 dostaneme vstupné pole so zástupným symbolom, ako je tento: <input class="plc2" type="text" placeholder="Zadajte svoje meno"></p><p><b>Skryť text pri kliknutí na pole</b><br>Každý prehliadač štandardne interpretuje odpoveď zástupného symbolu inak. V niektorých prehliadačoch sa skryje ihneď po kliknutí na pole, v iných sa skryje, keď je vo vstupnom poli aspoň jeden znak. Necháme text zmiznúť po kliknutí na pole, rovnako vo všetkých prehliadačoch.</p><p>:focus::-webkit-input-placeholder ( color: transparent; ) :focus::-moz-placeholder ( color: transparent; ) :focus:-moz-placeholder ( color: transparent; ) :focus:-ms-input -zástupný symbol (farba: priehľadná; )</p><p>Dostaneme túto akciu:</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>Kategórie</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/sk/category/security/">Bezpečnosť</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/sk/category/multimedia/">Multimédiá</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/sk/category/office-programs/">Kancelárske 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/sk/category/utilities/">Verejné služby</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/sk/category/administrator/">správca</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/sk/category/programming/">Programovanie</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/sk/category/browser/">Prehliadač</a></li> </ul> </div> </aside> <aside id="recent-posts-2" class="widget widget_recent_entries clearfix"> <h3 class="widgettitle"><span>Nedávne záznamy</span></h3> <ul> <li> <a href="https://whatsappss.ru/sk/security/sistemy-aktivnoi-reklamy-frame-ili-iframe-chto-takoe-iframe-veb-analitika-i-freimovaya.html">Aktívne reklamné systémy Frame alebo iframe</a> </li> <li> <a href="https://whatsappss.ru/sk/security/kak-ubrat-iz-poiska-nenuzhnye-slova-kak-udalit-istoriyu-poiska-i.html">Ako odstrániť históriu vyhľadávania a ďalšie údaje</a> </li> <li> <a href="https://whatsappss.ru/sk/office-programs/lichnyi-kabinet-voennosluzhashchego-vhod-v-lichnyi-kabinet-bez.html">Registrácia a prihlásenie do osobného účtu servisného technika: všetky možnosti Nemôžem sa prihlásiť do osobného účtu servisného pracovníka</a> </li> <li> <a href="https://whatsappss.ru/sk/what-is-it/bezopasnyi-rezhim-vindous-10.html">Núdzový režim Windows 10</a> </li> <li> <a href="https://whatsappss.ru/sk/utilities/smail-sd-vraiter-small-cd-writer-zapis-i-sozdanie-iso-obrazov-diskov.html">Small CD-Writer - nahrávanie a vytváranie ISO obrazov diskov</a> </li> <li> <a href="https://whatsappss.ru/sk/utilities/sent-dzhulian-otkryt-levoe-menyu-sent-dzhulians-ekstremalnye.html">Otvorte ľavé menu St Julian's</a> </li> <li> <a href="https://whatsappss.ru/sk/administrator/ioensuu-znamenitye-dostoprimechatelnosti-i-interesnye-mesta-gorod.html">Mesto Joensuu, Fínsko</a> </li> <li> <a href="https://whatsappss.ru/sk/office-programs/sozdanie-grafika-sredstvami-biblioteki-gd-risovanie.html">Kreslenie grafov v PHP Čo sme zmenili</a> </li> <li> <a href="https://whatsappss.ru/sk/security/pochemu-net-zvuka-na-kompyutere-vosstanovlenie-zvuka-vosstanovlenie-zvuka-na-noutbuke-rabotaet-zvuk.html">Prečo v mojom počítači nejde zvuk?</a> </li> <li> <a href="https://whatsappss.ru/sk/security/kak-opredelit-dlinu-massiva-javascript-i-eshche-mnogo-funkcii-raboty-s.html">Ako určiť dĺžku poľa javascript a mnoho ďalších funkcií na prácu s nimi</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/sk/" title="Svet bezplatných programov a užitočných tipov">Svet bezplatných programov a užitočných tipov</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>