Aseta paikkamerkkien väri. Kuinka muuttaa työkaluvihjetekstin väriä paikkamerkissä käyttämällä CSS-tyylejä? Piilottaa paikkamerkin kauniisti

Tyypillisesti syötteen ja tekstialueen paikkamerkkiattribuuttia käytetään antamaan toimintakehotus näiden elementtien sisällä. Tässä huomautuksessa kuvailen useita vaihtoehtoja paikkamerkkien tekstin muotoiluun sekä vaihtoehtoja niiden animaatiolle

Joten paikkamerkkimme tekstin väriä voidaan muuttaa käyttämällä esimerkiksi seuraavia CSS-sääntöjä:

::-webkit-input-placeholder ( väri : #c0392b ;) ::-moz-placeholder ( väri : #c0392b ;) /* Firefox 19+ */ :-moz-placeholder ( väri : #c0392b ;) /* Firefox 18- */ :-ms-input-placeholder ( väri : #c0392b ;)

Näin yksinkertaisen ominaisuuden muotoilun koodin pituus johtuu yhteisen standardin puutteesta, ja siksi jokainen selain on ottanut käyttöön tuen paikkamerkkityylille omalla tavallaan.

Lisäksi kaikkia ei tueta css-ominaisuudet. Tässä on luettelo tarkalleen tuetuista ominaisuuksista:

fontti (ja vastaava)
tausta (ja siihen liittyvä)
väri
sanavälit
kirjainvälit
teksti-koriste
pystytasaus
tekstin muunnos
linjan korkeus
tekstin sisennys
tekstin ylivuoto
opasiteetti

Sattuu myös niin, että paikkamerkkiteksti "ulottuu" syötteen tai tekstialueelementin leveyden yli (yleinen tapaus mobiililaitteet). Samalla se leikataan automaattisesti ruma.

CSS-ominaisuus, kuten text-overflow: ellipsis, auttaa meitä korjaamaan tämän ongelman, mikä lisää esteettisen ellipsin paikkamerkin rajatulle alueelle. Tyylillä kirjoitamme näin:

input [ paikkamerkki ] ( text-overflow : ellipsi ;) input ::-moz-placeholder ( text-overflow : ellipsi ;) input :-moz-placeholder ( text-overflow : ellipsi ;) input :-ms-input-placeholder ( tekstin ylivuoto : ellipsi ;)

Jos haluat lisätä paikkamerkkiimme entistä enemmän estetiikkaa, voit lisätä sen piilotuksen, kun vastaava elementti saa fokuksen.

Joitakin esimerkkejä tällaisesta piilottamisesta animaatioelementeillä:

/* tasainen muutos paikkamerkkien läpinäkyvyydessä tarkennettaessa */.input ::-webkit-input-placeholder ( opasiteetti : 1 ; siirtymä : peittävyys 0,3 s helppous ;) .input ::-moz-placeholder ( opasiteetti : 1 ; siirtymä : opasiteetti 0,3 s helppous ;). input :-moz- paikkamerkki (läpinäkymättömyys: 1; siirtymä: peittävyys 0,3 s helppous;). input:-ms-input-placeholder (opasiteetti: 1; siirtymä: peittävyys 0,3 s helppous;). input (opasiteetti: 0; siirtymä: peittävyys 0,3 s helppous; ) .input :focus::-moz-placeholder ( opasiteetti : 0 ; siirtymä : peittävyys 0,3 s helppous ;).input :focus:-moz-placeholder ( opasiteetti : 0 ; siirtymä : peittävyys 0,3 s helppous ;). input :focus :-ms-input-placeholder ( opasiteetti : 0 ; siirtymä : peittävyys 0,3 s helppous ;) /* siirtää paikkamerkkiä oikealle, kun se on kohdistettu */.input ::-webkit-input-placeholder ( tekstin sisennys : 0px ; siirtymä : tekstin sisennys 0,3 s helppous ;) .input ::-moz-placeholder ( tekstin sisennys : 0px ; siirtymä : tekstin sisennys 0,3 s helppous ;).input :-moz-placeholder ( tekstin sisennys : 0px ; siirtymä : tekstin sisennys 0,3 s helppous ;). input :-ms-input-placeholder ( tekstin sisennys : 0px ; siirtymä : teksti sisennys 0,3 s helppous ;).syöttö :focus::-webkit-input-placeholder( tekstin sisennys : 500 pikseliä ; siirtymä : tekstin sisennys 0,3 s helppo ;). input :focus::-moz-placeholder ( tekstin sisennys : 500px ; siirtymä : tekstin sisennys 0,3 s helppo ;). input :focus:- moz-paikkamerkki ( tekstin sisennys : 500px ; siirtymä : tekstin sisennys 0,3 s helppous ;) .input :focus:-ms-input-placeholder ( tekstin sisennys : 500px ; siirtymä : tekstin sisennys 0,3 s helppous ;) /* siirrä paikkamerkkiä alas, kun se on tarkennettu */.input ::-webkit-input-placeholder ( rivin korkeus : 20px ; siirtymä : rivin korkeus 0,5 s helppous ;) .input ::-moz-placeholder ( rivin korkeus : 20px ; siirtymä : rivin korkeus 0,5 s helppous ;).input :-moz-placeholder ( rivin korkeus : 20px ; siirtymä : rivin korkeus 0,5 s helppous ;). input :-ms-input-placeholder ( rivin korkeus : 20px ; siirtymä : rivin korkeus 0,5 s helppous ;).syöttö :focus::-webkit-input-placeholder( rivin korkeus : 100 pikseliä ; siirtymä : rivin korkeus 0,5 s helppous ;).input :focus::-moz-placeholder ( rivin korkeus : 100px ; siirtymä : rivin korkeus 0,5 s helppous ;). input :focus:- moz-paikkamerkki ( rivin korkeus : 100 pikseliä ; siirtymä : rivin korkeus 0,5 s helppous ;). input :focus:-ms-input-placeholder ( rivin korkeus : 100 pikseliä ; siirtymä : rivin korkeus 0,5 s helppous ;)

Lopetetaan tähän.

Suunnittelijat pyrkivät vähentämään muotoa ja visuaalista melua korvataan paikkamerkkiattribuutilla, mikä lisää lyhytaikaisen muistin kuormitusta. Näkövammaisten ihmisten voi olla vaikea lukea vihjettä. On parempi sijoittaa suoraan syöttökentän yläpuolelle. Tyhjä kenttä tunnistetaan helpommin täytettäväksi elementiksi.

Huonosti

Hyvä

Tyyli: muuta paikkamerkkien väriä CSS

Muuta syöttökentän tyyliä paikkamerkki-CSS:llä

Huonosti

Paikkamerkkiefekti kohteelle

Paikkamerkkiattribuutti toimii vain Ja , vaikka muilla tunnisteilla olisikin määritetty contenteditable-attribuutti.</p> <style> .raz { height: 3em; border: 1px solid; } </style> <div contentEditable placeholder="Voit kirjoittaa tekstiä" 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="Voit kirjoittaa tekstiä" class="raz"></div> <h2>Vanha muistimenetelmä, joka muuttaa JavaScriptin arvoa</h2> <input onblur="this.value=(this.value=="onfocus ="this.value=(this.value==this.title)?" value="Sähköposti" title="Sähköposti"> <input onblur="this.value=(this.value=="")?this.title:this.value;" onfocus="this.value=(this.value==this.title)?"":this.value;" value="Sähköposti" title="Sähköposti" /> <p>Hei, tänään et yllätä ketään käyttämällä paikkamerkkiä syöttämiseen. Paikkamerkki on väliaikainen teksti, jonka syötteen sisällä on esimerkki, joka katoaa, kun kirjoitat tekstiä. Yritämme kirjoittaa CSS-tyylin paikkamerkkiin tänään.</p> <h2>Tehtävä: luo oma CSS-tyylisi paikkamerkille</h2> <p>Oletetaan, että meillä on tyylikäs verkkosivusto, joka käyttää syötteessä paikkamerkkiä. Meidän on saatava paikkamerkkien harmaa, tylsä ​​tekstityyli näyttämään yhdenmukaiselta sivuston yleisen tyylin kanssa. Miten tämä voidaan saavuttaa? Sanon heti, että tämä ei vielä toimi kaikissa selaimissa. Tarkemmin sanottuna se ei toimi ollenkaan IE-versioissa 9 ja sitä vanhemmissa versioissa 10 ja uudemmissa se toimii edelleen suurilla vaikeuksilla. Firefox ja webkit-selaimet ovat toinen asia.</p> <h2>Ratkaisu: css-tyyli paikkamerkkiin</h2> <p>Joten olemme asettaneet tehtävän, miten aiomme ratkaista sen?</p> <p>Luodaan ensin testikenttä:</p><p> <input type="text" name="input" placeholder="Paikkamerkkimme teksti" value="" /> </p><p>Valmis, katsotaan nyt mitä voimme tehdä tyylillä: webkitillä ja mozillalla on omat muokkauksensa, joiden avulla voit määrittää erityisen tyylin paikkamerkille: ::-webkit-input-placeholder ja:-moz-placeholder. Katsotaanpa, kuinka niitä käytetään:</p> <p>Kuvataanpa itse syötteen ja siinä olevan tekstin tyyliä (esimerkissä sininen kontrasti):</p><p>Input (leveys: 250 pikseliä; väri: sininen; kirjasimen paino: normaali; kirjasintyyli: normaali; )</p><p>Kirjoitetaan nyt erityinen tyyli paikkamerkkitekstille tässä syötteessä Webkit-selaimille (Chrome, Safari, Opera):</p><p>Input::-webkit-input-placeholder( väri: punainen; fontin tyyli: kursivoitu; fontin paino: lihavoitu; )</p><p>Tehdään paikkamerkkitekstistä punainen lihavoitu kursivoitu. Huomaa, että toisin kuin muut CSS-pseudo-luokat, jotka erotetaan yhdellä kaksoispisteellä, webkitissä paikkamerkkien tyyli erotetaan kahdella kaksoispisteellä.</p> <p>Nyt kirjoitetaan täsmälleen sama tyyli <a href="https://ermake.ru/fi/kak-otkryt-panel-instrumentov-v-mozile-kak-ubrat-i-kak-vernut/">Mozilla Firefox</a> selaimet:</p><p>Syöte:-moz-placeholder( väri: punainen; kirjasintyyli: kursivoitu; fontin paino: lihavoitu; )</p><p>Valmis. CSS-tyyli paikkamerkiksi, voit tietysti kirjoittaa minkä tahansa, joka sopii paremmin suunnitteluusi. Toimiva demo on katsottavissa osoitteessa</p> <p>Paikkamerkkiattribuuttia käytetään toimintakehotuksiin tyhjien syöttö- ja tekstialueelementtien sisällä. Tässä artikkelissa tarkastellaan paikkamerkkitekstin muotoilun mahdollisuuksia sekä joitain temppuja, jotka tekevät siitä kätevämmän ja toimivamman.</p> <p>Joten aloitetaan esimerkillä niille, jotka eivät tiedä mitä paikkamerkki on.</p> <h4>html</h4> <input type="text" placeholder="Jätä viesti tähän"> <p>Paikkamerkin tyyliä voidaan muuttaa käyttämällä seuraavia css-sääntöjä:</p> <h4>css</h4>::-webkit-input-placeholder (color:#c0392b;) ::-moz-placeholder (color:#c0392b;)/* Firefox 19+ */ :-moz-placeholder (color:#c0392b;)/* Firefox 18- */ :-ms-input-placeholder (väri:#c0392b;) <p>Näyttää pelottavalta, eikö? Tosiasia on, että tämä ei vieläkään ole standardeissa. Jokainen selain tukee paikkamerkkityyliä omalla tavallaan.</p> <p>IE:ssä ja vanhemmissa firefoxissa (ennen 18:aa) paikkamerkkiä pidetään pseudoluokkana ja uudessa firefoxissa, webkitissä ja blinkissä pseudoelementtinä.</p> <p>Katsotaan mitä tapahtui:</p> <p>On sanottava, että kaikkia mahdollisia CSS-ominaisuuksia ei tueta. Enemmistö <a href="https://ermake.ru/fi/kak-nastroit-turbo-rezhim-v-yandekse-chto-takoe-rezhim-turbo-v-sovremennyh/">nykyaikaiset selaimet</a> anna sinun muuttaa:</p> <ul><li>fontti (ja siihen liittyvät ominaisuudet)</li> <li>tausta (ja siihen liittyvät ominaisuudet)</li> <li>väri</li> <li>sanavälit</li> <li>kirjainvälit</li> <li>teksti-koriste</li> <li>pystytasaus</li> <li>tekstin muunnos</li> <li>linjan korkeus</li> <li>tekstin sisennys</li> <li>tekstin ylivuoto</li> <li>opasiteetti</li> </ul><h2>Entä jos paikkamerkki ei sovi?</h2> <p>Joskus tekstinsyöttökenttien leveys pienenee asetteluominaisuuksien vuoksi, erityisesti päällä <a href="https://ermake.ru/fi/chto-takoe-gadzhety-i-devaisy-chto-takoe-devais-v-mobilnoi-tehnike-devaisy/">mobiililaitteet</a>. Tässä tapauksessa paikanvaraajan pitkä teksti leikataan rumaa pois. Voit estää tämän käyttämällä text-overflow: ellipsistä. Tämä syntaksi toimii kaikissa uusissa selaimissa.</p> <h4>css</h4>input (text-overflow:ellipsis;) input::-moz-placeholder (text-overflow:ellipsis;) input:-moz-placeholder (text-overflow:ellipsis;) input:-ms-input-placeholder (text-overflow) :ellipsis ;) <h2>Kuinka piilottaa paikkamerkki kohdistettuna?</h2> <p>Paikkamerkin piilottaminen tapahtuu eri tavoin.</p> <ol><li>joissakin selaimissa, kun ne vastaanottavat tarkennuksen syötteen kautta</li> <li>muissa selaimissa, jos vähintään yksi merkki on syötetty</li> </ol><p>Pidän enemmän ensimmäisestä vaihtoehdosta. Määrittelemme seuraavat CSS-säännöt määrittääksemme tämän toiminnan kaikissa selaimissa, jotka tukevat paikkamerkkiä:</p> <h4>css</h4>:focus::-webkit-input-placeholder (väri: läpinäkyvä) :focus::-moz-placeholder (väri: läpinäkyvä) :focus:-moz-placeholder (väri: läpinäkyvä) :focus:-ms-input-placeholder ( väri: läpinäkyvä) <h2>Piilottaa paikkamerkin kauniisti</h2> <p>Voit myös lisätä siirtymän näyttääksesi ja piilottaaksesi paikkamerkin:</p> <h4>css</h4>/* paikkamerkkien läpinäkyvyyden tasainen muutos kohdistettuna */ .input1::-webkit-input-placeholder (läpinäkymättömyys: 1; siirtymä: läpinäkyvyys 0,3 s helppous;) .input1::-moz-placeholder (opasiteetti: 1; siirtymä: peittävyys 0.3s helppo;).input1:-moz-placeholder (läpinäkymättömyys: 1; siirtymä: peittävyys 0,3s helppo focus::-webkit-input-placeholder (läpinäkymättömyys: 0; siirtymä: läpinäkyvyys 0,3 s helppo;).input1:focus::-moz-placeholder (läpinäkymättömyys: 0; siirtymä: peittävyys 0,3 s helppous;).tulo1:focus : -moz-placeholder (opasiteetti: 0; siirtymä: peittävyys 0,3 s helppo;) .input1:focus:-ms-input-placeholder (opasiteetti: 0; siirtymä: peittävyys 0,3 s helppo;) /* siirtää paikkamerkkiä oikealle, kun focus*/ .input2::-webkit-input-placeholder (tekstin sisennys: 0px; siirtymä: tekstin sisennys 0,3 s helposti;) .input2::-moz-placeholder (tekstin sisennys: 0px; siirtymä: tekstin sisennys 0,3 s helppo;) .input2:-moz-placeholder (tekstin sisennys: 0px; siirtymä: tekstin sisennys 0,3 s helppo;).input2:-ms-input-placeholder (tekstin sisennys: 0px; siirtymä: tekstin sisennys 0.3s helppo;).input2:focus::-webkit-input-placeholder (tekstin sisennys: 500px; siirtymä: tekstin sisennys 0.3s helppo;).input2:focus::-moz-placeholder ( tekstin sisennys: 500 kuvapistettä input-placeholder (tekstin sisennys: 500 pikseliä; siirtymä: tekstin sisennys 0,3 s helposti -korkeus 0,5s helppo;).input3::-moz-placeholder (rivinkorkeus: 20px; siirtymä: rivinkorkeus 0,5s helppo;).input3:-moz-placeholder (rivinkorkeus: 20px; siirtymä: rivi - korkeus 0,5 s helppo;).input3:-ms-input-placeholder (rivin korkeus: 20 pikseliä; siirtymä: rivin korkeus 0,5 s helppoa ; siirtymä: rivin korkeus 0,5 s helposti;).input3:focus::-moz-placeholder (rivinkorkeus: 100px; siirtymä: rivin korkeus 0,5s helppo;).input3:focus:-moz-placeholder (rivi - korkeus: 100px; siirtymä: rivin korkeus 0,5 s helposti;) .input3:focus:-ms-input-placeholder (rivin korkeus: 100 pikseliä; siirtymä: rivin korkeus 0,5 s helppous;) <p>Toivottavasti tämä on sinulle hyödyllistä. Kirjoita kommentit ja ehdotukset kommentteihin.</p> <p>Paikkamerkki on pseudoluokka tai pseudoelementti, joka vastaa kentän nimen näyttämisestä. Pohjimmiltaan tämä on tagi (kutsutaanko sitä sellaiseksi yksinkertaisuuden vuoksi), johon syötät sanan, ja käyttäjä näkee sen sisällä. Jonkinlainen vihje tai nimi jokaiselle lomakekentälle.</p><p>Jokainen selain käsittelee tätä tunnistetta eri tavalla, ja sen tyyli jättää paljon toivomisen varaa. Jos haluat muuttaa oletustyylejä, lisää vain muutama koodirivi tyylitiedostoon. Ei ole mitään monimutkaista. <br>On kuitenkin otettava huomioon, että kaikkea emme voi muuttaa.</p><h2>Erilaisten tyylien joukossa, tässä tapauksessa, seuraavat asiat ovat käytettävissämme:</h2><ul><li>font-weight — tekstin painon asettaminen</li><li>font-size — valitse tekstin koko</li><li>font-family - fontin valinta</li><li>tausta - tausta ja taustakuva</li><li>väri - tekstin väri</li><li>sanaväli - aseta sanojen väli</li><li>letter-spacing - aseta kirjainten väli</li><li>text-decoration — sanakoristelun valinta. Alleviivattu, yliviivattu jne.</li><li>vertikaalinen kohdistus — aseta pystysuuntainen kohdistus</li><li>text-transform - valinta muuttaa tekstiä. Kaikki isoilla tai pienillä kirjaimilla jne.</li><li>line-height — rivien välinen etäisyys</li><li>text-indent - asettaa vasemman sisennyksen kappaleen ensimmäiselle riville</li><li>text-overflow - valinta näyttää tekstiä, joka ei mahdu lohkoon (piilota tai rajaa ja lisää ellipsi)</li><li>opasiteetti — valitse elementin läpinäkyvyys</li> </ul><p>Nyt kun olemme ymmärtäneet käytettävissä olevat tyylit, voimme aloittaa suunnittelun, tätä varten lisäämme seuraavat tyylit:</p><p>::-webkit-input-placeholder ( väri: #2cb04d; ) <br>::-moz-placeholder ( väri: #2cb04d; )/* Firefox 19+ */ <br>:-moz-placeholder ( väri: #2cb04d; ) /*Firefox 18- */ <br>:-ms-input-placeholder ( väri: #2cb04d; )</p><p>Näiden rivien lisäämisen jälkeen lomakekenttien sisällä olevien nimien väri muuttuu ja se on sama jokaisessa selaimessa. Täällä voit lisätä muita tyylejä. <br>Esimerkiksi tämä tyyli</p><p>::-webkit-input-placeholder (väri: #2cb04d; fontin koko: 1,5 em; fontin paino: 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 (väri: #2cb04d; fontin koko: 1,5 em; fontin paino: 600;)</p><p>Lisää väriä <a href="https://ermake.ru/fi/kak-sdelat-izobrazhenie-bolshe-po-razmeru-uvelichenie-vesa/">suuri koko</a> ja tekstin keskipaino. Jos lisäät ylimääräisen ominaisuuden - <br>text-overflow:ellipsis, teksti leikataan kenttään sopivaksi ja loppuun lisätään ellipsi.</p><p>On vielä yksi mielenkiintoinen ominaisuus: animaation esiintymisen ansiosta css:ssä (tyylit), voit määrittää kauniin piilotuksen, kun asetat kohdistimen kenttään. Aikaisemmin tämä tehtiin js:llä (skripteillä)</p><p>Input::-webkit-input-placeholder (läpinäkymättömyys: 1; siirtymä: peittävyys 0,3 s helppous;) <br>.input::-moz-placeholder (läpinäkymättömyys: 1; siirtymä: peittävyys 0,3 s helppous;) <br>.input:-moz-placeholder (läpinäkymättömyys: 1; siirtymä: peittävyys 0,3 s helppous;) <br>.input:-ms-input-placeholder (läpinäkymättömyys: 1; siirtymä: peittävyys 0,3 s helppous;) <br>.input:focus::-webkit-input-placeholder (läpinäkymättömyys: 0; siirtymä: läpinäkyvyys 0,3 s helppous;) <br>.input:focus::-moz-placeholder (läpinäkymättömyys: 0; siirtymä: peittävyys 0,3 s helposti;) <br>.input:focus:-moz-placeholder (läpinäkymättömyys: 0; siirtymä: peittävyys 0,3 s helppous;) <br>.input:focus:-ms-input-placeholder (läpinäkymättömyys: 0; siirtymä: peittävyys 0,3 s helppous;)</p><p>Tällaisten tyylien lisääminen mahdollistaa paikkamerkin häipymisen tasaisesti, kun kohdistin asetetaan kenttään <br>.input on lomakeelementtiluokka. Jotta tyylit toimisivat, lomakekentän koodin tulee näyttää tältä:</p><p><input type="text" class="input" placeholder="kentän nimi"></p><p>Tai voit käyttää elementtiluokkaa. Näin voit asettaa eri tyylit jokaiselle lomakkeelle.</p><p><!-- первым указываем класс контейнера, тег формы и тег вставки поля --><br>.contacts-form form input::-webkit-input-placeholder (väri: #2cb04d; fontin koko: 1,5 em; fontin paino: 600;) <br>.contacts-formin syöttö::-moz-placeholder (väri: #2cb04d; fontin koko: 1,5 em; fontin paino: 600;)/*Firefox 19+*/ <br>.contacts-formin syöttö:-moz-placeholder (väri: #2cb04d; fontin koko: 1,5 em; fontin paino: 600;)/*Firefox 18-*/ <br>.contacts-form form input:-ms-input-placeholder (väri: #2cb04d; fontin koko: 1,5 em; fontin paino: 600;)</p><p>Näillä yksinkertaisilla tavoilla voit luoda todella kauniin muotokuvion.</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">Toimittajan valinta</h3><ul class="rfpw-dropdown-post"> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fi/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/fi/kak-ubrat-kompyutera-istoriyu-prosmotrov-istoriya-brauzera-kak-posmotret/">Selainhistoria (selainhistorian tarkasteleminen, poistaminen ja palauttaminen)</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Hei rakkaat vierailijat! Kun työskentelemme Internetissä jonkun toisen tietokoneella, jätämme tahattomasti jälkiä. IN...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fi/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/fi/chto-delat-esli-pole-obekta-ne-obnaruzheno-chto-delat-esli-pole-obekta-ne/">Mitä tehdä, jos "kohdekenttää ei havaita" Kohdekenttää ei havaita, tuotantotoiminta on käynnissä</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">1C-käyttäjien kohtaama ongelma on "Virhe: Objektikenttää ei löydy", useimmiten ponnahtaa esiin, kun...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fi/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/fi/probit-po-nomeru-telefona-vladelca-kak-uznat-gde-nahoditsya-chelovek-po/">Kuinka saada selville, missä henkilö on matkapuhelinnumeron perusteella?</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Jotkut elämäntilanteet edellyttävät henkilön löytämistä, hänen sijaintinsa selvittämistä tai suku- ja etunimensä selvittämistä...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fi/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/fi/karta-gugl-sputnik-podrobnoe-opisanie-servisa-trehmernye/">3D-kartat Google Mapsissa</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Monien astronautien mukaan ei ole mitään kauniimpaa kuin näkymä planeetallemme ulkopuolelta. Kun maapallo näyttää suurelta...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fi/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/fi/kak-nastroit-monitor-dlya-pravilnoi-cvetoperedachi-s-pomoshchyu-po/">Ohjeet: Kannettavan tietokoneen näytön kalibrointi - värintoiston säätäminen</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Kuinka säätää värimaailmaa oikein kannettavassa tietokoneessa? Vastaus mestarilta: No, ostit vihdoin kannettavan tietokoneen! Sellaisia...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fi/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/fi/ploho-rabotaet-sensornyi-ekran-chto-delat-esli-sensor-vashego-gadzheta-ne/">Mitä tehdä, jos laitteesi anturi ei toimi?</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Nykyaikaisia ​​tabletteja ohjataan ensisijaisesti kosketusnäytön kautta. Jos tablettisi lakkaa yhtäkkiä toimimasta...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fi/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/fi/pri-vklyuchenii-kompyutera-postoyanno-zapuskaetsya-bios-noutbuk-pri/">Kannettava tietokone siirtyy BIOSiin, kun se on päällä, kun tietokone käynnistetään.</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Tänään tarkastelemme: Minkä tahansa Windows-käyttöjärjestelmän version omistajilla voi olla tilanne, kun...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fi/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/fi/kak-pereustanovit-windows-poshagovaya-instrukciya-kak-pereustanovit/">Windowsin uudelleenasentaminen: vaiheittaiset ohjeet Windows 7:n asentaminen tietokoneeseen levyltä</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Tämän käyttöjärjestelmän asentamiseen on useita vaihtoehtoja, ja ne kaikki eroavat vain pienillä poikkeamilla...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fi/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/fi/mdf-chem-otkryt-chem-otkryvat-faily-mdf-i-kak-s-nimi-rabotat-podrobnaya/">MDF-tiedostojen avaaminen ja niiden käsittely: yksityiskohtaiset ohjeet</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Kuinka avata MDF-tiedosto? Ennen kuin saat vastauksen tähän kysymykseen, sinun tulee ymmärtää, millainen muoto se on. Käytössä...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fi/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/fi/raskrutka-aska-besplatnaya-nakrutka-laikov-v-servise-ask-fm-kak/">Ilmainen tykkäysten lisäys Kysy-palvelussa</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Ask fm:n promootio on nyt käynnissä yhä enemmän. Tämä johtuu nuorten halusta kommunikoida ja...</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/fi/"></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="">Sivuston tiedot</a></li> <li class="menu-item type-custom object-custom "><a href="https://ermake.ru/fi/feedback/">Palaute</a></li> <li class="menu-item type-post_type object-page "><a href="https://ermake.ru/fi/sitemap.xml">Sivustokartta</a></li> </ul></div> </nav> <div class="clearfix"></div> <p>© 2024 ermake.ru - Tietoja PC-korjauksesta - Tietoportaali <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>