Définissez la couleur de l'espace réservé. Comment changer la couleur du texte de l'info-bulle dans un espace réservé à l'aide des styles CSS ? Cacher magnifiquement l'espace réservé

Généralement, l'attribut placeholder sur input et textarea est utilisé pour fournir un appel à l'action au sein de ces éléments. Dans cet article, je décrirai plusieurs options pour styliser le texte des espaces réservés, ainsi que les options pour leur animation.

Ainsi, la couleur du texte de notre espace réservé peut être modifiée en utilisant, par exemple, l'ensemble de règles CSS suivant :

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

La longueur du code pour styliser une propriété aussi simple est due à l'absence de norme commune et, par conséquent, chaque navigateur a implémenté à sa manière la prise en charge du style d'espace réservé.

De plus, tous ne sont pas pris en charge propriétés CSS. Voici une liste des propriétés exactement prises en charge :

police (et associée)
contexte (et connexe)
couleur
espacement des mots
espacement des lettres
décoration de texte
aligner verticalement
transformation de texte
hauteur de ligne
retrait de texte
débordement de texte
opacité

Il arrive également que le texte d'espace réservé « étend » la largeur de l'élément input ou textarea (un cas courant pour appareils mobiles). En même temps, il est automatiquement coupé de manière inesthétique.

Une propriété CSS comme text-overflow: ellipsis nous aidera à résoudre ce problème, ce qui ajoutera des points de suspension esthétiques à la zone recadrée de l'espace réservé. Dans les styles, nous écrivons comme ceci :

input [ placeholder ] ( text-overflow : points de suspension ;) input ::-moz-placeholder ( text-overflow : points de suspension ;) input :-moz-placeholder ( text-overflow : points de suspension ;) input :-ms-input-placeholder ( débordement de texte : points de suspension ;)

Pour ajouter encore plus d'esthétique à nos espaces réservés, il est possible d'ajouter l'effet de le masquer lorsque l'élément correspondant reçoit le focus.

Quelques exemples d'un tel masquage avec des éléments d'animation :

/* changement fluide de la transparence de l'espace réservé lors de la mise au point */.input ::-webkit-input-placeholder ( opacité : 1 ; transition : opacité 0,3 s facilité ;) .input ::-moz-placeholder ( opacité : 1 ; transition : opacité 0,3 s facilité ;).input :-moz- espace réservé (opacité : 1 ; transition : opacité 0,3 s de facilité ;).input : -ms-input-placeholder (opacité : 1 ; transition : opacité 0,3 s de facilité ;).input (opacité : 0 ; transition : opacité 0,3 s de facilité ; ) .input :focus::-moz-placeholder ( opacité : 0 ; transition : opacité 0,3s facilité ;).input :focus:-moz-placeholder ( opacité : 0 ; transition : opacité 0,3s facilité ;).input :focus :-ms-input-placeholder ( opacité : 0 ; transition : opacité 0,3s facilité ;) /* déplace l'espace réservé vers la droite lors de la mise au point */.input ::-webkit-input-placeholder ( text-indent : 0px ; transition : text-indent 0,3s facilité ;) .input ::-moz-placeholder ( text-indent : 0px ; transition : text-indent 0,3s facilité ;).input :-moz-placeholder ( text-indent : 0px ; transition : text-indent 0,3s facilité ;).input :-ms-input-placeholder ( text-indent : 0px ; transition : text-indent 0,3s facilité ;).saisir :focus::-webkit-input-placeholder( retrait du texte : 500px ; transition : retrait du texte 0,3 s facilité ;).input :focus::-moz-placeholder ( retrait du texte : 500 px ; transition : retrait du texte 0,3 s facilité ;).input :focus:- moz-placeholder ( text-indent : 500px ; transition : text-indent 0,3s facilité ;) .input :focus:-ms-input-placeholder ( text-indent : 500px ; transition : text-indent 0,3s facilité ;) /* déplace l'espace réservé vers le bas une fois focalisé */.input ::-webkit-input-placeholder ( hauteur de ligne : 20px ; transition : hauteur de ligne 0,5 s facilité ;) .input ::-moz-placeholder ( hauteur de ligne : 20px ; transition : hauteur de ligne 0,5 s facilité ;).input :-moz-placeholder ( hauteur de ligne : 20px ; transition : hauteur de ligne 0,5 s facilité ;).input :-ms-input-placeholder ( hauteur de ligne : 20px ; transition : hauteur de ligne 0,5 s facilité ;).saisir :focus::-webkit-input-placeholder( hauteur de ligne : 100px ; transition : hauteur de ligne 0,5 s facilité ;).input :focus::-moz-placeholder ( hauteur de ligne : 100px ; transition : hauteur de ligne 0,5 s facilité ;).input :focus:- moz-placeholder ( hauteur de ligne : 100px ; transition : hauteur de ligne 0,5 s facilité ;).input :focus:-ms-input-placeholder ( hauteur de ligne : 100px ; transition : hauteur de ligne 0,5 s facilité ;)

