Setați culoarea substituentului. Cum se schimbă culoarea textului indicativ într-un substituent folosind stiluri CSS? Ascunzând frumos substituentul

În mod obișnuit, atributul substituent de pe intrare și textarea este utilizat pentru a oferi un îndemn la acțiune în cadrul acelor elemente. În această notă voi descrie mai multe opțiuni pentru stilarea textului substituenților, precum și opțiuni pentru animarea acestora

Deci, culoarea textului substituentului nostru poate fi schimbată folosind, de exemplu, următorul set de reguli CSS:

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

Lungimea codului pentru stilarea unei proprietăți atât de simple se datorează lipsei unui standard comun și, prin urmare, fiecare browser a implementat suport pentru stilul de substituent în felul său.

De asemenea, nu toate sunt acceptate proprietăți css. Iată o listă de proprietăți exact acceptate:

font (și aferente)
fundal (și înrudit)
culoare
spațierea cuvintelor
spațiere între litere
text-decor
vertical-align
text-transformare
înălțimea liniei
text-indentare
text-debordare
opacitate

De asemenea, se întâmplă că textul substituent „se extinde” dincolo de lățimea elementului de intrare sau textarea (un caz comun pentru dispozitive mobile). În același timp, este tăiat automat inestetic.

O proprietate CSS precum text-overflow: punctele de suspensie ne vor ajuta să remediem această problemă, care va adăuga o elipsă estetică în zona decupată a substituentului. În stiluri scriem astfel:

input [ substituent ] ( text-overflow : puncte suspensie ;) input ::-moz-placeholder ( text-overflow : puncte suspensive ;) input :-moz-placeholder ( text-overflow : puncte suspensive ;) input :-ms-input-placeholder ( text-overflow: puncte de suspensie ;)

Pentru a adăuga și mai multă estetică substituenților noștri, este posibil să adăugați efectul de a-l ascunde atunci când elementul corespunzător primește focalizare.

Câteva exemple de astfel de ascundere cu elemente de animație:

/* schimbare lină a transparenței substituentului când este focalizat */.input ::-webkit-input-placeholder ( opacitate : 1 ; tranziție : opacitate 0,3 s ease ;) .input ::-moz-placeholder ( opacitate : 1 ; tranziție : opacitate 0,3 s ease ;).input :-moz- substituent (opacitate: 1; tranziție: opacitate 0,3s ease;).input:-ms-input-placeholder (opacitate: 1; tranziție: opacitate 0,3s ease;).input (opacitate: 0; tranziție: opacitate 0,3s ease; ) .input :focus::-moz-placeholder ( opacitate : 0 ; tranziție : opacitate 0.3s ease ;).input :focus:-moz-placeholder ( opacitate : 0 ; tranziție : opacitate 0,3s ease ;).input :focus :-ms-input-placeholder ( opacitate : 0 ; tranziție : opacitate 0,3 s ușurință ;) /* mutați substituentul la dreapta când este focalizat */.input ::-webkit-input-placeholder ( text-indent : 0px ; tranziție : text-indent 0.3s ease ;) .input ::-moz-placeholder ( text-indent : 0px ; tranziție : text-indent 0.3s ease ;).input :-moz-placeholder ( text-indent : 0px ; tranziție : text-indent 0,3s ease ;).input :-ms-input-placeholder ( text-indent : 0px ; tranziție : text-indent 0,3s ease ;).intrare :focus::-webkit-input-placeholder( text-indent : 500px ; tranziție : text-indent 0.3s ease ;).input :focus::-moz-placeholder ( text-indent : 500px ; tranziție : text-indent 0.3s ease ;).input :focus:- moz-placeholder ( text-indent : 500px ; tranziție : text-indent 0.3s ease ;) .input :focus:-ms-input-placeholder ( text-indent : 500px ; tranziție : text-indent 0.3s ease ;) /* mutați substituentul în jos când este focalizat */.input ::-webkit-input-placeholder ( line-height : 20px ; tranziție : line-height 0,5s ease ;) .input ::-moz-placeholder ( line-height : 20px ; tranziție : line-height 0,5s ease ;).input :-moz-placeholder ( line-height : 20px ; tranziție : line-height 0,5s ease ;).input :-ms-input-placeholder ( line-height : 20px ; tranziție : line-height 0,5s ease ;).input :focus::-webkit-input-placeholder( line-height : 100px ; tranziție : line-height 0.5s ușurință ;).input :focus::-moz-placeholder ( line-height : 100px ; tranziție: line-height 0.5s ease ;).input :focus:- moz-placeholder ( line-height : 100px ; tranziție : line-height 0.5s ease ;).input :focus:-ms-input-placeholder ( line-height : 100px ; tranziție: line-height 0.5s ease ;)

