Modification module identification

[chenille]

Bonjour à tous,

je souhaiterai modifier le les zones #modlgn-username et #modlgn-passwd du module d'identification.
Après quelques recherches, j'ai cru comprendre qu'il ne fallait pas uniquement passer par le css mais également par les modules chrome, et c'est là que ça se complique. Malgré plusieurs tentatives, je n'ai pas compris le moyen d'insérer mon background.

Auriez-vous une piste sur laquelle me lancer ?

Merci d'avance

Chenille

[liliwol]

Re : Modification module identification

A priori tout ce qui concerne le formulaire de connexion passe par le module mod_login.

Tu peux essayer de surchager ça dans ton template et ainsi modifier ce que tu souhaites (en gardant bien sûr les input nécessaires!)
mod_login/default.php

Que veux tu faire exactement?

[chenille]

Re : Modification module identification

Je souhaite simplement modifier la zone où l'on rentre le login et pass, les remplacer par une image de ma composition.

Je vais jeter un oeil au mod_login/default.php et je reviens dans tous les cas pour tenir informer de l'évolution

merci de ta réponse

[chenille]

Re : Modification module identification

Rebonjour,

voilà, j'ai suivi tes conseils, et j'ai réussi à modifier en partie la zone de login et pass en surchageant les inputbox sous css.
Je dis en partie car à première vue, rien n'a changé.
Je m'explique: si on refresh la page, tout est comme avant (font jaune), si on inscrit un login la fenêtres, mes images background apparaissent bien en place et lieu des login et pass. Si on rentre que le pass, seule la zone pass est modifié.

le code:

<div id="droite">

			<form action="/cv%20web%20joomla/index.php" method="post" id="login-form" >
		<fieldset class="userdata">
	<p id="form-login-username">
		<label for="modlgn-username">Identifiant</label>
		<input id="modlgn-username" type="text" name="username" class="inputbox"  size="18" />
	</p>
	<p id="form-login-password">
		<label for="modlgn-passwd">Mot de passe</label>
		<input id="modlgn-passwd" type="password" name="password" class="inputbox" size="18"  />
	</p>
		<p id="form-login-remember">
		<label for="modlgn-remember">Se souvenir de moi</label>
		<input id="modlgn-remember" type="checkbox" name="remember" class="inputbox" value="yes"/>
	</p>
		<input type="submit" name="Submit" class="button" value="Connexion" />
	<input type="hidden" name="option" value="com_users" />
	<input type="hidden" name="task" value="user.login" />
	<input type="hidden" name="return" value="aW5kZXgucGhwP0l0ZW1pZD00MzU=" />
	<input type="hidden" name="6ecb42209004edc1079f018818ab5697" value="1" />	</fieldset>
	<ul>
		<li>
			<a href="/cv%20web%20joomla/index.php/utiliser-joomla/utiliser-extensions/composants/composant-utilisateurs/reinitialisation-mot-de-passe">
			Mot de passe oublié ?</a>
		</li>
		<li>
			<a href="/cv%20web%20joomla/index.php/utiliser-joomla/utiliser-extensions/composants/composant-utilisateurs/rappel-identifiant">
			Identifiant oublié ?</a>
		</li>
				<li>
			<a href="/cv%20web%20joomla/index.php/utiliser-joomla/utiliser-extensions/composants/composant-utilisateurs/formulaire-creation-compte">
				Créer un compte</a>
		</li>
			</ul>
	</form>


		</div>

Mon code css:

#login-form fieldset {
margin : 0;
padding : 0;
border : none;
}

.inputbox#modlgn-username, .inputbox#modlgn-passwd {
width : 120px;
height : 33px;
border : none;
background : url(../images/login_form.png) bottom right no-repeat;
margin: 0 auto;
margin-left: 10px;
padding : 10px 0px 0 10px;
}

Voici quelques images:
1/ Après refresh:


2/ En rentrant un login


3/ en rentrant un pass


Je n'ai pas trouvé de différence entre les 2 états dans le code.

Merci à tous pour vos réponses

[lefabdu51]

Re : Modification module identification

Petite observation, ton code n est pas du php mais du html.C est ce code html qui est renvoyé par apache.
fait directement un clic droit apres avoir entré ton mot de passe.
Tu vas avoir un de tes selecteur auquel vas s ajouter la classe active

Cas N°1: rien d actif
Cas N°2: les deux sont actifs
Cas N3:seul le mot de passe est un champ actif


donc ce serais ceci qu il faudrais ecrire en plus de ce qu il y as deja:

/* pour les champs identifiants qui contienne un champ password actif:

.inputbox#modlgn-username > .inputbox#modlgn-passwd:active {
width : 120px;
height : 33px;
border : none;
background : url(../images/login_form.png) bottom right no-repeat;
margin: 0 auto;
margin-left: 10px;
padding : 10px 0px 0 10px;
}

enfin je testerais ca comme ca.

[chenille]

Re : Modification module identification

C'était une bonne idée :active, mais malheureusement ça ne marche pas, il ne reconnait pas ce paramètre et remet tout par défaut.
Je continue de creuser niark niark

[lefabdu51]

Re : Modification module identification

,
tu as un lien vers le site?
excuse le pseudo selecteur :active est pour les liens..

[chenille]

Re : Modification module identification

Non malheureusement, c'est un site en local...

Une autre piste par contre.

J'ai voulu appliqué le même background à la zone de recherche, ce qui donne en css:

.inputbox#mod-search-searchword
{
width : 120px;
height : 33px;
border : none;
background : url(../images/login_form.png) bottom right no-repeat;
margin: 0 auto;
margin-left: 10px;
padding : 10px 0px 0 10px;
}

Et là, tout fonctionne parfaitement, après refresh le bg est bien affiché, après inscription d'un mot aussi.

J'essaye de rapprocher les 2 default.php, mais pour l'instant sans succès

[lefabdu51]

Re : Modification module identification

tu as ca en commun dans 3 selecteurs: .inputbox. quelles en sont les propriétés?
Je ne les aient pas dans les styles que tu fournis.

Et aussi c est peut etre du au fait que ta variable user n est pas modifiée, donc pas de changement de mise en page, quand tu entres uniquement un mot de passe.

Qu'est ce qui se passe quand user est vide?
Et que tu souhaites entrer ton mdp en premier?
Je vois admin, c est toi qui l as rentré ou ton navigateur?