[Réglé] Textes "username" et les points du mot de passe gênants sur le cadre de connexion

[Croc]

VERSION_MyBB : 1.8.7
Bonsoir tout le monde.

Nouvel utilisateur MyBB depuis hier, migration totale de mon forum effectuée, j'ai trouvé un thème qui m'a totalement conquis, que j'ai installé, qui est fonctionnel, et que j'ai réussi à traduire seul (pour les parties qui restaient en anglais). Cependant, je rencontre un petit souci assez gênant, j'en viens donc à votre précieuse aide pour m'aider à résoudre ce souci.

Je signale juste ici que mon forum est en version 1.8.7. Je ne répète pas les informations données dans les cadres rouges ci-dessus.

Donc venons en aux faits, mon forum utilise le magnifique thème Flatty, visible sur ce lien du site officiel MyBB. Cependant, comme vous pouvez le constater sur mon forum en cliquant sur Connexion,  sous la bannière, une petite fenêtre apparaît comme celle sur le screen ci-dessous :

C'est donc ici que le problème intervient, comme vous pouvez le constater, il y a le mot "Username" sur la première ligne, et des points noirs sur la seconde. Mon souci est que lorsque nous écrivons dans ce cadre, ces informations citées ci-avant ne disparaissent pas, et nous devons les effacer nous-même.

Ce que j'aimerai faire : soit que ce texte ne soit pas visible, et tant pis on se limite aux logos à droite de chaque cadre, soit dans l'idéal, ce texte par automatiquement dès que l'on commence à écrire comme sur beaucoup de sites.

En vous remerciant par avance, et vous souhaitant une bonne soirée/journée.

Cordialement,
Croc.

[spyto]

Ces infos se trouvent dans le template : header_welcomeblock_guest

Dans cet extrait du template :

Citation :<tr>
     <td class="trow1"><input name="quick_username" id="quick_login_username" type="text" value="Username" class="textbox initial_focus" style="width: 350px; margin: 11px 8px 0px 8px;" /><i class="fa fa-user adj_log"></i></td>
</tr>
<tr>
     <td class="trow1"><input name="quick_password" id="quick_login_password" type="password" value="Password" class="textbox" style="width: 350px; margin: -5px 8px 1px 8px;" /><i class="fa fa-unlock-alt adj_log"></i></td>
</tr>

il suffit sans doute de remplacer les parties en rouge par rien du tout ou par les mots de votre choix !

[exdiogene]

Généralement c'est une fonction en Javascript qui élimine le contenu initial, lors de l'introduction du curseur dans la boîte à remplir.

Il est possible que la fonction ne s'exécute pas dans votre thème...

[Croc]

Merci de vos deux réponses. Ayant zéro connaissance en javascript, j'ai essayé la solution apportée par spyto, en supprimant ce qu'il a mis en rouge et ça fonctionne. Merci beaucoup.

Pour la solution en javascript, je vous laisse décider si vous souhaitez m'aider, ça serait l'idéal, mais je laisse ainsi si jamais, je ne veux pas sembler désagréable.

Cordialement,
Croc.

[Saphir]

Vous pouvez opter pour la solution suivante, pour les navigateurs compatibles HTML5 :

Citation :<tr>
<td class="trow1"><input name="quick_username" id="quick_login_username" type="text" placeHolder="Nom d'utilisateur" class="textbox initial_focus" style="width: 350px; margin: 11px 8px 0px 8px;" /><i class="fa fa-user adj_log"></i></td>
</tr>
<tr>
<td class="trow1"><input name="quick_password" id="quick_login_password" type="password" placeHolder="Mot de passe" class="textbox" style="width: 350px; margin: -5px 8px 1px 8px;" /><i class="fa fa-unlock-alt adj_log"></i></td>
</tr>

[Croc]

Ca marche parfaitement !!

Merci beaucoup de votre aide précieuse, je n'imaginais pas la solution si simple (je ne connaissais pas "placeHolder").

Je n'arrive pas à éditer le premier message étant donné qu'il y a des informations pour l'administration afin de le mettre en résolu.

Cordialement,
Croc.