Chesterfield 48 Posté(e) le 6 septembre 2018 Partager Posté(e) le 6 septembre 2018 (modifié) Bonjour, Voici un Login Form Habbo's style en html/css fait par mes soins. Pour avoir accès à ce lien, merci de vous connecter. Le code : index.HTML <!doctype html> <html> <head> <meta charset="utf-8"> <title>Connexion</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="loginBox"> <img src="user.png" class="user"> <h2>connexion</h2> <form> <input type="text" name="" placeholder="place ton pseudo"> <input type="password" name="" placeholder="Place ton mot de passe"> <input type="submit" name="" value="Se connecter"> </form> </div> </body> </html> Le code : style.CSS body { margin: 0; padding: 0; background: url(bg.gif); background-size: cover; font-family: sans-serif; } .loginBox { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 300px; height: 235px; padding: 40px 20px; box-sizing: border-box; background: rgba(0, 0, 0, 0.38); } .user { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; position: absolute; top: calc(-100px/2); left: calc(50% - 50px); } h2 { margin: 0; padding: 0 0 20px; color: #fff; text-align: center; } .loginBox p { margin: 0; padding: 0; font-weight: bold; color: #fff; } .loginBox input { width: 100%; margin-bottom: 20px; } .loginBox input[type="text"], .loginBox input[type="password"] { border: none; border-bottom: 1px solid #fff; background: transparent; outline: none; height: 40px; color: #fff; font-size: 16px; } ::placeholder { color: rgba(255,255,255,.5); } .loginBox input[type="submit"] { border: none; outline: none; height: 40px; color: #fff; font-size: 20px; background: #2653ffb3; cursor: pointer; border-radius: 20px; } .loginBox input[type="submit"]:hover { background: #2653ffde; color: #262626; } .loginBox a { color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; } Téléchargement - LES IMAGES (mediafire) - Pour avoir accès à ce lien, merci de vous connecter. - - Pour avoir accès à ce lien, merci de vous connecter. - LIEN DE TEST : Pour avoir accès à ce lien, merci de vous connecter. Cordialement, Emilio. Modifié le 6 septembre 2018 par 乇ᄊノしノѺ Lien à poster Partager sur d’autres sites Plus d'options de partage...
Modérateur Henri 80 Posté(e) le 6 septembre 2018 Modérateur Partager Posté(e) le 6 septembre 2018 Y'a de l'idée mais le background se répète ~ Henri Développeur WEB, NodeJS et C Discord: Henri#003 Twitter: @UnrealHenri Lien à poster Partager sur d’autres sites Plus d'options de partage...
Chesterfield 48 Posté(e) le 6 septembre 2018 Auteur Partager Posté(e) le 6 septembre 2018 Il y a 2 heures, CptHenri a dit : Y'a de l'idée mais le background se répète C'est un gif donc oui il se répète. Merci pour ton com. Lien à poster Partager sur d’autres sites Plus d'options de partage...
Modérateur Henri 80 Posté(e) le 6 septembre 2018 Modérateur Partager Posté(e) le 6 septembre 2018 @乇ᄊノしノѺ Tu n'as pas compris... Il y a plusieurs image... background-repeat:none ou no (jsp); ~ Henri Développeur WEB, NodeJS et C Discord: Henri#003 Twitter: @UnrealHenri Lien à poster Partager sur d’autres sites Plus d'options de partage...
Chesterfield 48 Posté(e) le 6 septembre 2018 Auteur Partager Posté(e) le 6 septembre 2018 Il y a 2 heures, CptHenri a dit : @乇ᄊノしノѺ Tu n'as pas compris... Il y a plusieurs image... background-repeat:none ou no (jsp); Ah oui d'accord ^^ Lien à poster Partager sur d’autres sites Plus d'options de partage...
Jazy 13 Posté(e) le 8 septembre 2018 Partager Posté(e) le 8 septembre 2018 J'aime bien, merci du partage Le retour d'un empire pixelisé Lien à poster Partager sur d’autres sites Plus d'options de partage...
Chesterfield 48 Posté(e) le 8 septembre 2018 Auteur Partager Posté(e) le 8 septembre 2018 Il y a 3 heures, Jazy a dit : J'aime bien, merci du partage Merci, plaisir partagé . Lien à poster Partager sur d’autres sites Plus d'options de partage...
Responsable modération MatYou 864 Posté(e) le 8 septembre 2018 Responsable modération Partager Posté(e) le 8 septembre 2018 Merci pour le partage ~ MatYouFR ~ + French Player + + Player of Valorant, Battlefield 4 & 5, GTA 5, ETS 2, Rocket League + + Streamer on Twitch + Lien à poster Partager sur d’autres sites Plus d'options de partage...
MrrWearZy 0 Posté(e) le 1 octobre 2018 Partager Posté(e) le 1 octobre 2018 Merci pour le partage Lien à poster Partager sur d’autres sites Plus d'options de partage...
Chesterfield 48 Posté(e) le 3 octobre 2018 Auteur Partager Posté(e) le 3 octobre 2018 Le 08/09/2018 à 08:46, Mastoke a dit : Merci pour le partage Le 01/10/2018 à 14:53, MrrWearZy a dit : Merci pour le partage Avec plaisir. Lien à poster Partager sur d’autres sites Plus d'options de partage...
imVolrod 0 Posté(e) le 7 octobre 2018 Partager Posté(e) le 7 octobre 2018 Merci pour le partage login. Lien à poster Partager sur d’autres sites Plus d'options de partage...
Wuro 0 Posté(e) le 7 octobre 2018 Partager Posté(e) le 7 octobre 2018 Merci pour le partage. Lien à poster Partager sur d’autres sites Plus d'options de partage...
SkyZorn 0 Posté(e) le 8 octobre 2018 Partager Posté(e) le 8 octobre 2018 Merci, sauf que je ne peux pas télécharger faut que j'attende 10 messages ! Lien à poster Partager sur d’autres sites Plus d'options de partage...
Python 32 Posté(e) le 4 septembre 2022 Partager Posté(e) le 4 septembre 2022 Pas mal Lien à poster Partager sur d’autres sites Plus d'options de partage...
uzs186 0 Posté(e) le 5 septembre 2022 Partager Posté(e) le 5 septembre 2022 merci Lien à poster Partager sur d’autres sites Plus d'options de partage...
231477er 0 Posté(e) le 6 septembre 2022 Partager Posté(e) le 6 septembre 2022 sss Lien à poster Partager sur d’autres sites Plus d'options de partage...
ttrs 1 Posté(e) le 9 décembre 2022 Partager Posté(e) le 9 décembre 2022 merci Lien à poster Partager sur d’autres sites Plus d'options de partage...
Mordor 0 Posté(e) le 12 janvier 2023 Partager Posté(e) le 12 janvier 2023 letsss see Lien à poster Partager sur d’autres sites Plus d'options de partage...
Karadoc 2 Posté(e) le 12 janvier 2023 Partager Posté(e) le 12 janvier 2023 ty Lien à poster Partager sur d’autres sites Plus d'options de partage...
Ol0001 0 Posté(e) le 5 février 2023 Partager Posté(e) le 5 février 2023 mrc Lien à poster Partager sur d’autres sites Plus d'options de partage...
Messages recommandés
Créer un compte ou se connecter pour commenter
Vous devez être membre afin de pouvoir déposer un commentaire
Créer un compte
Créez un compte sur notre communauté. C’est facile !
Créer un nouveau compteSe connecter
Vous avez déjà un compte ? Connectez-vous ici.
Connectez-vous maintenant