Să terminăm aici.

În efortul de a reduce forma și de a reduce zgomotul vizual, designerii sunt înlocuite cu atributul substituent, crescând astfel încărcarea memoriei pe termen scurt. Persoanele cu deficiențe de vedere pot găsi indiciul dificil de citit. E mai bine să plasezi direct deasupra câmpului de introducere. Un câmp gol este mai ușor de recunoscut ca un element care necesită completare.

Prost

Amenda

Stil: schimbați culoarea substituentului CSS

Schimbați stilul câmpului de introducere cu substituent CSS

Prost

Efect de substituent pentru

Atributul substituent funcționează numai pentru Şi , chiar dacă alte etichete au atributul contenteditable specificat.</p> <style> .raz { height: 3em; border: 1px solid; } </style> <div contentEditable placeholder="Puteți introduce 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="Puteți introduce text" class="raz"></div> <h2>O metodă de memorie străveche care schimbă valoarea JavaScript</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>Bună ziua, astăzi nu veți surprinde pe nimeni folosind un substituent pentru introducere. Substituent este un text temporar cu un exemplu în interiorul intrării, care dispare atunci când introduceți text. Vom încerca să scriem stilul CSS pentru substituent astăzi.</p> <h2>Sarcină: creați-vă propriul stil CSS pentru substituent</h2> <p>Să presupunem că avem un site web elegant care folosește un substituent în intrare. Trebuie să facem ca stilul textului gri și plictisitor al substituentului să pară în concordanță cu stilul general al site-ului. Cum se poate realiza acest lucru? Voi spune imediat că acest lucru nu funcționează încă în toate browserele. Mai exact, nu funcționează deloc în IE versiunile 9 și mai jos în 10 și mai târziu funcționează cu mare dificultate; Firefox și browserele webkit sunt o altă problemă.</p> <h2>Soluție: stilul css pentru substituent</h2> <p>Deci, am stabilit sarcina, cum o vom rezolva?</p> <p>Mai întâi, să creăm un teren de testare:</p><p> <input type="text" name="input" placeholder="Textul substituentului nostru" value="" /> </p><p>Gata, acum să vedem ce putem face cu stilul: webkit și mozilla au propriii modificatori care vă permit să atribuiți un stil special substituentului: ::-webkit-input-placeholder și:-moz-placeholder. Să vedem cum să le folosim:</p> <p>Să descriem stilul intrării în sine și textul din acesta (culoare albastră pentru contrast în exemplu):</p><p>Intrare( lățime: 250px; culoare: albastru; greutate font: normal; stil font: normal; )</p><p>Acum să scriem un stil special pentru textul substituent din această intrare pentru browserele Webkit (Chrome, Safari, Opera):</p><p>Intrare::-webkit-input-placeholder (culoare: roșu; stil font: cursiv; greutate font: bold; )</p><p>Să facem textul substituent roșu aldine italic. Rețineți că, spre deosebire de alte pseudoclase CSS, care sunt separate printr-un singur două puncte, stilul pentru substituent din webkit este separat prin două puncte.</p> <p>Acum să scriem exact același stil pentru <a href="https://ermake.ru/ro/kak-otkryt-panel-instrumentov-v-mozile-kak-ubrat-i-kak-vernut/">Mozilla Firefox</a> browsere:</p><p>Intrare:-moz-placeholder(culoare: roșu; stil font: cursiv; greutate font: bold; )</p><p>Gata. Stilul CSS pentru substituent, bineînțeles că puteți scrie oricare care este mai potrivit pentru designul dvs. O demonstrație de lucru poate fi vizualizată la</p> <p>Atributul substituent este utilizat pentru apeluri la acțiune în interiorul elementelor de intrare goale și textarea. În acest articol vom analiza posibilitățile de stilare a textului substituent, precum și câteva trucuri care îl vor face mai convenabil și mai funcțional.</p> <p>Deci, să începem cu un exemplu pentru cei care nu știu ce este un substituent.</p> <h4>html</h4> <input type="text" placeholder="Lasă un mesaj aici"> <p>Stilul substituentului poate fi modificat folosind următorul set de reguli CSS:</p> <h4>css</h4>::-webkit-input-placeholder (culoare:#c0392b;) ::-moz-placeholder (culoare:#c0392b;)/* Firefox 19+ */ :-moz-placeholder (culoare:#c0392b;)/* Firefox 18- */ :-ms-input-placeholder (culoare:#c0392b;) <p>Pare înfricoșător, nu-i așa? Cert este că acest lucru încă nu este în standarde. Fiecare browser implementează suport pentru stilul substituent în felul său.</p> <p>În IE și firefox mai vechi (înainte de 18), substituentul este considerat o pseudo-clasă, iar în noul firefox, webkit și blink este considerat un pseudo-element.</p> <p>Să vedem ce s-a întâmplat:</p> <p>Trebuie spus că nu toate proprietățile CSS posibile sunt acceptate. Majoritate <a href="https://ermake.ru/ro/kak-nastroit-turbo-rezhim-v-yandekse-chto-takoe-rezhim-turbo-v-sovremennyh/">browsere moderne</a> vă permit să schimbați:</p> <ul><li>font (și proprietăți aferente)</li> <li>fundal (și proprietăți aferente)</li> <li>culoare</li> <li>spațierea cuvintelor</li> <li>spațiere între litere</li> <li>text-decor</li> <li>vertical-align</li> <li>text-transformare</li> <li>înălțimea liniei</li> <li>text-indentare</li> <li>text-debordare</li> <li>opacitate</li> </ul><h2>Ce se întâmplă dacă substituentul nu se potrivește?</h2> <p>Uneori, câmpurile de introducere a textului sunt reduse în lățime datorită caracteristicilor de aspect, în special pe <a href="https://ermake.ru/ro/chto-takoe-gadzhety-i-devaisy-chto-takoe-devais-v-mobilnoi-tehnike-devaisy/">dispozitive mobile</a>. În acest caz, textul lung al substituentului va fi tăiat inestetic. Pentru a preveni acest lucru, puteți utiliza text-overflow: elipse. Această sintaxă va funcționa în toate browserele noi.</p> <h4>css</h4>input (text-overflow:elipse;) input::-moz-placeholder (text-overflow:elipse;) input:-moz-placeholder (text-overflow:elipse;) input:-ms-input-placeholder (text-overflow: elipse;) :elipsă;) <h2>Cum să ascundeți substituentul la focalizare?</h2> <p>Ascunderea unui substituent are loc în moduri diferite.</p> <ol><li>în unele browsere când primesc focalizare prin intrare</li> <li>în alte browsere dacă există cel puțin un caracter introdus</li> </ol><p>Imi place mai mult prima varianta. Pentru a seta acest comportament în toate browserele care acceptă substituent, vom defini următoarele reguli CSS:</p> <h4>css</h4>:focus::-webkit-input-placeholder (culoare: transparent) :focus::-moz-placeholder (culoare: transparent) :focus:-moz-placeholder (culoare: transparent) :focus:-ms-input-placeholder ( culoare: transparent) <h2>Ascunzând frumos substituentul</h2> <p>De asemenea, puteți adăuga o tranziție pentru a afișa și a ascunde substituentul:</p> <h4>css</h4>/* modificare lină a transparenței substituentului atunci când este focalizat */ .input1::-webkit-input-placeholder (opacitate: 1; tranziție: opacitate 0,3s ease;) .input1::-moz-placeholder (opacitate: 1; tranziție: opacitate 0.3s ease;).input1:-moz-placeholder (opacitate: 1; tranziție: opacitate 0.3s ease;).input1:-ms-input-placeholder (opacitate: 1; tranziție: opacitate 0.3s ease;).input1 : focus::-webkit-input-placeholder (opacitate: 0; tranziție: opacitate 0,3s ease;).input1:focus::-moz-placeholder (opacitate: 0; tranziție: opacitate 0,3s ease;).input1:focus : -moz-placeholder (opacitate: 0; tranziție: opacitate 0,3s ease;) .input1:focus:-ms-input-placeholder (opacitate: 0; tranziție: opacitate 0,3s ease;) /* mutați substituentul la dreapta când focus*/ .input2::-webkit-input-placeholder (text-indent: 0px; tranziție: text-indent 0.3s ease;) .input2::-moz-placeholder (text-indent: 0px; tranziție: text-indent) 0.3s ease;) .input2:-moz-placeholder (text-indent: 0px; tranziție: text-indent 0.3s ease;).input2:-ms-input-placeholder (text-indent: 0px; tranziție: text-indent 0.3s ease;).input2:focus::-webkit-input-placeholder (text-indent: 500px; tranziție: text-indent 0.3s ease;).input2:focus::-moz-placeholder ( text-indent: 500px; tranziție: text-indent 0.3s ease;).input2:focus:-moz-placeholder (text-indent: 500px; tranziție: text-indent 0.3s ease;).input2:focus:-ms- input-placeholder (text-indent: 500px; tranziție: text-indent 0.3s ease;) /* mutați substituentul în jos când este focalizat */ .input3::-webkit-input-placeholder (line-height: 20px; tranziție: linie -height 0.5s ease;).input3::-moz-placeholder (line-height: 20px; tranziție: line-height 0.5s ease;).input3:-moz-placeholder (line-height: 20px; tranziție: line - înălțime 0,5 s ease;).input3:-ms-input-placeholder (linie-înălțime: 20px; tranziție: line-height 0,5s ease;).input3:focus::-webkit-input-placeholder (linie-înălțime: 100px ; tranziție: line-height 0.5s ease;).input3:focus::-moz-placeholder (line-height: 100px; tranziție: line-height 0.5s ease;).input3:focus:-moz-placeholder (line - înălțime: 100px; tranziție: line-height 0,5s ease;) .input3:focus:-ms-input-placeholder (line-height: 100px; tranziție: line-height 0,5s ease;) <p>Sper că veți găsi acest lucru util. Scrieți comentarii și sugestii în comentarii.</p> <p>Substituent este o pseudo-clasă sau pseudo-element care este responsabil pentru afișarea numelui câmpului. În esență, aceasta este o etichetă (să o numim așa pentru simplitate) în care introduceți un cuvânt, iar utilizatorul îl vede în interior. Un fel de indiciu sau nume pentru fiecare câmp de formular.</p><p>Fiecare browser gestionează această etichetă în mod diferit, iar stilul său lasă mult de dorit. Pentru a schimba stilurile implicite, trebuie doar să adăugați câteva linii de cod în fișierul de stiluri. Nu este nimic complicat. <br>Cu toate acestea, este necesar să ținem cont de faptul că nu tot ce putem schimba.</p><h2>Printre varietatea de stiluri, în acest caz, ne sunt disponibile următoarele lucruri:</h2><ul><li>font-weight — setarea greutății textului</li><li>dimensiunea fontului — selectați dimensiunea textului</li><li>font-family - selecția fontului</li><li>fundal - fundal și imagine de fundal</li><li>culoare — culoarea textului</li><li>word-spacing - setați distanța dintre cuvinte</li><li>letter-spacing - setați spațierea dintre litere</li><li>text-decoration — alegerea cuvântului decor. Subliniat, tăiat etc.</li><li>vertical-align — setează alinierea verticală</li><li>text-transform - alegerea modificării textului. Toate cu litere mari sau mici etc.</li><li>line-height — distanță între linii</li><li>text-indent - setează o indentare din stânga pentru prima linie a unui paragraf</li><li>text-overflow - alegerea de afișare a textului care nu se încadrează în bloc (ascunde sau decupează și adaugă puncte suspensive)</li><li>opacitate — selectați transparența elementului</li> </ul><p>Acum că am înțeles stilurile disponibile, putem începe să proiectăm, pentru a face acest lucru vom adăuga următoarele stiluri:</p><p>::-webkit-input-placeholder (culoare: #2cb04d; ) <br>::-moz-placeholder ( culoare: #2cb04d; )/* Firefox 19+ */ <br>:-moz-placeholder ( culoare: #2cb04d; ) /*Firefox 18- */ <br>:-ms-input-placeholder (culoare: #2cb04d; )</p><p>După adăugarea acestor rânduri, culoarea numelor din câmpurile formularului se va schimba și va fi aceeași în fiecare browser. Puteți adăuga stiluri suplimentare aici. <br>De exemplu, acest stil</p><p>::-webkit-input-placeholder (culoare: #2cb04d; dimensiunea fontului: 1.5em; greutatea fontului: 600;) <br>::-moz-placeholder (culoare:#2cb04d; dimensiunea fontului:1.5em; greutatea fontului:600;) /*Firefox 19+*/ <br>:-moz-placeholder (culoare:#2cb04d; dimensiunea fontului:1.5em; greutatea fontului:600;) /*Firefox 18-*/ <br>:-ms-input-placeholder (culoare: #2cb04d; dimensiunea fontului: 1.5em; greutatea fontului: 600;)</p><p>Adăugați culoare <a href="https://ermake.ru/ro/kak-sdelat-izobrazhenie-bolshe-po-razmeru-uvelichenie-vesa/">dimensiune mare</a>și greutate medie a textului. Dacă adăugați o proprietate suplimentară - <br>text-overflow:elipsă apoi textul va fi tăiat pentru a se potrivi câmpului și se va adăuga o elipsă la sfârșit.</p><p>Mai există o proprietate interesantă: datorită apariției animației în css (stiluri), puteți configura ascunderea frumoasă atunci când plasați cursorul într-un câmp. Anterior, acest lucru se făcea folosind js (scripturi)</p><p>Intrare::-webkit-input-placeholder (opacitate: 1; tranziție: opacitate 0,3 s ușurință;) <br>.input::-moz-placeholder (opacitate: 1; tranziție: opacitate 0,3 s ușurință;) <br>.input:-moz-placeholder (opacitate: 1; tranziție: opacitate 0,3 s ușurință;) <br>.input:-ms-input-placeholder (opacitate: 1; tranziție: opacitate 0,3 s ușurință;) <br>.input:focus::-webkit-input-placeholder (opacitate: 0; tranziție: opacitate 0,3 s ușurință;) <br>.input:focus::-moz-placeholder (opacitate: 0; tranziție: opacitate 0,3 s ușurință;) <br>.input:focus:-moz-placeholder (opacitate: 0; tranziție: opacitate 0,3 s ușurință;) <br>.input:focus:-ms-input-placeholder (opacitate: 0; tranziție: opacitate 0,3 s ușurință;)</p><p>Adăugarea unor astfel de stiluri va permite substituentului să se estompeze fără probleme atunci când cursorul este plasat în câmp <br>.input este clasa elementului de formular. Pentru ca stilurile să funcționeze, codul câmpului de formular ar trebui să arate astfel:</p><p><input type="text" class="input" placeholder="numele câmpului"></p><p>Sau puteți folosi clasa de elemente. În acest fel, puteți seta stiluri diferite pentru fiecare formular.</p><p><!-- первым указываем класс контейнера, тег формы и тег вставки поля --><br>.contacts-form form input::-webkit-input-placeholder (culoare: #2cb04d; dimensiunea fontului: 1.5em; greutatea fontului: 600;) <br>Introducere formular .contacts-form::-moz-placeholder (culoare: #2cb04d; dimensiunea fontului: 1.5em; greutatea fontului: 600;)/*Firefox 19+*/ <br>Introducere formular .contacts-form:-moz-placeholder (culoare: #2cb04d; dimensiunea fontului: 1.5em; greutatea fontului: 600;)/*Firefox 18-*/ <br>.contacts-form form input:-ms-input-placeholder (culoare: #2cb04d; dimensiunea fontului: 1.5em; greutatea fontului: 600;)</p><p>În aceste moduri simple, puteți crea un design de formă cu adevărat frumos.</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">Alegerea editorului</h3><ul class="rfpw-dropdown-post"> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/ro/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/ro/kak-ubrat-kompyutera-istoriyu-prosmotrov-istoriya-brauzera-kak-posmotret/">Istoricul browserului (cum să vizualizați, să ștergeți și să restaurați istoricul browserului)</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Bună ziua, dragi vizitatori! Când lucrăm pe internet pe computerul altcuiva, fără să vrea, lăsăm urme. ÎN...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/ro/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/ro/chto-delat-esli-pole-obekta-ne-obnaruzheno-chto-delat-esli-pole-obekta-ne/">Ce trebuie făcut dacă „câmpul obiect nu este detectat” Câmpul obiect nu este detectat, activitățile de producție sunt în desfășurare</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Problema pe care o întâmpină utilizatorii 1C este „Eroare: câmpul obiect nu a fost găsit”, cel mai adesea apare când...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/ro/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/ro/probit-po-nomeru-telefona-vladelca-kak-uznat-gde-nahoditsya-chelovek-po/">Cum să afli unde se află o persoană prin numărul de telefon mobil?</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Unele situații de viață necesită găsirea unei persoane, stabilirea locației acesteia sau aflarea numelui și prenumelui...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/ro/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/ro/karta-gugl-sputnik-podrobnoe-opisanie-servisa-trehmernye/">Hărți 3D în Google Maps</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Potrivit multor astronauți, nu există nimic mai frumos decât vederea planetei noastre din exterior. Când Pământul arată ca un mare...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/ro/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/ro/kak-nastroit-monitor-dlya-pravilnoi-cvetoperedachi-s-pomoshchyu-po/">Instrucțiuni: Calibrarea ecranului unui laptop - ajustarea redării culorilor</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Cum să ajustați corect schema de culori pe un laptop? Răspuns de la maestru: Ei bine, în sfârșit ai cumpărat un laptop! Astfel de...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/ro/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/ro/ploho-rabotaet-sensornyi-ekran-chto-delat-esli-sensor-vashego-gadzheta-ne/">Ce să faci dacă senzorul gadgetului tău nu funcționează?</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Tabletele moderne sunt controlate în principal prin intermediul unui ecran tactil. Dacă tableta nu mai funcționează brusc...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/ro/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/ro/pri-vklyuchenii-kompyutera-postoyanno-zapuskaetsya-bios-noutbuk-pri/">Laptopul intră în BIOS când este pornit Bios-ul apare când computerul este pornit.</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Astăzi ne vom uita la: Proprietarii oricărei versiuni a sistemului de operare Windows pot avea o situație când...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/ro/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/ro/kak-pereustanovit-windows-poshagovaya-instrukciya-kak-pereustanovit/">Cum se reinstalează Windows: instrucțiuni pas cu pas Instalarea Windows 7 pe un computer de pe un disc</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Există mai multe opțiuni pentru instalarea acestui sistem de operare și toate diferă doar prin abateri minore de la...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/ro/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/ro/mdf-chem-otkryt-chem-otkryvat-faily-mdf-i-kak-s-nimi-rabotat-podrobnaya/">Cum să deschideți fișierele MDF și cum să lucrați cu ele: instrucțiuni detaliate</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Cum se deschide un fișier MDF? Înainte de a afla răspunsul la această întrebare, ar trebui să înțelegeți ce fel de format este. Pe...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/ro/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/ro/raskrutka-aska-besplatnaya-nakrutka-laikov-v-servise-ask-fm-kak/">Creștere gratuită de aprecieri în serviciul Ask</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Promovarea Ask fm are loc acum din ce în ce mai mult. Acest lucru este cauzat de dorința tinerilor de a comunica și...</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/ro/"></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="">Informații despre site</a></li> <li class="menu-item type-custom object-custom "><a href="https://ermake.ru/ro/feedback/">Feedback</a></li> <li class="menu-item type-post_type object-page "><a href="https://ermake.ru/ro/sitemap.xml">Harta site-ului</a></li> </ul></div> </nav> <div class="clearfix"></div> <p>© 2024 ermake.ru -- Despre repararea PC-ului - Portal de informații <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>