Connexion
Résolu
debloc12
Messages postés
72
Date d'inscription
Statut
Membre
Dernière intervention
-
debloc12 Messages postés 72 Date d'inscription Statut Membre Dernière intervention -
debloc12 Messages postés 72 Date d'inscription Statut Membre Dernière intervention -
salut tout le monde.
j'ai fais un site web, et je veut que la zone de connexion est comme la zone de connexion de commentcamarche c.à.d , lorsque je met le curseur sur le mot connexion la zone s'affiche, jusqu'à maintenant je n'arrive pas à résoudre ce problème.
j'ai fais un site web, et je veut que la zone de connexion est comme la zone de connexion de commentcamarche c.à.d , lorsque je met le curseur sur le mot connexion la zone s'affiche, jusqu'à maintenant je n'arrive pas à résoudre ce problème.
A voir également:
- Connexion
- Gmail connexion - Guide
- Connexion chromecast - Guide
- Gmail connexion autre compte - Guide
- Site inaccessible n'autorise pas la connexion - Guide
- Connexion sctr - Forum Discord
5 réponses
Il y a des moyens simple de faire ce genre de chose.
En CSS par exemple:
Côté HTML
Côté CSS
Après il faut jouer sur le CSS pour embellir le tout.
« La recherche commence là où s'arrête la connaissance. »
En CSS par exemple:
Côté HTML
<a id="login">Login <span><input name="login"/><br/><input type="submit" name="connexion" value="Se connecter" /></span></a>
Côté CSS
a#login span{display:none;}
a#login:hover span{display:block;position:absolute;margin-top:20px;}
Après il faut jouer sur le CSS pour embellir le tout.
« La recherche commence là où s'arrête la connaissance. »
merci mais lorsque je met le curseur sur login je n'arrive pas a ecrire dans la zone de texte (input) ?
Exemple en Javascript :
Côté HTML :
function montre(elem){
document.getElementById(elem).style.display="block";
}
function cache(elem){
document.getElementById(elem).style.display="none";
}
Côté HTML :
<ul>
<li onmouseover="montre('bloc1');" onmouseout="cache('bloc1');">Connexion
<div id="bloc1" style="display:none; width:200px;height:200px;border:1px solid #4A4B4B;position:absolute;margin-top:-5px;padding:5px;>
<form method="post" action="#" id="recherche">
<label>Identifiant</label>
<input type="text" value=""><br/>
<label>Mot de passe ( oublié ? ) </label>
<input type="text" value="">
<input type="submit" value="go">
</form>
</div>
</li>
</ul>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
