Wiki - <?php echo ASSO

# 🎨 GUIDE DE PERSONNALISATION ## Association Star Wars - Personnaliser votre site --- ## 📋 SOMMAIRE 1. Personnaliser les couleurs et le design 2. Modifier les textes et contenus 3. Ajouter un logo 4. Personnaliser les emails 5. Ajouter des fonctionnalités 6. Créer le Wiki 7. Créer le Forum --- ## 1️⃣ PERSONNALISER LES COULEURS ET LE DESIGN ### Modifier le thème de couleurs Éditez le fichier `public/css/style.css` : ```css /* Lignes 1-10 : Variables de couleurs */ :root { --color-primary: #FFE81F; /* Jaune Star Wars - Changez cette couleur */ --color-secondary: #000000; /* Noir */ --color-dark: #1a1a1a; /* Gris foncé */ --color-light: #f4f4f4; /* Gris clair */ --color-accent: #4a90e2; /* Bleu - Changez pour personnaliser */ --color-success: #2ecc71; /* Vert pour succès */ --color-danger: #e74c3c; /* Rouge pour erreurs */ --color-warning: #f39c12; /* Orange pour avertissements */ } ``` **Exemples de palettes Star Wars :** **Thème Empire :** ```css --color-primary: #E31E24; /* Rouge Empire */ --color-accent: #1C1C1C; /* Noir profond */ ``` **Thème Jedi :** ```css --color-primary: #4169E1; /* Bleu Jedi */ --color-accent: #00CED1; /* Cyan sabre laser */ ``` **Thème Mandalorien :** ```css --color-primary: #C0C0C0; /* Argent Beskar */ --color-accent: #8B4513; /* Marron cuir */ ``` ### Changer la police de caractères Dans `public/css/style.css`, ligne ~20 : ```css body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } ``` **Pour une police Star Wars (Aurebesh style) :** 1. Ajoutez dans le `` de vos pages : ```html ``` 2. Modifiez le CSS : ```css body { font-family: 'Orbitron', sans-serif; } ``` ### Ajouter un fond d'étoiles Dans `public/css/style.css`, ajoutez : ```css body { background: #000000; background-image: radial-gradient(2px 2px at 20px 30px, white, transparent), radial-gradient(2px 2px at 60px 70px, white, transparent), radial-gradient(1px 1px at 50px 50px, white, transparent); background-size: 200px 200px; background-position: 0 0, 40px 60px, 130px 270px; } ``` --- ## 2️⃣ MODIFIER LES TEXTES ET CONTENUS ### Nom de l'association Éditez `config/config.php` : ```php define('ASSO_NAME', 'Votre Nom d\'Association'); ``` ### Textes de la page d'accueil Éditez `public/index.php` : **Section Hero (ligne ~40) :** ```html

Bienvenue dans la galaxie !

Votre texte de présentation personnalisé ici...

``` **Cartes "À propos" (ligne ~55) :** ```html

🎭 Votre titre

Votre description...

``` ### Tarifs personnalisés Dans `config/config.php` : ```php define('COTISATION_MONTANT', 10); // Changez le montant define('PAF_SOIREE', 4); // Changez le montant ``` --- ## 3️⃣ AJOUTER UN LOGO ### Étape 1 : Préparer votre logo - Format : PNG avec fond transparent (recommandé) - Taille recommandée : 200x80 pixels - Nommez-le : `logo.png` ### Étape 2 : Uploader le logo 1. Créez le dossier `public/images/` 2. Uploadez `logo.png` dedans via FTP ### Étape 3 : Afficher le logo Dans **TOUS** vos fichiers PHP (`index.php`, `adhesion.php`, etc.), remplacez la section `nav-brand` (ligne ~18) : **Avant :** ```html

``` **Après :** ```html

``` ### Étape 4 : Ajuster le CSS du logo Dans `public/css/style.css`, ajoutez : ```css .nav-brand img { height: 50px; width: auto; filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.5)); } .nav-brand img:hover { transform: scale(1.05); transition: transform 0.3s; } ``` --- ## 4️⃣ PERSONNALISER LES EMAILS ### Créer des templates d'email Créez `includes/email-templates.php` : ```php ``` ### Envoyer les emails automatiquement Modifiez `admin/membres.php` pour envoyer un email lors de la validation : ```php // Après la validation d'un membre (ligne ~45) case 'valider': // ... code existant ... // Envoyer l'email de bienvenue require_once '../includes/email-templates.php'; $membre_email = $membre['email']; $sujet = "Bienvenue - " . ASSO_NAME; $message = email_bienvenue($membre['prenom'], $membre['nom']); $headers = "From: " . ASSO_EMAIL; mail($membre_email, $sujet, $message, $headers); $success = "Adhésion validée et email envoyé."; break; ``` --- ## 5️⃣ AJOUTER DES FONCTIONNALITÉS ### Ajouter un champ "Pseudonyme dans le jeu" **1. Modifier la base de données** Dans phpMyAdmin, exécutez : ```sql ALTER TABLE membres ADD COLUMN pseudonyme_jeu VARCHAR(100) AFTER email; ``` **2. Modifier le formulaire d'adhésion** Dans `public/adhesion.php`, ajoutez après le champ email (ligne ~140) : ```html

Pseudonyme dans le jeu Nom de votre personnage Star Wars

