Scribd
Importer
10 vues3 pages

Flamengo

Le document explique comment créer une page de bienvenue élégante pour une application de musculation, incluant un message personnalisé et un bouton 'Commencer'. Il fournit un code PHP pour la page bienvenue.php et des instructions pour rediriger les utilisateurs après leur inscription. Des suggestions pour améliorer l'expérience utilisateur, comme l'ajout d'animations ou de musique, sont également proposées.

Transféré par

luambamarcel6
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
10 vues3 pages

Flamengo

Le document explique comment créer une page de bienvenue élégante pour une application de musculation, incluant un message personnalisé et un bouton 'Commencer'. Il fournit un code PHP pour la page bienvenue.php et des instructions pour rediriger les utilisateurs après leur inscription. Des suggestions pour améliorer l'expérience utilisateur, comme l'ajout d'animations ou de musique, sont également proposées.

Transféré par

luambamarcel6
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Oui, bien sûr Marcel🙌 ​

Je vais te montrer comment créer une page de bienvenue élégante, sobre et cohérente
avec le style de ton application.

🎯 Objectif de la page [Link]


●​ Affiche un message personnalisé avec le nom de l’utilisateur
●​ Contient un bouton “Commencer” bien visible
●​ Redirige vers la page [Link] (ou [Link], selon le nom que tu
utilises)
●​ Design moderne, sobre, et adapté au style musculation / performance

✅ Étape 1 : Créer le fichier [Link]


Crée un fichier [Link] et colle ceci dedans :

<?php
session_start();
if (!isset($_SESSION['nom'])) {
header("Location: [Link]");
exit();
}
$nom = htmlspecialchars($_SESSION['nom']);
?>

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bienvenue</title>
<style>
body {
margin: 0;
padding: 0;
font-family: 'Segoe UI', sans-serif;
background: linear-gradient(145deg, #0f2027, #203a43, #2c5364);
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}

.container {
text-align: center;
background-color: rgba(0, 0, 0, 0.3);
padding: 40px;
border-radius: 15px;
box-shadow: 0 0 20px rgba(0,0,0,0.4);
width: 90%;
max-width: 400px;
}

h1 {
font-size: 2em;
margin-bottom: 20px;
}

.button {
display: inline-block;
margin-top: 30px;
padding: 12px 30px;
font-size: 1.1em;
border: none;
border-radius: 25px;
background-color: #1abc9c;
color: white;
text-decoration: none;
transition: background-color 0.3s ease;
}

.button:hover {
background-color: #16a085;
}
</style>
</head>
<body>

💪
<div class="container">
<h1>Bienvenue, <span><?= $nom ?></span> </h1>
<p>Tu es prêt à suivre tes performances et à devenir plus fort ?</p>
<a href="[Link]" class="button">Commencer</a>
</div>
</body>
</html>
✅ Étape 2 : Modifier la redirection dans
[Link]
À la fin de ton traitement d’inscription (après insertion en base de données), remplace :

header("Location: [Link]");

par :

$_SESSION['nom'] = $nom;
header("Location: [Link]");

✅ Résultat final :
🎉 Une page de transition stylée, motivante, qui fait la différence entre une app "scolaire"
et une vraie expérience utilisateur professionnelle.

👉 Tu veux aller plus loin ?


●​ Ajout d’un petit logo ou d'une icône SVG muscu ?
●​ Animation légère sur le bouton ?
●​ Musique ou son d’accueil discret ?
●​ Ou passer directement à l’interface avec navbar + dashboard stylé ?

Dis-moi et on y va pas à pas.

Vous aimerez peut-être aussi