Nouvelle boîte de connexion

[Billyboule]

Cette modification ajoute des icones dans la boite de connexion et coche automatiquement la case Se souvenir de moi.



Remerciements et support

Ce Hack a été traduit en français pour vBulletin-Ressources avec l'autorisation explicite de son auteur. / This Hack was translated into French for vBulletin-Ressources with the explicit authorization of its author.


vBulletin-Ressources et son équipe offrira du support vis à vis des hacks traduits, bien sûr, dans la mesure du possible de chacun, autant en terme de temps que de connaissances/ vBulletin-Ressources and its team will offer support for the translated hacks, of course, as far as possible for everyone, as much in term of time that knowledge.


vBulletin-Ressources remercie l'auteur du hack pour avoir fourni son autorisation. / vBulletin-Ressources thanks the author for the hack to have provided its authorization.


Conception

Auteur du Hack / Author Of Hack :TheWindows7Site (http://www.vbulletin.org/forum/member.php?u=343597)
Source / Link of Thread:Change the look of the Login/Register in header
(http://www.vbulletin.org/forum/showthread.php?t=231916&page=4)
Version du hack / Hack version : 4.0.0
Version vBulletin Requise / Version vBulletin Required : vB 4.x
Testé / Tested: oui sur 4.0
Traducteur / Translator: Billyboule




Copyright © 2006-2010 vBulletin-Ressources.com - Tous droits réservés Uniquement pour nos traductions / Copyright © 2006-2010 vBulletin-Ressources.com - All Rights Reserved Only for ours translations


Informations

La partie des messages non-lus de ce hack requiert que le marquage des sujets de la base de données soit actif.
L'installation de ce hack activera ce système en sélectionnant Base de données (marquage du forum automatique).
Vous trouverez les différents paramètres dans les Paramètres globaux des options vbulletin.


Installation

Uploadez le contenu du dossier upload sur votre ftp.
Dans le template header,
Pour ajouter les icones, cherchez :

<input type="text" class="textbox default-value" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" onfocus="if (this.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'){this.value=''; this.style.color='black';}" onblur="if (this.value == '') {this.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'; this.style.color='#828282';}"/>
<input type="password" class="textbox default-value" name="vb_login_password" id="navbar_password" size="10" tabindex="102" onfocus="this.style.color='black';" />
<input type="submit" class="loginbutton" value="{vb:rawphrase log_in}" tabindex="104" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
</div>
</div>
</fieldset>
<div id="remember" class="remember">
<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" /> {vb:rawphrase remember_me}</label>
</div>

<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
</vb:if>
</div>

Et remplacez par :

<style type="text/css">
img {vertical-align:middle}
</style>

<img src="./images/icons/username.png" alt="Username" />



<input id="navbar_username" class="bginput" type="text" onblur="if (this.value == '') this.value = 'Username';" onfocus="if (this.value == 'Username') this.value = '';" value="Username" tabindex="101" accesskey="u" size="10" name="vb_login_username" style="font-size: 11px;"/>

<img src="./images/icons/password.png" alt="Password" />

<input id="navbar_password" class="bginput" type="password" onblur="if (this.value == '') this.value = '';" onfocus="if (this.value == 'Password') this.value = '';" value="Password" tabindex="102" accesskey="u" size="10" name="vb_login_password" style="font-size: 11px;/>




<label for="cb_cookieuser_navbar">
<input id="cb_cookieuser_navbar" type="checkbox" accesskey="c" tabindex="103" value="1" name="cookieuser"/>
</label>


<input type="submit" class="loginbutton" value="Login" tabindex="104" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
</div>
</div>
</fieldset>




<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />


<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
</vb:if>
</div>

Pour cocher automatiquement la case Se souvenir de moi, cherchez :

<input id="cb_cookieuser_navbar" type="checkbox" accesskey="c" tabindex="103" value="1" name="cookieuser"/>


Et remplacez par :

<input id="cb_cookieuser_navbar" type="checkbox" accesskey="c" tabindex="103" value="1" name="cookieuser" checked="checked"/>


Démonstration/Captures

[Ombre]

Bonsoir, merci pour la traduction de ce mod :)

Par contre tu as du faire ta capture sous IE? Car les angles carrés, quelle horreur :D

[Billyboule]

Oui sous IE. Il gère pas les arrondis. Depuis le temps, Microsoft aurait du trouver une solution. Plusieures nouvelles versions de IE sont sortie et le problème est toujours là.

Mais bon dans ce cas ci, c'est juste un léger rabotage des coins sous FF, c'est pas encore un arrondi complet. ;)

[Ombre]

En faite non, c'est pas ça, vb4 utilise la class -moz-border-radius, qui permet de fournir des arrondis visuellement, le soucis c'est que c'est prévus pour le CSS3 :D donc on peu attendre encore je pense, et surtout du coter de IE qui ne respecte pas toujours les standards.

A quand le html 5?

[Simon]

En faite non, c'est pas ça, vb4 utilise la class -moz-border-radius, qui permet de fournir des arrondis visuellement, le soucis c'est que c'est prévus pour le CSS3 :D donc on peu attendre encore je pense, et surtout du coter de IE qui ne respecte pas toujours les standards.M$ a annoncé qu'il souhaitait accélérer la cadence pour respecter (enfin) les standards et être un des premiers pour HTML 5. Croisons les doigts :)

[bidibooum]

Si je peux me permettre:
Avec une traduction automatique des champs login et pass selon la langue utilisée + l'infobulle sur la case se souvenir de moi qui dans ton code est une case qui n'explique pas son fonctionnement:


<style type="text/css">
img {vertical-align:middle}
</style>

<img src="./images/icons/username.png" alt="{vb:rawphrase username}" />



<input id="navbar_username" class="bginput" type="text" onblur="if (this.value == '') this.value = '{vb:rawphrase username}';" onfocus="if (this.value == '{vb:rawphrase username}') this.value = '';" value="{vb:rawphrase username}" tabindex="101" accesskey="u" size="10" name="vb_login_username" style="font-size: 11px;"/>

<img src="./images/icons/password.png" alt="Mot de passe" />

<input id="navbar_password" class="bginput" type="password" onblur="if (this.value == '') this.value = '';" onfocus="if (this.value == 'Password') this.value = '';" value="Password" tabindex="102" accesskey="u" size="10" name="vb_login_password" style="font-size: 11px;/>




<label for="cb_cookieuser_navbar">
<input id="cb_cookieuser_navbar" type="checkbox" accesskey="c" tabindex="103" value="1" name="cookieuser" checked="checked" title="{vb:rawphrase remember_me}"/ >
</label>


<input type="submit" class="loginbutton" value="{vb:rawphrase log_in}" tabindex="104" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
</div>
</div>
</fieldset>




<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />


<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
</vb:if>
</div>

[Allan]

Merci pour la trad Billy, je l'avais zapé :p

[Spider-Man]

Merci pour cette trad ;) intéressant

[swad2x]

bonsoir et merci pour ce hack mais je trouve une différence !!


<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
</li>
</ul>
</vb:if>
</div>