Un formulaire d'inscription comme celui de CCM
Utilisateur anonyme
-
Utilisateur anonyme -
Utilisateur anonyme -
bonjours
avant de me conecter a comment ça marche, je pointe la souris sur "conection" et un petit cadre aparait pour se conecter
si on clique sur "conection" le cadre reste alors que moi je ne connais que :hover pour css au survol de la souris
comment faire pour que le cadre reste et ne disparait pas ?
et aussi comment faire aparaitre un cadre
en effet avec hover je ne fait que modifier par example la couleur du texte, mais je ne sais pas comment faire aparaitre tout un cadre
merci :)
avant de me conecter a comment ça marche, je pointe la souris sur "conection" et un petit cadre aparait pour se conecter
si on clique sur "conection" le cadre reste alors que moi je ne connais que :hover pour css au survol de la souris
comment faire pour que le cadre reste et ne disparait pas ?
et aussi comment faire aparaitre un cadre
en effet avec hover je ne fait que modifier par example la couleur du texte, mais je ne sais pas comment faire aparaitre tout un cadre
merci :)
A voir également:
- Un formulaire d'inscription comme celui de CCM
- Whatsapp formulaire opposition - Guide
- Ccleaner ccm - Télécharger - Nettoyage
- Formulaire de réclamation facebook compte désactivé - Guide
- Wetransfer gratuit sans inscription - Guide
- Winrar ccm - Télécharger - Compression & Décompression
2 réponses
Salam alekoum
http://letrainde13h37.fr/44/menu-deroulant-accessible-css/
ou
https://www.google.fr/search?q=menu+deroulant+css
http://letrainde13h37.fr/44/menu-deroulant-accessible-css/
ou
https://www.google.fr/search?q=menu+deroulant+css
ce doit être du jquery
le principe :
le cadre est dans le html
ex
<div id="formulaire">le html du formulaire d'inscription<div>
css le met en forme et le positionne mais avec un display:none; et un opacity:0.4;
exemple de comment faire (avec petit effet d'animation apparition et transparence)
ne pas oublier d'integrer la bibliothèque jquery (dans head)
le principe :
le cadre est dans le html
ex
<div id="formulaire">le html du formulaire d'inscription<div>
css le met en forme et le positionne mais avec un display:none; et un opacity:0.4;
exemple de comment faire (avec petit effet d'animation apparition et transparence)
<script>
$(document).ready(function(){$("#connect").click(function(){$("#formulaire").animate({opacity:.4},100).slideUp("300").delay("400");if(!$(this).next().is(":visible")){$(this).next().slideDown("500").animate({opacity:1},1e3)}if($(this).next().is(":hidden")){$(this).next().css("opacity","0.4")}})});
</script>
<p id="connect">connexion</p>
<div id="formulaire">le html du formulaire d'inscription<div>
ne pas oublier d'integrer la bibliothèque jquery (dans head)
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
si vous avez un tuto ou autre je suis prenant
sinon merci comme meme :)