Jump to content
  • Please do not post a message for the purpose of insulting, incitement to hatred, sexual remarks and any other which does not respect our terms of use !
Sign in to follow this  
YanisDEVE

TheoCMS V.3.1

Recommended Posts

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 : 

Please login or register to see this link.

. 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>

 

 

Share this post


Link to post
Share on other sites
Vétéran

Salut, ça a l'air sympas mais je sais pas si le site de test est beugé ou si c'est volontairement codé comme ça ... :) :

image.thumb.png.985aef47435c7daee0b8324fdf6d8af4.png

Share this post


Link to post
Share on other sites
il y a 1 minute, TheJill a dit :

Salut, ça a l'air sympas mais je sais pas si le site de test est beugé ou si c'est volontairement codé comme ça ... :) :

image.thumb.png.985aef47435c7daee0b8324fdf6d8af4.png

Merci, ce n'est pas le site qui beug, c'est le CMS qui est comme ça ;)

 

Share this post


Link to post
Share on other sites
Vétéran
il y a 4 minutes, YanisDEVE a dit :

Merci, ce n'est pas le site qui beug, c'est le CMS qui est comme ça ;)

 

ah d'accord, je te conseil de retravailler le placement des boutons des images etc.... mais sinon les couleurs et le thème restent sympas ;)

Share this post


Link to post
Share on other sites
Admin
Admin

Salut,

 

Le TheoCMS V3.1 a est sortie par @Cypher

 

Share this post


Link to post
Share on other sites

Salut,

 

Je trouve que c'est vide et il faudrait repositionner tes éléments car c'est un peu brouillon là.

Mais tu peux y arriver , courage 

Share this post


Link to post
Share on other sites
Premium

Yo,

Je ne comprends pas ce que tu veux faire xD

Actuellement (ta version) du CMS, c'est juste la V3 sans les dossiers CSS, je ne vois pas trop ce que tu as touché..

Please login or register to see this link.

Share this post


Link to post
Share on other sites
FireWork
Il y a 1 heure, YanisDEVE a dit :

et pro html

J'aime pas,

c'est moche et mal organisé, venant d'un PRO

Share this post


Link to post
Share on other sites
Donateur
il y a une heure, achrafmaziz a dit :

J'aime pas,

c'est moche et mal organisé, venant d'un PRO

 

Comme tu le dis venant d'un pro ? le style c'est css et il à dit débutant en php/css donc y'a aucun rapport le html et bien (c'est lui de base je suppose)

Share this post


Link to post
Share on other sites
Il y a 20 heures, Akushi a dit :

 

Comme tu le dis venant d'un pro ? le style c'est css et il à dit débutant en php/css donc y'a aucun rapport le html et bien (c'est lui de base je suppose)

Oui, mais j'ai modif du code html tès pourri@Akushi 

 

Il y a 23 heures, Cypher a dit :

Yo,

Je ne comprends pas ce que tu veux faire xD

Actuellement (ta version) du CMS, c'est juste la V3 sans les dossiers CSS, je ne vois pas trop ce que tu as touché..

Please login or register to see this link.

C'est pas la version sans css. C'est surtout le html qur j'ai touché

 

Share this post


Link to post
Share on other sites
Premium

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...