Terminons ici.

Dans un effort pour réduire la forme et réduire le bruit visuel, les concepteurs étiquettent sont remplacés par l'attribut placeholder, augmentant ainsi la charge sur la mémoire à court terme. Les personnes ayant une déficience visuelle peuvent trouver l'indice difficile à lire. Il vaut mieux placer directement au-dessus du champ de saisie. Un champ vide est plus facilement reconnu comme un élément à remplir.

Gravement

Bien

Style : modifier la couleur CSS de l'espace réservé

Changer le style du champ de saisie avec un espace réservé CSS

Gravement

Effet d'espace réservé pour

L'attribut placeholder ne fonctionne que pour Et , même si d'autres balises ont l'attribut contenteditable spécifié.</p> <style> .raz { height: 3em; border: 1px solid; } </style> <div contentEditable placeholder="Vous pouvez saisir du texte" 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="Vous pouvez saisir du texte" class="raz"></div> <h2>Une ancienne méthode de mémoire qui modifie la valeur de 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>Bonjour, aujourd'hui, vous ne surprendrez personne en utilisant un espace réservé pour la saisie. L'espace réservé est un texte temporaire avec un exemple à l'intérieur de la saisie qui disparaît lorsque vous saisissez du texte. Nous allons essayer d'écrire le style CSS pour l'espace réservé aujourd'hui.</p> <h2>Tâche : créez votre propre style CSS pour l'espace réservé</h2> <p>Disons que nous avons un site Web élégant qui utilise un espace réservé dans l'entrée. Nous devons rendre le style de texte gris et ennuyeux de l'espace réservé cohérent avec le style général du site. Comment y parvenir ? Je dirai tout de suite que cela ne fonctionne pas encore dans tous les navigateurs. Plus précisément, cela ne fonctionne pas du tout dans les versions 9 et inférieures d’IE ; dans les versions 10 et ultérieures, cela fonctionne toujours avec beaucoup de difficulté. Les navigateurs Firefox et Webkit sont une autre affaire.</p> <h2>Solution : style CSS pour l'espace réservé</h2> <p>Alors, nous avons fixé la tâche, comment allons-nous la résoudre ?</p> <p>Tout d'abord, créons un terrain d'essai :</p><p> <input type="text" name="input" placeholder="Texte de notre espace réservé" value="" /> </p><p>C'est fait, voyons maintenant ce que nous pouvons faire avec le style : webkit et mozilla ont leurs propres modificateurs qui permettent d'attribuer un style spécial à l'espace réservé : ::-webkit-input-placeholder et:-moz-placeholder. Voyons comment les utiliser :</p> <p>Décrivons le style de l'entrée elle-même et le texte qu'elle contient (couleur bleue pour le contraste dans l'exemple) :</p><p>Entrée (largeur : 250 px ; couleur : bleu ; poids de la police : normal ; style de police : normal ; )</p><p>Écrivons maintenant un style spécial pour le texte d'espace réservé dans cette entrée pour les navigateurs Webkit (Chrome, Safari, Opera) :</p><p>Input::-webkit-input-placeholder( couleur : rouge ; style de police : italique ; poids de police : gras ; )</p><p>Rendons le texte de l'espace réservé rouge, gras et italique. Notez que contrairement aux autres pseudo-classes CSS, qui sont séparées par un seul deux-points, le style de l'espace réservé dans webkit est séparé par un double deux-points.</p> <p>Maintenant, écrivons exactement le même style pour <a href="https://ermake.ru/fr/kak-otkryt-panel-instrumentov-v-mozile-kak-ubrat-i-kak-vernut/">Mozilla Firefox</a> navigateurs :</p><p>Entrée : -moz-placeholder (couleur : rouge ; style de police : italique ; poids de la police : gras ; )</p><p>Prêt. Style CSS pour l'espace réservé, vous pouvez bien sûr en écrire un qui convient mieux à votre conception. Une démo fonctionnelle peut être consultée sur</p> <p>L'attribut placeholder est utilisé pour les appels à l'action à l'intérieur d'éléments d'entrée et de zone de texte vides. Dans cet article, nous examinerons les possibilités de style du texte d'espace réservé, ainsi que quelques astuces qui le rendront plus pratique et fonctionnel.</p> <p>Commençons donc par un exemple pour ceux qui ne savent pas ce qu'est un espace réservé.</p> <h4>HTML</h4> <input type="text" placeholder="Laissez un message ici"> <p>Le style de l'espace réservé peut être modifié à l'aide de l'ensemble de règles CSS suivant :</p> <h4>css</h4>::-webkit-input-placeholder (couleur:#c0392b;) ::-moz-placeholder (couleur:#c0392b;)/* Firefox 19+ */ :-moz-placeholder (couleur:#c0392b;)/* Firefox 18- */ :-ms-input-placeholder (couleur :#c0392b ;) <p>Cela a l'air effrayant, n'est-ce pas ? Le fait est que cela ne figure toujours pas dans les normes. Chaque navigateur implémente à sa manière la prise en charge du style d'espace réservé.</p> <p>Dans IE et les anciens Firefox (avant 18), l'espace réservé est considéré comme une pseudo-classe, et dans les nouveaux Firefox, webkit et Blink, il est considéré comme un pseudo-élément.</p> <p>Voyons ce qui s'est passé :</p> <p>Il faut dire que toutes les propriétés CSS possibles ne sont pas prises en charge. Majorité <a href="https://ermake.ru/fr/kak-nastroit-turbo-rezhim-v-yandekse-chto-takoe-rezhim-turbo-v-sovremennyh/">navigateurs modernes</a> vous permettent de modifier :</p> <ul><li>police (et propriétés associées)</li> <li>arrière-plan (et propriétés associées)</li> <li>couleur</li> <li>espacement des mots</li> <li>espacement des lettres</li> <li>décoration de texte</li> <li>aligner verticalement</li> <li>transformation de texte</li> <li>hauteur de ligne</li> <li>retrait de texte</li> <li>débordement de texte</li> <li>opacité</li> </ul><h2>Que se passe-t-il si l'espace réservé ne rentre pas ?</h2> <p>Parfois, les champs de saisie de texte sont réduits en largeur en raison des caractéristiques de mise en page, en particulier sur <a href="https://ermake.ru/fr/chto-takoe-gadzhety-i-devaisy-chto-takoe-devais-v-mobilnoi-tehnike-devaisy/">appareils mobiles</a>. Dans ce cas, le texte long de l'espace réservé sera coupé de manière inesthétique. Pour éviter cela, vous pouvez utiliser text-overflow: ellipsis. Cette syntaxe fonctionnera dans tous les nouveaux navigateurs.</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 :ellipse;) <h2>Comment masquer l'espace réservé lors du focus ?</h2> <p>Le masquage d'un espace réservé se produit de différentes manières.</p> <ol><li>dans certains navigateurs lors de la réception du focus par entrée</li> <li>dans d'autres navigateurs s'il y a au moins un caractère saisi</li> </ol><p>J'aime mieux la première option. Afin de définir ce comportement dans tous les navigateurs prenant en charge les espaces réservés, nous définirons les règles CSS suivantes :</p> <h4>css</h4>:focus::-webkit-input-placeholder (couleur : transparent) :focus::-moz-placeholder (couleur : transparent) :focus:-moz-placeholder (couleur : transparent) :focus:-ms-input-placeholder ( couleur: transparent) <h2>Cacher magnifiquement l'espace réservé</h2> <p>Vous pouvez également ajouter une transition pour afficher et masquer l'espace réservé :</p> <h4>css</h4>/* changement fluide de la transparence de l'espace réservé lors de la mise au point */ .input1::-webkit-input-placeholder (opacité : 1 ; transition : opacité 0,3 s de facilité ;) .input1::-moz-placeholder (opacité : 1 ; transition : opacité 0,3s de facilité ;).input1:-moz-placeholder (opacité : 1 ; transition : opacité 0,3s de facilité ;).input1:-ms-input-placeholder (opacité : 1 ; transition : opacité 0,3s de facilité ;).input1 : focus::-webkit-input-placeholder (opacité : 0 ; transition : opacité 0,3 s facilité ;).input1:focus::-moz-placeholder (opacité : 0 ; transition : opacité 0,3 s facilité ;).input1:focus : -moz-placeholder (opacité : 0 ; transition : opacité 0,3 s facilité ;) .input1:focus:-ms-input-placeholder (opacité : 0 ; transition : opacité 0,3 s facilité ;) /* décale l'espace réservé vers la droite lorsque focus*/ .input2::-webkit-input-placeholder (text-indent : 0px ; transition : text-indent 0,3s facilité ;) .input2::-moz-placeholder (text-indent : 0px ; transition : text-indent facilité de 0,3 s ;) .input2:-moz-placeholder (text-indent : 0px ; transition : text-indent 0,3 s de facilité ;).input2 : -ms-input-placeholder (text-indent : 0px ; transition : retrait du texte 0,3 s facilité ;).input2:focus::-webkit-input-placeholder (retrait du texte : 500 px ; transition : retrait du texte 0,3 s facilité ;).input2:focus::-moz-placeholder ( retrait du texte : 500 px ; transition : retrait du texte 0,3 s facilité ;) .input2:focus:-moz-placeholder (retrait du texte : 500 px ; transition : retrait du texte 0,3 s facilité ;).input2:focus:-ms- input-placeholder (text-indent : 500px ; transition : text-indent 0.3s easy ;) /* décale l'espace réservé vers le bas lorsqu'il est focalisé */ .input3::-webkit-input-placeholder (line-height : 20px ; transition : ligne -hauteur 0,5 s facilité ;).input3::-moz-placeholder (hauteur de ligne : 20px ; transition : hauteur de ligne 0,5 s facilité ;).input3:-moz-placeholder (hauteur de ligne : 20px ; transition : ligne - hauteur 0,5 s facilité ;).input3:-ms-input-placeholder (hauteur de ligne : 20 px ; transition : hauteur de ligne 0,5 s facilité ;).input3:focus::-webkit-input-placeholder (hauteur de ligne : 100 px ; transition : hauteur de ligne, facilité de 0,5 s ;).input3:focus::-moz-placeholder (hauteur de ligne : 100 px ; transition : hauteur de ligne, facilité de 0,5 s ;).input3:focus:-moz-placeholder (ligne - hauteur : 100px ; transition : hauteur de ligne 0,5 s facilité ;) .input3:focus:-ms-input-placeholder (hauteur de ligne : 100 px ; transition : hauteur de ligne 0,5 s facilité ;) <p>J'espère que vous trouverez cela utile. Écrivez des commentaires et des suggestions dans les commentaires.</p> <p>L'espace réservé est une pseudo-classe ou un pseudo-élément chargé d'afficher le nom du champ. À la base, il s’agit d’une balise (appelons-la ainsi pour plus de simplicité) dans laquelle vous saisissez un mot et l’utilisateur le voit à l’intérieur. Une sorte d'indice ou de nom pour chaque champ du formulaire.</p><p>Chaque navigateur gère cette balise différemment et son style laisse beaucoup à désirer. Pour modifier les styles par défaut, ajoutez simplement quelques lignes de code au fichier de styles. Il n'y a rien de compliqué. <br>Cependant, il faut garder à l’esprit que nous ne pouvons pas tout changer.</p><h2>Parmi la variété de styles, dans ce cas, les éléments suivants s'offrent à nous :</h2><ul><li>font-weight — définition du poids du texte</li><li>taille de police — sélectionnez la taille du texte</li><li>font-family - sélection de polices</li><li>arrière-plan - arrière-plan et image d'arrière-plan</li><li>couleur — couleur du texte</li><li>espacement des mots - définit l'espacement entre les mots</li><li>espacement des lettres — définit l'espacement entre les lettres</li><li>décoration de texte - choix de la décoration des mots. Souligné, barré, etc.</li><li>vertical-align — définir l'alignement vertical</li><li>text-transform - sélectionnez les modifications de texte. Le tout en lettres majuscules ou minuscules, etc.</li><li>line-height — espacement entre les lignes</li><li>text-indent - définit un retrait à gauche pour la première ligne d'un paragraphe</li><li>text-overflow - choix d'afficher le texte qui ne rentre pas dans le bloc (masquer ou recadrer et ajouter des points de suspension)</li><li>opacité — sélectionnez la transparence de l'élément</li> </ul><p>Maintenant que nous avons compris les styles disponibles, nous pouvons commencer à concevoir, pour cela nous ajouterons les styles suivants :</p><p>::-webkit-input-placeholder ( couleur : #2cb04d; ) <br>::-moz-placeholder ( couleur : #2cb04d; )/* Firefox 19+ */ <br>:-moz-placeholder ( couleur : #2cb04d; ) /*Firefox 18- */ <br>:-ms-input-placeholder ( couleur : #2cb04d; )</p><p>Après avoir ajouté ces lignes, la couleur des noms à l'intérieur des champs du formulaire changera et sera la même dans chaque navigateur. Vous pouvez ajouter des styles supplémentaires ici. <br>Par exemple, ce style</p><p>::-webkit-input-placeholder (couleur : #2cb04d ; taille de police : 1,5em ; poids de police : 600 ;) <br>::-moz-placeholder (couleur:#2cb04d; taille de police:1,5em; poids de police:600;) /*Firefox 19+*/ <br>:-moz-placeholder (couleur : #2cb04d ; taille de police : 1,5 em ; poids de police : 600 ;) /*Firefox 18-*/ <br>:-ms-input-placeholder (couleur : #2cb04d ; taille de police : 1,5em ; poids de police : 600 ;)</p><p>Ajouter de la couleur <a href="https://ermake.ru/fr/kak-sdelat-izobrazhenie-bolshe-po-razmeru-uvelichenie-vesa/">grande taille</a> et un poids de texte moyen. Si vous ajoutez une propriété supplémentaire - <br>text-overflow:ellipsis alors le texte sera coupé pour s'adapter au champ et des points de suspension seront ajoutés à la fin.</p><p>Il y a encore une propriété intéressante : grâce à l'apparition de l'animation en CSS (styles), vous pouvez configurer un beau masquage lorsque vous placez le curseur dans un champ. Auparavant, cela se faisait en utilisant js (scripts)</p><p>Input::-webkit-input-placeholder (opacité : 1 ; transition : opacité 0,3 s facilité ;) <br>.input::-moz-placeholder (opacité : 1 ; transition : opacité 0,3 s facilité ;) <br>.input:-moz-placeholder (opacité : 1 ; transition : opacité 0,3 s facilité ;) <br>.input:-ms-input-placeholder (opacité : 1 ; transition : opacité 0,3 s facilité ;) <br>.input:focus::-webkit-input-placeholder (opacité : 0 ; transition : opacité 0,3 s de facilité ;) <br>.input:focus::-moz-placeholder (opacité : 0 ; transition : opacité 0,3 s facilité ;) <br>.input:focus:-moz-placeholder (opacité : 0 ; transition : opacité 0,3 s facilité ;) <br>.input:focus:-ms-input-placeholder (opacité : 0 ; transition : opacité 0,3 s facilité ;)</p><p>L'ajout de tels styles permettra à l'espace réservé de s'estomper en douceur lorsque le curseur est placé dans le champ. <br>.input est la classe d'élément de formulaire. Pour que les styles fonctionnent, le code du champ du formulaire doit ressembler à ceci :</p><p><input type="text" class="input" placeholder="nom du champ"></p><p>Ou vous pouvez utiliser la classe element. De cette façon, vous pouvez définir différents styles pour chaque formulaire.</p><p><!-- первым указываем класс контейнера, тег формы и тег вставки поля --><br>.contacts-form form input ::-webkit-input-placeholder (couleur : #2cb04d ; taille de police : 1,5em ; poids de police : 600 ;) <br>Entrée du formulaire .contacts-form ::-moz-placeholder (couleur : #2cb04d ; taille de police : 1,5em ; poids de police : 600 ;)/*Firefox 19+*/ <br>Entrée du formulaire .contacts : -moz-placeholder (couleur : #2cb04d ; taille de la police : 1,5em ; poids de la police : 600 ;)/*Firefox 18-*/ <br>Entrée du formulaire .contacts-form :-ms-input-placeholder (couleur : #2cb04d ; taille de la police : 1,5em ; poids de la police : 600 ;)</p><p>De ces manières simples, vous pouvez créer un très beau design de formulaire.</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">Choix de l'éditeur</h3><ul class="rfpw-dropdown-post"> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fr/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/fr/kak-ubrat-kompyutera-istoriyu-prosmotrov-istoriya-brauzera-kak-posmotret/">Historique du navigateur (comment afficher, supprimer et restaurer l'historique du navigateur)</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Bonjour, chers visiteurs ! Lorsque nous travaillons sur Internet sur l'ordinateur de quelqu'un d'autre, nous laissons involontairement des traces. DANS...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fr/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/fr/chto-delat-esli-pole-obekta-ne-obnaruzheno-chto-delat-esli-pole-obekta-ne/">Que faire si « le champ objet n'est pas détecté » Le champ objet n'est pas détecté, les activités de production sont en cours</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Le problème rencontré par les utilisateurs de 1C est "Erreur : champ d'objet introuvable", qui apparaît le plus souvent lorsque...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fr/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/fr/probit-po-nomeru-telefona-vladelca-kak-uznat-gde-nahoditsya-chelovek-po/">Comment savoir où se trouve une personne par numéro de téléphone portable ?</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Certaines situations de la vie nécessitent de retrouver une personne, d'établir sa localisation ou encore de connaître son nom et son prénom...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fr/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/fr/karta-gugl-sputnik-podrobnoe-opisanie-servisa-trehmernye/">Cartes 3D dans Google Maps</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Selon de nombreux astronautes, il n’y a rien de plus beau que la vue de notre planète depuis l’extérieur. Quand la Terre ressemble à un grand...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fr/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/fr/kak-nastroit-monitor-dlya-pravilnoi-cvetoperedachi-s-pomoshchyu-po/">Instructions : Calibrer un écran d'ordinateur portable - régler le rendu des couleurs</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Comment ajuster correctement la palette de couleurs sur un ordinateur portable ? Réponse du maître : Eh bien, vous avez enfin acheté un ordinateur portable ! Tel...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fr/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/fr/ploho-rabotaet-sensornyi-ekran-chto-delat-esli-sensor-vashego-gadzheta-ne/">Que faire si le capteur de votre gadget ne fonctionne pas ?</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Les tablettes modernes sont contrôlées principalement via un écran tactile. Si votre tablette cesse soudainement de fonctionner...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fr/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/fr/pri-vklyuchenii-kompyutera-postoyanno-zapuskaetsya-bios-noutbuk-pri/">L'ordinateur portable entre dans le BIOS lorsqu'il est allumé. Le BIOS apparaît lorsque l'ordinateur est allumé.</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Aujourd'hui, nous examinerons : les propriétaires de n'importe quelle version du système d'exploitation Windows peuvent se trouver dans une situation où...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fr/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/fr/kak-pereustanovit-windows-poshagovaya-instrukciya-kak-pereustanovit/">Comment réinstaller Windows : instructions pas à pas Installer Windows 7 sur un PC à partir d'un disque</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Il existe plusieurs options pour installer ce système d'exploitation, et toutes ne diffèrent que par des écarts mineurs par rapport à...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fr/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/fr/mdf-chem-otkryt-chem-otkryvat-faily-mdf-i-kak-s-nimi-rabotat-podrobnaya/">Comment ouvrir les fichiers MDF et comment travailler avec eux : instructions détaillées</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Comment ouvrir un fichier MDF ? Avant de trouver la réponse à cette question, vous devez comprendre de quel type de format il s'agit. Sur...</div> </li> <li class="rfpw-dropdown-content"> <div class="rfpw-image-link"><a href="https://ermake.ru/fr/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/fr/raskrutka-aska-besplatnaya-nakrutka-laikov-v-servise-ask-fm-kak/">Augmentation gratuite des likes dans le service Ask</a> <div class="rfpw-date-time"></div> </div> <div style="border:1px solid black;" class="rfpw-dropdown-excerpt">La promotion d'Ask fm est désormais de plus en plus importante. Cela est dû au désir des jeunes de communiquer et...</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/fr/"></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="">Informations sur les sites</a></li> <li class="menu-item type-custom object-custom "><a href="https://ermake.ru/fr/feedback/">Retour</a></li> <li class="menu-item type-post_type object-page "><a href="https://ermake.ru/fr/sitemap.xml">Plan du site</a></li> </ul></div> </nav> <div class="clearfix"></div> <p>© 2024 ermake.ru -- À propos de la réparation de PC - Portail d'information <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>