Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

01.06.2010

Ajouter une boîte de connexion à l'administration de son blog Hautetfort

Que vous soyez en crise de WPlikite1 aiguë, ou simplement parce que vous n'avez plus tellement envie de passer par le portail de la plateforme, vous voulez votre propre boîte dans une colonne pour vous connecter à votre interface d'administration.

Vous pouvez aisément récupérer le code source du formulaire de connexion officiel dans celui de la page d'accueil de Hautetfort. Il ne vous reste plus qu'à • Ajouter le code HTML / Javascript dans Ajouter un élément personnalisé du Contenu des colonnes de PRÉSENTATION pour avoir quelque chose comme ceci.

connexion-1.png<form id="connexion" name="connexion" method="post" action="http://www.hautetfort.com/login.php">
<input name="user_username" type="text" value="" size="25"/>
<br />
<input type="password" name="user_password" value="" size="25" />
<input name="evnt" type="hidden" value="login" />
<input type="image" value="Valider" src="http://static2.hautetfort.com/frontend/graphics/portal/ok.jpg" />
<br />
<a href="http://www.hautetfort.com/forget_password.php">Mot de passe oublié ?</a>
</form>

Le lien vers la page de récupération du mot de passe oublié peut paraitre superflu, retirons-le ; si nous en avons besoin, nous savons où le retrouver.

Et tant qu'à nous attaquer au superflu, pourquoi taper à la fois "login" et "mot de passe" ? Le login correspond généralement au nom de votre blog, et cette information n'a plus grand chose de secret. Dès lors, nous pourrions prévoir que le premier champ sera toujours rempli de la bonne valeur, ici geemee2. Et puisque ce n'est pas appelé à changer, autant le cacher. En même temps, si vous voulez offrir à tous vos visiteurs de se connecter chez eux à partir de chez vous...

connexion-2.png<form id="connexion" name="connexion" method="post" action="http://www.hautetfort.com/login.php">
<input name="user_username" type="hidden" value="geemee"/>
<br />
<input type="password" name="user_password" value="" size="12" />
<input name="evnt" type="hidden" value="login" />
<input type="image" value="Valider" src="http://static2.hautetfort.com/frontend/graphics/portal/ok.jpg" style="height:17px;vertical-align:top;"/>
</form>

Ne nous arrêtons pas en si bon chemin, bricolons une image "Connexion" pour ne pas confondre avec d'autres formulaires, et ajoutons du style au champ de saisie du mot de passe.

connexion-3.png<form id="connexion" name="connexion" method="post" action="http://www.hautetfort.com/login.php">
<input name="user_username" type="hidden" value="geemee"/>
<br />
<input type="password" name="user_password" value="" size="12" style="background-color: #EFE6C5; border:1px solid #DDB666;"/>
<input name="evnt" type="hidden" value="login" />
<input type="image" value="Valider" src="http://geemee.hautetfort.com/images/aspire/connexion.gif" style="vertical-align: top;border:0px;" />
</form>


Et cela vous dispense pas totalement de passer par le portail de la plateforme !

 


 

1 La WPlikite est une affection du blogueur qui se reconnaît dans ses cas les plus extrêmes aux cris lugubres lancés dans la nuit à la lune indifférente : « Je veux un blog qui ressemble à WP ! ».

2 La question de savoir si Gee Mee est une bonne valeur reste ouverte.

09:35 Écrit par Gee Mee dans Boîte à outils, Personnaliser son blog | Lien permanent | Commentaires (0) | Tags : formulaire, connexion, administration, login | |  del.icio.us | | Digg! Digg |  Facebook