Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Modifier champ connexion

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

Résolu Modifier champ connexion

Message par Mi Neth le 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 : 586
Inscrit(e) le : 19/08/2011

https://mowdyan.forumactif.com/
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier champ connexion

Message par Tite-May le 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 : 104
Inscrit(e) le : 13/08/2012

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* le 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 : 2000
Inscrit(e) le : 25/02/2018

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

Résolu Re: Modifier champ connexion

Message par Mi Neth le 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 : 586
Inscrit(e) le : 19/08/2011

https://mowdyan.forumactif.com/
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier champ connexion

Message par *Splash* le 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 : 2000
Inscrit(e) le : 25/02/2018

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

Résolu Re: Modifier champ connexion

Message par Mi Neth le 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 : 586
Inscrit(e) le : 19/08/2011

https://mowdyan.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 le 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 : 104
Inscrit(e) le : 13/08/2012

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 le 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 : 586
Inscrit(e) le : 19/08/2011

https://mowdyan.forumactif.com/
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier champ connexion

Message par Tite-May le 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 : 104
Inscrit(e) le : 13/08/2012

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 le 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 : 586
Inscrit(e) le : 19/08/2011

https://mowdyan.forumactif.com/
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier champ connexion

Message par Chacha le 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 : 60030
Inscrit(e) le : 21/08/2010

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

Résolu Re: Modifier champ connexion

Message par annemarie209 le 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 : 312
Inscrit(e) le : 28/04/2014

http://universdeslicornes.forumbelge.com/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier champ connexion

Message par Lixyr le 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;
}


EN PRÉSENCE RÉDUITE LA SEMAINE - RÉPOND AUX MP
Modifier champ connexion G2J0e
Lixyr

Lixyr
Aidactive
Aidactive

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

Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier champ connexion

Message par Mi Neth le 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 : 586
Inscrit(e) le : 19/08/2011

https://mowdyan.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


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