Modifier champ connexion

+2
Tite-May
Mi Neth
6 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Modifier champ connexion

Message par Mi Neth Ven 7 Juin 2019 - 11:57

Bonjour et bonne journée,

Je voudrais passer de ceci:

Modifier champ connexion Champ_10

à cela:
Modifier champ connexion Champ_11

Merci,
Mi Neth,


Dernière édition par Chacha le Ven 7 Juin 2019 - 12:31, édité 1 fois (Raison : Sujet déplacé dans la section Gérer l'apparence de son forum)
Mi Neth

Mi Neth
*****

Féminin
Messages : 746
Inscrit(e) le : 19/08/2011

Voir le profil de l'utilisateur https://yacinth.forumactif.com/
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier champ connexion

Message par Tite-May Sam 8 Juin 2019 - 9:16

Hello !

Je dois être un peu fatiguée je ne retrouve pas le bon template :/

Où as-tu modifier "Nom d'utilisateur" en "pseudonyme" ? Ca sera au même endroit et je pourrais te donner le code Smile
avatar

Tite-May
****

Féminin
Messages : 207
Inscrit(e) le : 13/08/2012

Voir le profil de l'utilisateur http://tambouille-raleuses.forumactif.com/
Tite-May a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier champ connexion

Message par *Splash* Sam 8 Juin 2019 - 10:53

Hi Tite-May,
Si je ne m'abuse c'est le template index_body, cette partie du template :
Code:
<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span>
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_header -->

Tu peux supprimer cette partie et de la remplacer par ceci :
Code:

<Br />
<!-- BEGIN switch_user_login_form_header -->
<div class="CAF_block">
  <div class="CAF_title">Veuillez entrer votre pseudonyme et mot de passe pour vous connecter</div>
  <Br />
  <div class="txt-content">
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form center">
 <label>Pseudonyme : <input class="post" type="text" size="10" name="username" /></label>
 <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
 <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
 {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
        <!-- BEGIN switch_social_login -->
        <div class="social_btn">
            <!-- BEGIN fb_connect -->
            <div class="fb-login-button"></div>
            <!-- END fb_connect -->
            &nbsp;
        </div>
        <!-- END switch_social_login -->
 </div>
 </form>
  </div>
</div>
<!-- END switch_user_login_form_header -->

Puis ce code à la CSS :
Code:
.CAF_block {
  font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
  color: #333;
  background: #eee;
  border: 1px solid #ccc;
  margin: 15px 0;
  }
.CAF_title {
text-align: center!important;
padding: 6px;
color: #fff;
background-color: #069;
 }


Modifier champ connexion Apreas12


Dernière édition par *Splash* le Dim 9 Juin 2019 - 10:09, édité 1 fois
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier champ connexion

Message par Mi Neth Dim 9 Juin 2019 - 10:01

Bonjour vous deux, 

Alors, je crois me souvenir que c'était ce post-ci:
https://forum.forumactif.com/t390947-remplacer-nom-d-utilisateur-par-pseudonyme
N'en suis pas certaine, 
Il y avait celui-ci, aussi,
https://forum.forumactif.com/t369519-modifier-intitule-nom-d-utilisateur

Mon script: (mis sur toutes les pages)


Code:
$(function(){
  $('form span').each(function(){
    var a = $(this).html().match(/Nom d'utilisateur/g);
    if (a != null){
      $(this).parent().attr('id', 'id');
      $('#id').html($('#id').html().replace(a, 'Pseudonyme')).removeAttr('id');
    };
  });
 
  if(location.pathname == '/login'){
    $('form[action="/login"] th').attr('id', 'identifiant');
    $('#identifiant').html($('#identifiant').html().replace(/nom d'utilisateur/, 'Pseudonyme')).removeAttr('id');
  };
});


Je vais attendre ton retour, avant de tenter ce que tu me proposes, parce que j'ai une deuxième demande qui suivra celle-ci (j'ouvrirai un autre post pour ça)
bon Dimanche à tous les deux,
Mi Neth

Mi Neth
*****

Féminin
Messages : 746
Inscrit(e) le : 19/08/2011

Voir le profil de l'utilisateur https://yacinth.forumactif.com/
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier champ connexion

Message par *Splash* Dim 9 Juin 2019 - 10:10

Hi Mi Neth,

La solution que je te propose ne concerne que la connexion rapide

Bonne journée
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modifier champ connexion

Message par Mi Neth Dim 9 Juin 2019 - 12:13

Ai testé modification template (enregistré/publié), mis et validé code css (ai adapté couleurs), supprimé script:
Ça n'a pas aligné et le terme pseudonyme a disparu pour nom d'utilisateur, partout où je l'ai modifié;
Donc remis template et script comme avant, et supprimé le css, 
mais ça me donne une piste, 
merci à toi,
Mi Neth

Mi Neth
*****

Féminin
Messages : 746
Inscrit(e) le : 19/08/2011

Voir le profil de l'utilisateur https://yacinth.forumactif.com/
Mi Neth a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modifier champ connexion

Message par Tite-May Dim 9 Juin 2019 - 18:37

Coucou

C'est bien ce que je me disais, cette page n'est pas dans les templates on est obligé de le fair een javascript.

Remplace ton script par ceci :
Code:
$(function(){
  $('form span').each(function(){
    var a = $(this).html().match(/Nom d'utilisateur/g);
    if (a != null){
      $(this).parent().attr('id', 'id');
      $('#id').html($('#id').html().replace(a, 'Pseudonyme')).removeAttr('id');
    };
  });
 
  if(location.pathname == '/login'){
    $('form[action="/login"] th').attr('id', 'identifiant');
    $('#identifiant').html($('#identifiant').html().replace(/nom d'utilisateur/, 'Pseudonyme')).removeAttr('id');
    $('.row1 tr:nth-child(2)').css("float", "left");
    $('.row1 tr:nth-child(3)').css("float", "left");
    $('.row1 tr:nth-child(4)').css("clear", "both");
  };
});
Et ça devrait être bon (en tout cas chez moi ça marche et j'ai testé via la console sur ton forum ça semble être OK Smile )
avatar

Tite-May
****

Féminin
Messages : 207
Inscrit(e) le : 13/08/2012

Voir le profil de l'utilisateur http://tambouille-raleuses.forumactif.com/
Tite-May a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier champ connexion

Message par Mi Neth Mer 12 Juin 2019 - 11:27

Bienvenue anne-marie, 

Testé, reste que la case connexion reste en dessous, mais je laisse tel quel provisoirement Car j'aurai une autre demande concernant ce même endroit, (la ferai dans un autre post)
J'ai sauvegardé l'autre script au cas où, 
une bonne journée et merci pour l'aide, 

De mon côté, je cherche comment aligner aussi le terme connexion,
Mi Neth

Mi Neth
*****

Féminin
Messages : 746
Inscrit(e) le : 19/08/2011

Voir le profil de l'utilisateur https://yacinth.forumactif.com/
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier champ connexion

Message par Tite-May Mer 12 Juin 2019 - 15:29

@"Mi Neth", pour que le bouton connexion soit aligné :

Code:
$(function(){
  $('form span').each(function(){
    var a = $(this).html().match(/Nom d'utilisateur/g);
    if (a != null){
      $(this).parent().attr('id', 'id');
      $('#id').html($('#id').html().replace(a, 'Pseudonyme')).removeAttr('id');
    };
  });
 
  if(location.pathname == '/login'){
    $('form[action="/login"] th').attr('id', 'identifiant');
    $('#identifiant').html($('#identifiant').html().replace(/nom d'utilisateur/, 'Pseudonyme')).removeAttr('id');
    $('.row1 tr:nth-child(2)').css("float", "left");
    $('.row1 tr:nth-child(3)').css("float", "left");
      $('.row1 tr:nth-child(4)').css("float", "left");
    $('.row1 tr:nth-child(5)').css("float", "left");
      $('.row1 tr:nth-child(6)').css("clear", "both");
  };
});
Normalement ça résolvera le souci
avatar

Tite-May
****

Féminin
Messages : 207
Inscrit(e) le : 13/08/2012

Voir le profil de l'utilisateur http://tambouille-raleuses.forumactif.com/
Tite-May a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier champ connexion

Message par Mi Neth Jeu 13 Juin 2019 - 9:57

Merci à toi, Tite May

C'est bon pour la première partie de ma demande. 
Je ne sais pas ce qu'il en est de la demande d'anne-marie. Doit-elle ouvrir un autre sujet pour que je puisse mettre celui-ci en résolu? Parce que je voudrai ouvrir un autre sujet pour mon autre demande. 
Bonne journée,
Mi Neth

Mi Neth
*****

Féminin
Messages : 746
Inscrit(e) le : 19/08/2011

Voir le profil de l'utilisateur https://yacinth.forumactif.com/
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier champ connexion

Message par Chacha Jeu 13 Juin 2019 - 10:03

Mi Neth a écrit:Merci à toi, Tite May

C'est bon pour la première partie de ma demande. 
Je ne sais pas ce qu'il en est de la demande d'anne-marie. Doit-elle ouvrir un autre sujet pour que je puisse mettre celui-ci en résolu? Parce que je voudrai ouvrir un autre sujet pour mon autre demande. 
Bonne journée,
Bonjour @Mi Neth,

Le message en question a été déplacé dans un nouveau sujet https://forum.forumactif.com/t400467-modifier-champ-connexion

Vous pouvez donc mettre votre demande en résolu si vous le désirez.

Cordialement.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 67148
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier champ connexion

Message par annemarie209 Jeu 13 Juin 2019 - 10:34

Hi bonjour Chacha
merci d'avoir déplacé ma demande
bonne journée , cordialement
annemarie209

annemarie209
****

Féminin
Messages : 319
Inscrit(e) le : 28/04/2014

Voir le profil de l'utilisateur http://universdeslicornes.1fr1.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier champ connexion

Message par Lixyr Jeu 13 Juin 2019 - 18:11

Bonjour,

Pour information, Tite-May, dans le code que tu as donné, tu dupliques le remplacement de Nom d'utilisateur par pseudonyme... Inutile de le faire plusieurs fois, la première suffit. Aussi, pour que le code soit un peu plus propre, faites plutôt comme ça :


Code:
$(function(){
  if(location.pathname == '/login'){
    $('form span').each(function(){
      var a = $(this).html().match(/Nom d'utilisateur/g);
      var b = $(this).html().match(/Mot de passe/g);
      if (a != null){
        $(this).closest("tr").addClass('display_input').attr('id', 'newID');
        $('#newID').html($('#newID').html().replace(a, 'Pseudonyme')).removeAttr('id');
      };
      if (b != null){
        $(this).closest("tr").addClass('display_input');
      };
    });
  };
});

et dans votre CSS (panneau > affichage > couleur > CSS) rajoutez :

Code:
.display_input {
    display: inline-block;
    margin: 0 5px;
}


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Modifier champ connexion 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Modifier champ connexion 3592387030 pour prévenir la modération.

Modifier champ connexion Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7004
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier champ connexion

Message par Mi Neth Sam 15 Juin 2019 - 9:59

bonjour  anne-marie et merci à vous, Chacha et Lixyr, 

J'ai testé ta proposition et ai, finalement, remise celle de Tite May. 
Je n'avais plus le terme pseudonyme dans le champ modification champ connexion et dans le champ login ça remettait tout en position initiale. 
Bonne journée à vous
Je mets en résolu, ,
Mi Neth

Mi Neth
*****

Féminin
Messages : 746
Inscrit(e) le : 19/08/2011

Voir le profil de l'utilisateur https://yacinth.forumactif.com/
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum