Aller au contenu

YanisDEVE

Membre
  • Compteur de contenus

    9
  • Inscription

  • Dernière visite

Information de profil

  • Sexe:
    Homme

Visiteurs récents du profil

Le bloc de visiteurs récents est désactivé et il n’est pas visible pour les autres utilisateurs.

Le palmarès de YanisDEVE !

Nouveau

Nouveau (1/8)

1

Réputation sur la communauté

  1. YanisDEVE

    TheoCMS V.3.1

    Oui, mais j'ai modif du code html tès pourri@Akushi C'est pas la version sans css. C'est surtout le html qur j'ai touché
  2. YanisDEVE

    TheoCMS V.3.1

    @CalypsoJe vais essayer
  3. YanisDEVE

    TheoCMS V.3.1

    @Solife Je n'avais pas vu, merci à toi de me l'avoir dit, je vais en faire une V.3.2
  4. YanisDEVE

    TheoCMS V.3.1

    @TheJill Merci !! Je vais faire de mon mieu pour arranger cela
  5. YanisDEVE

    TheoCMS V.3.1

    Merci, ce n'est pas le site qui beug, c'est le CMS qui est comme ça
  6. Salut ! Je me présente, je m'appelle Yanis, je suis développeur débutant php/css et pro html ! Donc aujourd'hui je voudrais vous présentez le TheoCMS V.3 . Comme vous l'avez vu dans le tire, c'est encore un autre version du TheoCMS Je vais commancer la version 3.1 ! Pour tout test du CMS (Sans PHP donc l'inscription/connexion ne marchera pas) allez sur ce lien : ICI. Je vais préscisez avant que tout le CMS est codé sans PHP ! Le PHP est simple à ajouté c'est la plupart du temps pour faire fonctionner la BDD. Comme plus haut je vous ais partagé le site pour tester le CMS, tout ce que je vous montre ici sera du code et les MAJ, sur ce MAJ / CODE index.php : - Une page de CMS sera partagé par jour dans ce topic Alors soit là !! - MAJ DU 25/06/18 à 18h50 : AJOUT DU LOGO ''THEOCMS'' MAJ DU 25/06/18 à 19h12: SUPPRESSION DU LOGO ''THEOCMS'' QUI RENDAIT MOCHE MAJ DU 25/06/18 à 18h50 : COULEUR DES BORS DES BOX CONNEXION/INSCIRPTION MODIFIE MAJ DU 25/06/18 à 18h41 : MODIFICATION DU CSS MAJ DU 25/06/18 à 19h13 : AJOUT D'UN LOGO Vous pouvez aussi avoir le code du CMS ici : <!doctype html> <html class="no-js" lang="fr"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="geography" content="France"/> <meta name="country" content="France"/> <meta name="language" content="French"/> <meta property="og:locale" content="fr_FR"/> <title>TheoCMS V.3.1 - Se faire des amis, s'amuser, se faire connaitre</title> <link rel='shortcut icon' type='image/x-icon' href='<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/favicon.ico'/> <link rel="canonical" href="<?php echo htmlspecialchars($dConfig['lien']); ?>/"/> <meta name="identifier-url" content="<?php echo htmlspecialchars($dConfig['lien']); ?>/"/> <meta name="reply-to" content="support"/> <meta property="og:site_name" content="<?php echo htmlspecialchars($dConfig['nom']); ?>"/> <meta property="og:title" content="<?php echo htmlspecialchars($dConfig['nom']); ?> - Se faire des amis, s'amuser, se faire connaitre"/> <meta property="og:url" content="<?php echo htmlspecialchars($dConfig['lien']); ?>"/> <meta property="og:description" content="Inscris-toi et rejoins GRATUITEMENT le plus grand hôtel virtuel du monde! Tu pourras rencontrer de nouveaux amis, participer à des jeux, tchatter, créer ton avatar, construire des salles et bien plus encore..."/> <meta name="description" content="Inscris-toi et rejoins GRATUITEMENT le plus grand hôtel virtuel du monde! Tu pourras rencontrer de nouveaux amis, participer à des jeux, tchatter, créer ton avatar, construire des salles et bien plus encore..."/> <meta name="keywords" content="hotel, inscription, connexion, ado, jeu en ligne, jeu, rétro, rejoindre, créer, communauté"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.2/normalize.min.css"/> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css"/> <link rel="stylesheet" href="<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/css/flexslider.css"> <link rel="stylesheet" href="<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/css/styles.css"> <link rel="stylesheet" href="<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/css/queries.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css"/> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script> <style>header{padding-bottom:20px;}.navigation{background:rgba(0,0,0,0.49);}::-webkit-scrollbar{width:8px;height:8px;overflow:visible;background:inherit;}::-webkit-scrollbar-track{border:solid;border-width:0 0 0 1px;border-color:#c1c1c4;}::-webkit-scrollbar-track:horizontal{border-width:1px 0 0;}::-webkit-scrollbar-track:hover{background-color:#d3d3d5;border-color:#a7a7ab;}::-webkit-scrollbar-track:active{background-color:#dbdbdd;border-color:#b4b4b7;}::-webkit-scrollbar-thumb{border:solid transparent;background-color:#b4b4b7;}::-webkit-scrollbar-thumb:hover{background-color:#b40015;}::-webkit-scrollbar-thumb:active{background-color:#81000f;}::-webkit-scrollbar-thumb:window-inactive{background:#9a9a9e;}.hero{background:url(<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/1482101596-3089.png) #31708f;box-shadow:0px 0px 4px rgba(0,0,0,0.65);min-height:487px;}.hero h1{color:#fff;font-size:40px;margin-bottom:23px;}.hero .hero-content{padding-top:31%;}.testimonial-slider{background:url(<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/1477987535-0003.png) no-repeat center center;background-size:cover;}.btn-fill{color:#fff;border:solid 2px #C62828;background-color:#C62828;}.btn-fill:hover,.btn-fill:focus{border:solid 2px #E53935;background-color:#E53935;}.signup-form .form-input-group i{color:#C62828;}a{color:#C62828;}.signup-form .form-input-group input{border:1px solid #dddfe2;border-radius:3px;}.flex-control-nav{bottom:0;}.hero p.intro{margin-bottom:24px;}.fixed{background:rgba(27,76,101,0.75)!important;border-bottom:1px solid #143546;}@media screen and (min-width: 992px) {.jeu_hotel{background:url(<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/1482101567-6767.png) 79% -25px no-repeat;height:487px;width:842px;padding-top:29%;}}footer{background-color:#152b35;position:relative;}footer .social-share{background-color:#152b35;}.intro-icon{margin-right:6px;margin-top:10px;border-radius:7px;}.features-extra .inscription-wrap{width:566px;height:620px;}</style> </head> <body id="top"> <?php if(isset($_GET['inscription']) AND ($_GET['inscription'] == 'ok')) { ?> <script>sweetAlert("Bravo !", "Votre inscription a bien été validé, vous pouvez maintenant vous connectez !", "success");</script> <?php } ?> <?php if(isset($erreurok)){echo '<script>sweetAlert("Bravo !", "'.$erreurok.'", "success");</script>'; } ?> <?php if(isset($erreur)){echo '<script>sweetAlert("Oops !", "'.$erreur.'", "error");</script>'; } ?> <section class="hero"> <section class="navigation"> <header> <div class="header-content"> <div class="logo" style="margin-top: -30px;"> <a href="#top"> <img src="http://hsource.fr/font/habbo_new/<?php echo htmlspecialchars($dConfig['nom']); ?>.gif" alt="<?php echo htmlspecialchars($dConfig['nom']); ?>"> </a> </div> <div class="header-nav" style="width: auto;"> <form method="post" class="form-inline signup-form mobile_login"> <div class="form-input-group" style="width:268px;display: inline-block;border:none;margin-right: 7px;"> <i class="fa fa-user"></i> <input type="text" placeholder="Pseudonyme <?php echo htmlspecialchars($dConfig['nom']); ?>" name="username" style="border-radius: 3px;" required> </div> <div class="form-input-group" style="width:274px;display: inline-block;border:none;"> <i class="fa fa-lock"></i> <input type="password" placeholder="Mot de passe" name="password" style="border-radius: 3px;" required autofocus> </div> <button type="submit" name="connexion" class="btn-fill sign-up-btn" style="width: 150px;margin-left: 10px;padding: 17px 0;">Connexion</button> </form> </div> <div class="navicon"> <a class="nav-toggle" href="#connexion"> <span></span> </a> </div> </div> </header> </section> <div class="container"> <div class="row"> <div class="col-md-5"> <div class="hero-content text-left"> <h1 style="text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.55);">Là où l'aventure commence par un rêve</h1> <p class="intro" style="text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.55);">Entre dans un hôtel où tout est gratuit, fais-toi plein d'amis et deviens célèbre!</p><img src="https://hsource.fr/font/habbo_new/TheoCMS.gif"> </img> <a href="#inscription" id="ordi_message" class="btn btn-fill btn-large btn-margin-right" style="background: #4CAF50;border: none;box-shadow: 0 3px 0 1px rgba(0,0,0,.3);border-radius: 3px;padding: 24px 30px;font-size: 15px;margin-top: -19px;">Créer un compte gratuitement</a> <a href="#inscription" id="mobile_message" class="btn btn-fill btn-large btn-margin-right" style="background: #4CAF50;border: none;box-shadow: 0 3px 0 1px rgba(0,0,0,.3);border-radius: 3px;padding: 24px 30px;font-size: 15px;margin-top: -19px;">Créer un compte</a> <a href="#connexion" id="mobile_message" class="btn btn-fill btn-large btn-margin-right" style="background: #C62828;border: none;box-shadow: 0 3px 0 1px rgba(0,0,0,.3);border-radius: 3px;padding: 24px 30px;font-size: 15px;margin-top: -19px;">Se connecter</a> </div> </div> <div class="col-md-5"> <div class="jeu_hotel"></div> </div> </div> </div> </section> <section class="intro section-padding" style="padding: 31px 0;background: #6F00FF;"> <div class="container" style="padding-top: 23px;"> <div class="row"> <div class="col-md-4 intro-feature"> <div class="intro-icon" style="background: url(<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/appartement_text.png) center center no-repeat #31708f;width: 61px;height: 61px;border: 2px solid #2c6480;"></div> <div class="intro-content"> <font color="#000000"> <h5>Se faire des amis</h5> <p>Un des plus grands monde virtuel où se retrouvent les <?php echo htmlspecialchars($dConfig['nom']); ?>'s pour discuter, jouer, créer des apparts, des groupes et plein d'autres choses!</p> </div></font> </div> <div class="col-md-4 intro-feature"> <div class="intro-icon" style="background: url(<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/siege_text.png) center center no-repeat #31708f;width: 61px;height: 61px;border: 2px solid #2c6480;"></div> <div class="intro-content"> <font color="#000000"><h5>Jouer gratuitement</h5> <p>Un jeu gratuit en ligne dans le quel tu peux explorer un vaste monde de salles, quêtes, discuter et gagner des prix, sans jamais avoir à payer!</p> </div></font> </div> <div class="col-md-4 intro-feature"> <div class="intro-icon" style="background: url(<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/constru_text.png) center center no-repeat #31708f;width: 61px;height: 61px;border: 2px solid #2c6480;"></div> <div class="intro-content last"> <font color="#000000"><h5>La sécurité, notre priorité</h5> <p>Notre site est surveillé tous les jours par des modérateurs professionnels, et il y aura toujours quelqu'un pour t'aider si tu as besoin d'aide.</p></font> </div> </div> </div> </div> </section> <div class="login_connexion"> <section class="sign-up section-padding text-center" id="connexion" style="background: url(<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/bg_big_edited.png) #e9ebee;border-bottom: 1px solid rgba(0, 0, 0, 0.2);"> <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3"> <div class="feature-list" style="background: rgb(27, 76, 101);padding-top: 15px;padding-bottom: 35px;border-radius: 4px;padding-right: 10px;border: 2px solid #00C4C4;"> <h3 style="text-align: left;margin-left: auto;margin-right: auto;width: 80%;text-transform: uppercase;letter-spacing: 3px;margin-bottom: 7px;color: white;">Connexion à <?php echo htmlspecialchars($dConfig['nom']); ?>.</h3> <p style="text-align: left;margin-left: auto;margin-right: auto;width: 80%;padding-bottom:7px;color: #003131;border-bottom: 1px solid #28617d;"><font color="#00FAFA">Entre ci-dessous tes informations <?php echo htmlspecialchars($dConfig['nom']); ?> pour te connecter.</font></p> <form method="post" class="signup-form"> <div class="form-input-group"> <i class="fa fa-user"></i> <input type="text" name="username" placeholder="Pseudonyme <?php echo htmlspecialchars($dConfig['nom']); ?>" required> </div> <div class="form-input-group"> <i class="fa fa-lock"></i> <input type="password" name="password" placeholder="Mot de passe" required> </div> <button type="submit" name="connexion" class="btn-fill sign-up-btn">Connexion</button> </form> </div> </div> </div> </div> </section> </div> <section class="sign-up section-padding features-extra section-padding text-center" id="inscription" style="padding: 136px 0 41px;background: url(<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/1482101596-3089.png) #275b75;"> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="feature-list" style="background: rgb(27, 76, 101);padding-top: 15px;padding-bottom: 35px;border-radius: 4px;padding-right: 10px;border: 2px solid #00C4C4;"> <h3 style="text-align: left;margin-left: auto;margin-right: auto;width: 80%;text-transform: uppercase;letter-spacing: 3px;margin-bottom: 7px;color: white;">Rejoins-nous!</h3> <p style="text-align: left;margin-left: auto;margin-right: auto;width: 80%;padding-bottom:7px;color: #003131;border-bottom: 1px solid #28617d;"> <font color="#00FAFA"> C'est gratuit (et ça le restera toujours)</p> </font> <form class="signup-form" method="post"> <p style="text-align: left;margin-left: 48px;font-size: 14px;color: #e0e0e0;padding-bottom: 0;max-width: 80%;margin: 0 auto 2px;">Ton pseudo peut contenir des lettres en majuscule et minuscule, des chiffres seulement</p> <div class="form-input-group"> <i class="fa fa-user"></i> <input type="text" name="bean_name" placeholder="Entre un pseudonyme" minlength="3" maxlength="20" required> </div> <p style="text-align: left;margin-left: 48px;font-size: 14px;color: #e0e0e0;padding-bottom: 0;max-width: 80%;margin: 0 auto 2px;">Ton adresse email te sera utile pour changer ton mot de passe</p> <div class="form-input-group"> <i class="fa fa-envelope"></i> <input type="email" name="bean_email" placeholder="Entre une adresse e-mail" minlength="3" required> </div> <p style="text-align: left;margin-left: 48px;font-size: 14px;color: #e0e0e0;padding-bottom: 0;max-width: 80%;margin: 0 auto 2px;">Ton mot de passe doit contenir au moins 6 caractères</p> <div class="form-input-group"> <i class="fa fa-lock"></i> <input type="password" name="bean_password" placeholder="Entre un mot de passe" minlength="6" required> </div> <p style="text-align: left;margin-left: 48px;font-size: 14px;color: #e0e0e0;padding-bottom: 0;max-width: 80%;margin: 0 auto 2px;">Répète ton mot de passe</p> <div class="form-input-group"> <i class="fa fa-lock"></i> <input type="password" name="bean_repassword" placeholder="Répète le mot de passe" minlength="6" required> </div> <div class="form-input-group" style="border:none;margin: 0 auto 0px;height: 32px;"> <p style="line-height: 21px;text-align: left;font-size: 14px;color: #e0e0e0;padding-bottom: 0;">En t'inscrivant, tu acceptes nos <a href="<?php echo htmlspecialchars($dConfig['lien']); ?>file:///C:/Users/USER/Desktop/Condition.html target="_blank" style="color: #60caff;text-decoration:underline;">Condition d'utilisation </a>.</p> </div> <button type="submit" name="inscription" class="btn-fill sign-up-btn" style="background-color:#4CAF50;border: solid 2px #4CAF50;box-shadow: 0 2px 2px 1px rgba(0,0,0,.3);padding: 21px 0;">Finaliser l'inscription gratuitement</button> </form> </div> </div> </div> </div> <div class="inscription-wrap wp3" style="background: url(<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/1482101612-6602.png) no-repeat 36px center;top: 147px;"></div> </section> <footer> <div class="container"> <div class="row"> <div class="col-md-7"> <div class="footer-links"> <ul class="footer-group"> <li> <a href="mailto:[email protected]">Aide - Contact</a> </li> <li> <a href="<?php echo htmlspecialchars($dConfig['lien']); ?>/papers/termsAndConditions" target="_blank">Conditions d'utilisation</a> </li> <li> <a href="<?php echo htmlspecialchars($dConfig['lien']); ?>/papers/privacy" target="_blank" title="Charte de protection des données personnelles">Charte de protection des... </a> </li> <li> <a href="http://lightpics.net" title="Hebergeur d'images" target="_blank">LightPics</a> </li> </ul> <p>&copy; 2017 <a href="#top"><?php echo htmlspecialchars($dConfig['nom']); ?> est un projet indépendant, à but non lucratif.</a><br> Nous ne sommes pas approuvés, affiliés, ou offerts par Sulake Corporation Oy.</p> </div> </div> <div class="social-share"> <p>Retrouve nous sur tes réseaux sociaux favoris</p> <a href="<?php echo htmlspecialchars($dConfig['twitter']); ?>" target="_blank" class="twitter-share"> <i class="fa fa-twitter"></i> </a> <a href="<?php echo htmlspecialchars($dConfig['facebook']); ?>" target="_blank" class="facebook-share"> <i class="fa fa-facebook"></i> </a> </div> </div> </div> </footer> <script type="text/javascript"> $('#ordi_message').click(function() { setTimeout(function(){ $('#inscriptionpseudo').focus(); },1300); }); </script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/retina.js/2.1.0/retina.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/js/scripts.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.5.0/jquery.flexslider.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/classie/1.0.1/classie.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/3.1.1/jquery.waypoints.min.js"></script> </body> </html>
×
×
  • Créer...