Pour accéder à toutes les fonctionnalités de ce site, vous devez activer JavaScript. Voici les instructions pour activer JavaScript dans votre navigateur Web.

Script GIGA - Barre membre horitonal -

Auteur  
# 06/09/2012 à 23:31 Stephen
Salut à tous,

Pour commencer merci pour le boulot fourni, c'est incroyable en fait ce que nous pouvons faire avec les script !!!
Pour mon sujet, j'ai voulu mettre la barre membre sur mon site http://habits-patriot.e-monsite.com/
comme votre site.

Comme vous pouvez le constater sa ne marche pas... pourtant j'ai pris ce code et l'ai insérer dans les zones éditables haut du site (je suis en version pro)...

<style type="text/css">
.membre {
margin: 5px;
border: 3px outset white;
color:white;
display:none;
}
.membre table {
width:100%;
}
.membre a {
color: white;
}
.membre form input[type="text"], .membre form input[type="password"] {
background-color:#C0C0C0;
color: white;
}
#info_membre {
display: none;
}
</style>

<div id="connection" class="membre">
<table>
<tr>
<td style="width:30%; text-align:left;padding-left:10px;"><span><strong>Bienvenue sur "Symbioz Gaming"</span></strong></td>
<td style="text-align:right;">
<form method="post" name="form_zm" action="/members/connect">
<input type="text" name="username" id="field_login" class="textfield required" title="Votre login" value="Identifiant" size="14" onclick="if(this.value=='Identifiant')this.value='';" />
<input type="password" name="passwd" id="field_password" class="textfield required" title="Mot de passe" value="Mot de passe" size="14" onclick="if(this.value=='Mot de passe')this.value=''; "/>
<input type="checkbox" name="rememberme" value="1" id="rememberme" />
<label for="rememberme">Rester connecté</label>
<input type="submit" value="Connexion" name="s" class="button" style="border:none; background-color: transparent; color: red" />
</form>
</td>
<td>
<a href="/members/passwordlost" class="menu_item">Mot de passe perdu ?</a>
</td><td>| <a href="/members/subscribe" class="menu_item">Créer un compte</a>
</td>
</tr>
</table>
</div>
<div id="connecte" class="membre">
<table>
<tr>
<td style="width:30%; text-align:left;"><span><strong>Bienvenue sur "Symbioz Gaming"</span></strong></td>
<td style="text-align:right;">
Connecté en tant que : <span id="login"></span> <a href="/members/account" class="menu_item">Mon profil</a> | <a href="/members/disconnect" class="menu_item">Déconnexion</a>
</td>
</tr>
</table>
</div>
<div id="info_membre">
</div>

<script type="text/javascript">
$("#info_membre").load("/members/account #member_infos", function() {
if ($("#info_membre .member_username").length > 0) {
var membre = $("#info_membre .member_username:eq(0)").next("dd").text();
var membre = membre.charAt(0).toUpperCase() + membre.substring(1).toLowerCase();
$("#login").html("<strong>"+membre+"</strong>")
$("#connecte").show();
}
else {
$("#connection").show();
}
});
</script>

Je ne comprend pas ce qui peut clocher, pouvez vous m'aider ?????

Merci d'avance, je sèche là....
# 09/09/2012 à 19:43 Stephen
Bon j'ai trouvé ;)
En fait je ne mettais pas le code de /style au bon endroit, c'est rectifié et sa marche !!!

Génial ce script merci !
Répondre à ce message

Ce sujet est fermé. Vous ne pouvez pas laisser de message.

Créer un site internet avec e-monsite - Signaler un contenu illicite sur ce site