``` **3. Modifier le traitement PHP** Dans la section POST (ligne ~15), ajoutez : ```php $pseudonyme = trim($_POST['pseudonyme'] ?? ''); // Dans la requête INSERT (ligne ~35) $stmt = $db->prepare(" INSERT INTO membres (nom, prenom, email, pseudonyme_jeu, telephone, ...) VALUES (?, ?, ?, ?, ?, ...) "); $stmt->execute([ $nom, $prenom, $email, $pseudonyme, $telephone, ... ]); ``` ### Ajouter un système de faction (Empire/Rebelles/Neutre) **1. Base de données** ```sql ALTER TABLE membres ADD COLUMN faction ENUM('empire', 'rebellion', 'neutre') DEFAULT 'neutre' AFTER pseudonyme_jeu; ``` **2. Formulaire** ```html

Faction

``` ### Ajouter des photos d'événements **1. Créer le dossier** ```bash mkdir public/images/evenements chmod 755 public/images/evenements ``` **2. Base de données** ```sql ALTER TABLE evenements ADD COLUMN image_url VARCHAR(255) AFTER description; ``` **3. Afficher l'image** Dans `public/evenements.php` : ```html <?php echo htmlspecialchars($evenement['titre']); ?>

<?php echo htmlspecialchars($evenement['titre']); ?>

``` --- ## 6️⃣ CRÉER LE WIKI ### Option 1 : Wiki Simple Intégré **1. Créer la structure** ```bash mkdir public/wiki mkdir public/wiki/pages ``` **2. Créer `public/wiki/index.php`** ```php Wiki - <?php echo ASSO_NAME; ?>

📚 Wiki Star Wars - Notre Univers

Factions

Découvrez les différentes factions de notre univers

Règles du jeu

Comment jouer, les mécaniques de jeu

Personnages

Les personnages de nos membres

Lieux

Planètes et lieux de notre campagne

``` **3. Créer des pages** Créez `public/wiki/pages/factions.md` : ```markdown # Les Factions ## Empire Galactique L'Empire contrôle la galaxie d'une main de fer... ## Alliance Rebelle Combattants de la liberté... ## Neutres Marchands, contrebandiers... ``` ### Option 2 : MediaWiki (Wiki professionnel) **Installation :** 1. Téléchargez MediaWiki : https://www.mediawiki.org 2. Suivez le guide d'installation 3. Thème Star Wars disponible ici : https://www.mediawiki.org/wiki/Skin:Timeless --- ## 7️⃣ CRÉER LE FORUM ### Option 1 : Forum Simple Intégré **Structure de base de données :** ```sql CREATE TABLE forum_categories ( id INT PRIMARY KEY AUTO_INCREMENT, nom VARCHAR(200), description TEXT ); CREATE TABLE forum_sujets ( id INT PRIMARY KEY AUTO_INCREMENT, categorie_id INT, titre VARCHAR(200), auteur_id INT, date_creation DATETIME, FOREIGN KEY (categorie_id) REFERENCES forum_categories(id), FOREIGN KEY (auteur_id) REFERENCES membres(id) ); CREATE TABLE forum_messages ( id INT PRIMARY KEY AUTO_INCREMENT, sujet_id INT, auteur_id INT, contenu TEXT, date_creation DATETIME, FOREIGN KEY (sujet_id) REFERENCES forum_sujets(id), FOREIGN KEY (auteur_id) REFERENCES membres(id) ); ``` ### Option 2 : phpBB (Forum professionnel) **Installation :** 1. Téléchargez phpBB : https://www.phpbb.com 2. Uploadez dans `public/forum/` 3. Suivez l'installation 4. Intégrez avec votre système de membres **Thème Star Wars pour phpBB :** - https://www.phpbb.com/customise/db/style/starwars/ --- ## 🎨 IDÉES DE PERSONNALISATION AVANCÉES ### Ajouter un système de niveau/XP ```sql ALTER TABLE membres ADD COLUMN experience INT DEFAULT 0, ADD COLUMN niveau INT DEFAULT 1; ``` ### Créer un système de quêtes ```sql CREATE TABLE quetes ( id INT PRIMARY KEY AUTO_INCREMENT, titre VARCHAR(200), description TEXT, xp_recompense INT, statut ENUM('active', 'terminee') ); CREATE TABLE membres_quetes ( membre_id INT, quete_id INT, statut ENUM('en_cours', 'terminee'), FOREIGN KEY (membre_id) REFERENCES membres(id), FOREIGN KEY (quete_id) REFERENCES quetes(id) ); ``` ### Galerie photos d'événements 1. Créez `public/galerie.php` 2. Utilisez une bibliothèque comme Lightbox : https://lokeshdhakar.com/projects/lightbox2/ --- ## 📱 RENDRE LE SITE RESPONSIVE Le site est déjà responsive, mais vous pouvez améliorer : ```css /* Dans public/css/style.css */ /* Tablettes */ @media (max-width: 1024px) { .container { padding: 0 15px; } } /* Mobile */ @media (max-width: 768px) { .hero h2 { font-size: 2rem; } .nav-menu { flex-direction: column; gap: 0.5rem; } } ``` --- ## 🔐 AMÉLIORER LA SÉCURITÉ ### Ajouter un CAPTCHA Sur le formulaire d'adhésion, ajoutez Google reCAPTCHA : 1. Créez des clés : https://www.google.com/recaptcha 2. Ajoutez dans le formulaire : ```html

``` 3. Vérifiez côté serveur avant l'insertion en base --- ## 💡 CONSEILS FINAUX 1. **Testez toujours** avant de déployer en production 2. **Sauvegardez** avant toute modification importante 3. **Commentez** votre code pour vous y retrouver 4. **Documentez** vos personnalisations 5. **Demandez de l'aide** à la communauté PHP si besoin **Que la Force soit avec vous dans vos personnalisations ! ⚡**