Le thème par défaut est disponible en temps que thème sombre (Dark).

NOTE: Ce thème est une version BETA, des modifications seront apportées au fil du temps.

Aller au contenu

Cloudfordream

Rechercher dans la communauté

Affichage des résultats pour les étiquettes 'html'.



Plus d’options de recherche

  • Rechercher par étiquettes

    Saisir les étiquettes en les séparant par une virgule.
  • Rechercher par auteur

Type du contenu


Forums

  • Habbo-Dev
    • Annonces du Forum
    • Présentations
    • Suggestions
  • Forums Généraux
    • Discussion générale
    • Vos rétros
    • Vos projets
    • Team Building
    • Vente de rétro
  • Zone-Premium
    • Discussion générale
    • Concours Premium
    • Graphisme & Design
    • Jeux vidéo
  • Ressources Habbo
    • Tutoriels
    • CMS & TEMPLATES
    • SWFS
    • Émulateurs
    • Autres ressources
  • Divers Habbo
    • Repacks
    • Backgrounds & images
    • Vos créations
    • Logiciels
    • Aides et support
  • Développement
    • Discussions - Développement
    • Html
    • Php
    • Css
    • Autres
    • Services
  • Graphisme
    • Discussion
    • Tutoriels
    • Services
  • Tribunal
    • Explication entre membres
    • Demandes traitées
  • Template - Cms de Génération Développement
  • Information de Génération Développement
  • Demande de Aide de Génération Développement
  • Script Habbo & Hors Habbo de Génération Développement
  • Cours de Développement de Génération Développement
  • Graphisme & Graphiste de Génération Développement
  • Sujets de Les beaugoss !
  • Sujets de Les beaugoss !
  • Mobis (officiels) de Habbo R63a Revival
  • Mobis (customisés) de Habbo R63a Revival
  • CMS de Habbo R63a Revival
  • Émulateurs de Habbo R63a Revival
  • Tutoriels de Habbo R63a Revival
  • Support de Habbo R63a Revival
  • Autres ressources de Habbo R63a Revival
  • Développement de Habbo R63a Revival
  • Sujets de La famille Habbo-Dev
  • LES CUSTOMISATEURS CERTIFIES. de Customisateur Art
  • VOS MOBIS de Customisateur Art
  • VOS BACKGROUNDS de Customisateur Art
  • AIDE & TUTO de Customisateur Art
  • Images de Customisateur Art
  • DISCUSSION GÉNÉRAL de Habbo-Your
  • TEMPLATE CMS & PAGE de Habbo-Your
  • Les règles de Habbo-Your
  • Les concours de Habbo-Your
  • Les aventures de Kameo de Les aventures de Kameo
  • Les aventures de Kameo de Les aventures de Kameo
  • Musique de Force & Honneur
  • Information supplémentaires de Boîte à idées
  • Boîte à idées public de Boîte à idées
  • Nouvelle fonctionnalités ! de KurtClub
  • Sujets de AliveSharesProject
  • Sujets de L'ancien temps ! Habbo & les rétros
  • Développement & Aide de Développement & Autre Habbo
  • Discussion Général de Développement & Autre Habbo
  • TEMPLATE & CMS de Développement & Autre Habbo
  • Vos Créations de Développement & Autre Habbo
  • Language HTML CSS PHP MYSQL JAVASCRIPT JQUERY de Développement & Autre Habbo
  • Emulateur de Développement & Autre Habbo
  • Sujets de TeamDev
  • Sujets de Les Développeurs HTML/CSS
  • Sujets de Les Développeurs HTML/CSS
  • Ajouter des catégories de Créer Un Retro Habbo Sans Hamachi !
  • Ajouter des catégories de Développement de Rétro
  • Discussions de Entraide Habbo-Dev
  • Aides de Entraide Habbo-Dev
  • Ajouter des catégories de EpicWorld - Communauté Française !
  • Questions de Les anciens des rétros
  • Forum de Les anciens des rétros
  • Sujets de Les Architecte et Graphiste
  • Sujets de SkyCompagny
  • Sujets de Créateurs de sites fans
  • Sujets de Génération PHP/SQL
  • Sujets de Génération PHP/SQL
  • Aides de Learn the Development
  • PHP de Learn the Development
  • HTML / CSS de Learn the Development
  • JavaScript de Learn the Development
  • Java (SE / EE / ME) de Learn the Development
  • C / C# / C++ de Learn the Development
  • Sujets de Graphisme & Développement
  • Sujets de Habbo-Dev Community
  • Forum principal de HabboHTML5
  • Suggestions de HabboHTML5
  • Sujets de Créateur de rétro
  • Sujets de Les Actifs

Blogs

Il n’y a aucun résultat à afficher.

Il n’y a aucun résultat à afficher.


Rechercher les résultats dans…

Rechercher les résultats qui contiennent…


Date de création

  • Début

    Fin


Dernière mise à jour

  • Début

    Fin


Filtrer par nombre de…

Inscription

  • Début

    Fin


Groupe


Localisé:


Interêts


Phrase perso


Je suis


Facebook


Twitter


Instagram


Snapchat


Skype


Youtube


Discord


Site web

25 résultats trouvés

  1. Xen0s

     html Aide html

    Bonjour a vous la communauté j'ai un petit probleme je n'arrive pas à mettre le background de la page à la bonne taille pour tous le monde voici le code est un Screen : le code : div { background-color: #cc0000; height: 100px; width: 100px; } Merci d’avance pour vos réponce
  2. Bonjour, Voici un Login Form Habbo's style en html/css fait par mes soins. 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) -user.png- -bg.GIF- LIEN DE TEST : ICI Cordialement, Emilio.
  3. Hey la communauté ! Apprendre le code c'est pas forcément très simple, surtout si pour vous l'anglais est un boulet.... Pourquoi ne pas faire un pluggin JavaScript pour mettre fin à ce problème ? C'est ce que je vous ai concocté aujourd'hui ! Non seulement, le pluggin que vous allez découvrir vous aidera pour le développement si vous avez du mal Mais en plus, il va vous apprendre le code ! Développeurs expérimentés, ce pluggin n'est pas pratique pour vous : Certains termes comme <li> sont allongés en <element> pour faciliter l'apprentissage, De plus ceci risque de fortement vous ralentir. 1. Installation : Pour une fois je ne vais pas finir par la partie "installation" car il est bien plus pratique d'expérimenter tout en apprenant et en suivant le tutoriel qui va suivre : Voici le fichier JS : fh_ubrain.js Si vous téléchargez le fichier, des informations supplémentaires y sont joins Contenu de fh_ubrain.js Bon... alors jusqu'à maintenant, vous avez le fichier JS, mais vous ne savez pas encore ou écrire le code en Français et comment ça fonctionne OK, c'est pas un jeu d'enfant de l'installer, je vous l'accorde aussi, mais une fois que c'est installé tout est simple, disons que c'est le moment plus plus difficile ! 1.1 Relier le fichier JavaScript au fichier HTML Bon, rien de bien technique, vous devez insérer ce code dans le header de votre page Header ??! Kesako <script src="fh_ubrain.js"></script> Rien de miraculeux, vous demandez simplement à la page de charger le code JS Pour l'instant vous êtes toujours bloqué, l'étape suivante est un peu plus technique, Une fois l'étape suivante passée, vous pourrez enfin passer à la pratique 1.2 Demander au fichier JS d'exécuter le code FH Avant que je vous perde, je vous explique, le code FH c'est simplement le code que je vais vous apprendre par la suite qui est le HTML Français En sachant que vous ne pouvez toujours pas écrire de code FH, nous devons premièrement demander au fichier FH d'interpréter le code et de le traduire (bien qu’inexistant) Vous allez devoir modifier le body de votre page comme ceci : <body onload="html('a')"> Ouais c'est pas ouf comme nom de fonction et comme paramètre mais j'avais pas trop d'idées Pour ceux qui ne savent pas ce qu'est un body, entrez simplement la balise du dessus après le header et puis refermez là. Votre fichier html devrait ressembler à ceci : <header> <script src="fh_ubrain.js"></script> </header> <body onload="html('a')"> </body> Pour l'instant, votre page HTML va chercher le code FH à traduire et exécuter. Vous savez donc sur quoi portera la prochaine section : 1.3 Entrer et écrire le code FH On arrive enfin à la partie la plus importante, vous allez découvrir ou écrire ce fameux code ! Bon c'est pas si compliqué que ça, pour cela vous allez utiliser une balise qui n'existe pas en "vrai HTML" C'est la balise FH Bon celle-ci, que vous soyez développeur ou non, vous ne la connaissez pas, c'est pour cela que je vais vous apprendre à l'utiliser Avant toute chose, vous devez placer cette fameuse balise, pour cela, c'est plutôt simple, Vous devez placer le code qui va suivre entre les deux balises body : <hf id="a" code="oui"></hf> Pour faire plus simple, votre code devrait ressembler à ceci : <header> <script src="fh_ubrain.js"></script> </header> <body onload="html('a')"> <hf id="a" code="oui"></hf> </body> Pour l'instant il ne se passe toujours rien et c'est normal, Sachez juste que vous avez fait le plus dur, le reste ne sera que de la pratique ! 2. Apprendre à coder en FH Le FH est quand bien même très différent du HTML Bon, il y a une partie qui fonctionne sur CSS, mais c'est du gros n'importe quoi et vous allez bâcler votre code plus qu'autre chose si vous tentez de l'utiliser Bon si vous voulez continuer de jouer les intrépide à la dévastation de l'ordre dans votre code, vous pouvez retrouver cette section en 2.3 Utiliser les attributs CSS 2.1 Apprendre à écrire votre première balise Pour votre première balise, l'on ne va pas s’embêter, faisons juste un titre Pour cela, vous allez avoir besoin d'entrer d'entrer le code suivant dans la balise <hf> <titre>Grand titre</titre> Le résultat sera le suivant : Ce n'était pas très compliqué ? 2.2 Liste des possibilités de balises HF 1. Textes 2. Centrer les éléments 3. Faire des listes désordonnées 4. Saut de ligne 5. Gras / Italique / Barré 4. Titre de la page (<title>) 5. Boutons 6. Tableau 2.3 Utiliser les attributs CSS ces balises ne sont pas encore au point (pour ne pas dire du tout) et ne sont pas pratiques, pour cela, je vous recommande d'utiliser les balises et attributs CSS à l'état brut Cette fonctionnalité arrivera en version 1.1 ! (Pour ceux qui fouillent un peu dans le fichier JS, ces balises existent déjà, mais c'est du grand n'importe quoi) 3. Résultat traduit du HF Pour ceux qui veulent traduire une balise depuis le HF vers le HTML, c'est plutôt simple J'ai créer une balise <hf> qui permet de voir le contenu entier du texte HF en HTML, Pour ceci c'est simple, vous devez entrer (en dehors de la balise <hf>) cette balise HF <hf id="traduit" code="oui"></hf> Et voici un textearea qui contient votre code traduit, utile non ? Si vous changez l'attribut code en autre chose que "oui", le textarea disparaîtra, ce qui est utile si vous souhaitez ne pas le retaper si vous l'enlevez. 4. Insérer du HTML dans le HF Comme le HF n'est pas complet du tout, vous pouvez évidemment ajouter de véritables balises HTML au milieu des balises HF Il n'y a pas de syntaxes spéciales à adopter, vous devez juste écrire la balise sans modifications dans la balise <hf> Voici un exemple avec une image : <header> <script src="fh_ubrain.js"></script> </header> <body onload="html('a')"> <hf id="a" code="oui"> <titre>Ma page</titre> <titre2>Voici une image :</titre2> <!-- Insertion de la balise <img> --> <img src="image_lapin.png"> <italique>Image de mon lapin</italique> </hf> </body> Votre image s'affichera sans aucun problème ! 5. Problèmes et erreurs Si vous rencontrez un problème ou une erreur non-prévue, merci de me contacter en MP ou par Discord : UBrainDev#3166 Si la page vous affiche ceci (par exemple) Au lieu de vous afficher le HTML, c'est que le JavaScript ne s'est pas exécuté : Vérifiez que les liens soient valides et assurez-vous de ne pas avoir modifié le fichier JS, ne pas avoir fait d'erreur d'utilisation, vérifier que les ID compatissent (de base A) et que JavaScript est activé dans votre navigateur 6. Version 1.1 et BETA Cette version est une BETA, elle n'est pas du tout complète et très peu stable. La version 1.1 sortira "un jour" (moi et les dates......) Elle comprendra : - Les attributs CSS - Nouvelles balises - Amélioration de la stabilité Et pas mal de blabla Enjoy ! Si le pluggin vous plait, n'hésitez pas à mettre un +1, On se retrouve bientôt pour un nouveau pluggin (ou une mise à jour) ! Cordialement, UBrain,
  4. Bonsoir, bon dans mon temps perdu du weekend j'essai de m'améliorer à développer pour bientôt m'attaquer au PHP autre que includes et les variables ! Bon, ne dominant pas le CSS du bout des doigts, je vous montre une maintenance que j'ai fais vite fait un soir, merci de vos avis et des bonnes critiques ! Démo : http://goodtroc.ml/yazoxmaintenance/ (pour voir le code, les hovers, musique etc...) Screenshots : Bonne soirée & merci d'avance pour vos commentaires !
  5. HabboTML, avancer pour créer l’avenir. HabboTML est un projet à but non lucratif qui a pour but de se rapprocher au maximum de la version actuelle de Habbo Hôtel en utilisant principalement du HTML et du CSS. Les codes fondamentaux de l’hôtel (Javascript notamment) sont basés sur ceux d’AchilleCMS. Remis à neuf, le code nous a servi à démarrer le projet et à ensuite s’en éloigner afin de créer nos propres codes et rendre l’interface (“UI”) impeccable. Après l’annonce d’Adobe de l’arrêt total du développement de son outil Flash Player d’ici 2020, nous tentons de préparer l’avenir, en dupliquant parfaitement l’hôtel (UI + fonctionnalités) de Habbo Hôtel en utilisant les langages qu'aujourd'hui composent tous les sites webs : le HTML5, le CSS3 et le Javascript. Nous sommes actuellement 4 à travailler bénévolement sur le projet, @Robinvtnn (Robin), @Pitt (Pierre), @Hudson Hornet (Théo) et @Magghar (Thomas). Pour le moment nous ne cherchons pas forcément à agrandir notre équipe, mais nous restons ouverts à toutes propositions. Pour finir, nous vous informons que la version de démo (“Version D”) est pour le moment inaccessible. Notez tout de même que des captures d’écrans seront quotidiennement publiées sur ce même sujet. Nous vous invitons également à rejoindre notre serveur discord en cliquant ici ! Vous pouvez ci-dessous proposer vos idées pour l’ajout de nouveaux éléments pour notre projet dans les commentaires de cette publication, ou nous faire part de votre avis personnel sur le projet. Nous dresserons prochainement une liste regroupant les fonctionnalités disponibles, celles en cours d’ajout et celles qui seront ajoutées. Merci de votre lecture, l’équipe d’HabboTML !
  6. Salut à tous ! Il y a quelques mois je vous ai présenté une maintenance de débutant que j'avais faite lors de mes débuts en html et css. Et après celle-ci j'ai fais une pause et la je viens de rependre il y a deux jours. En ces deux jours j'ai fais deux pages (premierepage pour site) Et j'aimerai avoir vos avis et des conseils pour améliorer celles-ci. Des animations (hover etc...) sont présentes sur des écritures. 1er Page : 2ème page : J'aimerai aussi savoir si vous préférez la deuxième ou première page ! J'ai crée un petit sondage ! Merci d'avance à ceux qui auront réagit !
  7. Bonsoir, Comme j'ai un peu de temps à perdre j'ai décidé de me faire un petit portfolio avec le Framework CSS Bootstrap4. (J'y travaille seulement depuis le début de l'après-midi) J'aimerais connaître vos avis et vos remarques constructives. Précisions: L'affichage des expériences et des formations se font via une requête SQL (la connexion à la bdd est en PDO) La navigation et les différents liens sont tous gérés en PHP Il y a des petites animation de type :hover sur la navigation et sur les logos des réseaux sociaux Le changement de phrases est une animation jQuery avec un data-type Sans plus tarder, voici les screens: Avant qu'on me le dise, je sais que c'est "basique" mais je précise que c'est juste un début, des modifications auront lieu, voir même un tout nouveau thème. Bonne soirée !
  8. Salut communauté de Habbo-dev je vous donne mon avancement en html / css voici un screen est le code : C'est presque rien mais comparer à la dernière fois c'est mieu voici le code : Html : Css : Aider moi à Améliorer ce debut de page de maintenance !
  9. Bonjour, je suis en train de monter mon projet de rétro habbo, nommé RIBBO. J'ai actuellement à mes côté un gérant et un animateur. Pour l'ouverture du rétro, je ne veux pas 20 staffs à mes côté se serais trop inutile. Je suis donc à la recherche d'un développeur web pour nous concevoir un CMS unique ! Le développeur sera rémunérer en fonction du temps passer sur le projet et la qualité du cms. Entre autre plus il passera de temps sur le développement du cms, moins ils sera payé. Au niveau du design du CMS j'en parlerais directement avec le développeur - Via mon facebook --> https://www.facebook.com/kasutage.dev - Via mon discord --> Kasutage#7353 Cordialement, Kasutage et toutes l'équipe de Ribbo Hôtel ! Si vous souhaitez d'avantages d'informations n'hésitez pas à me demander en commentaires sous ce topic ou directement sur mes réseaux qui vous sont donnés plus haut . Merci àÈsska (S-K)pour la présentation.
  10. Xen0s

     html [HTML]Mes début

    Bonjour / Bonsoir la communauté de Habbo-Dev Aujourd'hui je vous présente mais debut en html j'aurais besoin de conseille est d'avis Voici des screen :
  11. Salut les amis ! Je vous explique, il y a 1 mois de sa j'avais commencé le html et css ce n'étais que les débuts je découvrais à peine le <p>, on n'a tous un début, mais j'ai dû arrêter par manque de temps, comme je suis en vacance et motivé je m'y relance, j'ai recommencé hier soir, et j'en n'ai profité pour faire une petite page de maintenance (bas de gamme) avec les moyens du bord en html et css et donc je voudrais avoir vos avis pour mes débuts, si vous avez des conseils etc.. Merci ! (si des gens veulent la page pour quelconque raison dites en commentaire ou autre part je la mettrai à disposition ^^ ! (ps : j'ai encore quelques modifs à faire) Grâce aux commentaires des membres de HDEV la page est devenu comme cela :
  12. Bonjours a tous! Suite a la refonte de mon projet, je recrée aussi mon post sur le forum! Ayant mal commencer, j'ai décide de tous reprendre a zéro, pour pouvoir pensez est optimisé tous ce a quoi je n'avais pas pensez lors de ma première tentative. J'ai voulu, gardé le même design tous en améliorant le code, qu'il soit "front-end" ou "back-end" pour qu'il soit le plus compréhensible par tous le monde et le plus simple, tous en gardant les même fonctionnalités. Pour la création du client, j'utilise jQuery et jQueryUI, pour la partie serveur, j'utilise une console NodeJS avec le "plugin" socket.io, aussi incorporé dans le client. J'ai crée un Discord, pour pouvoir êtres plus proches des personnes qui veulent me suivre dans mon aventure. Le voici: Discord Je fais se projet par passion pour le dev. mais aussi pour Habbo, qui est le jeux de mon enfance, je prend donc mon temps pour faire un projet qui soit le plus propre possible. C'est pour cela que au niveau des recrutements/partenariat, je verrais sa plus tard, mais n'hesite pas a m'en parler sur Discord, mon nom d’utilisateur: BlueTropical#1345 On va peut êtres passé au screenshot ? Chargement du client: Début du design: Pour se qui préfère les lignes de code, j'ai aussi quelque screen pour vous Console NodeJS: Récupération des informations du joueur sur le client, envoyé depuis la console: Voila voila Des avis? Des proposition ? Je prend tous !
  13. Bonsoir, je vais vous montrez mon début de site en HTML et CSS Je précise que je suis un débutant dans le html et CSS j'accepte toute critique, merci. Ce début de CMS à etait codé par moi et mon pote qui va m'aider part la suite je vous laisse le code HTML ci-dessous avec un petit screen Fade, Apprenti développeur. Header Footer Code html : <!DOCTYPE html> <html lang="fr-FR"> <head> <title>Nolex - Accueil</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="assets/css/style.css"> </head> <body> <header> <h1>Nolex</h1> </header> <nav> <div class="table"> <ul> <li class="menu-ind"> <a href="#"><b>Accueil</b></a> </li> <li class="menu-exp"> <a href="#"><b>Nouveauté</b></a> </li> <li class="menu-hob"> <a href="#"><b>Equipe</b></a> </li> <li class="menu-con"> <a href="#"><b>Support</b></a> </li> </ul> </div> </nav> <div class="titre"> <p><img src="./assets/img/info.png">Le site est actuellement en cours de développement, si vous voyez des bugs ou des pages non faites c'est normal.</p> </div> <footer> <p> © Nolex, 2018 - 2019 NolexCMS Développé par<b class="no"> No'</b> </p> </footer> </body> </html>
  14. Bonjour à tous ! Partant d'un constat qui était celui du manque de script ou cms fonctionnel permettant l'envoie & l’administration de dédicace étant à la fois sécurisé et complet sur le web. Je me suis donc décider à en faire un. Après plusieurs jours de travaille , j'ai le plaisir de vous présenter : Dedi 6 (Du doux jeux de mot Système de dédicace) est un CMS plug and play : Juste à configurer l'installation à la DB & il s'occupe du reste , création de la DB (Table , colonnes (Afin de voir comment il fonctionne)). Totalement codé en Html/Css/Php , j'ai utilisé BootStrap , fontawesome , jquery pour certaines animation. L'interface client est à 100% responsive , je suis actuellement entrain de travailler sur une version iframe afin d'intégrer le formulaire dans n'importe quel site de n'importe quelle taille. L'interface admin est à 90% responsive (J'y travaille) Fonctionnalités : Ban IP. Deban IP. Affichage des IP. Captcha (+ système de Honeypot pour être sûr de limiter au maximum les bots). Suppression des messages. Connexion. Vérification constante des champs & des sessions. Avantages : Faille XSS. Faille Include. Injection SQL. ip proxy by-pass. Screen : Conclusion : Si vous avez des idées , suggestions ou quoi que ce soit vis à vis du scripts , n'hésitez pas à me contacter ! Aucun lien de téléchargement pour l'instant , j'attend des retours pour le mettre en open source (Mais ça ne serait tarder). Si vous êtes intéressez par celui-ci pour votre radio , serveur , etc.. contacter moi on peux on discuter en MP. Merci à tous.
  15. Hey la communauté Habbo-Dev ! Je reviens car je recherche un développeur WEB (vu que je suis pas fort en web) pour pouvoir modifiée l'apparence esthétique du CMS (qui sera proposé en privé). Le CMS est codé pratiquement comme les CMS français. La personne s'il le souhaite, pourra faire partie de mon équipe. Pour diverses questions, me contacter en privé Cordialement, Runyard
  16. Bonjour à tous, j'ai souvent remarquer que certaine personne utilisaient bloc-note en éditeur sachant que celui-ci n'est pas un éditeur de code, celui-ci applique des espaces à votre code (html) J'ai en ma disposition un fichier qui permet d'y remédier tout d'abord créez un fichier dans la racine de votre ftp (bom.php) et ajoutez ceci <?php // Tell me the root folder path. // You can also try this one // $HOME = $_SERVER["DOCUMENT_ROOT"]; // Or this // dirname(__FILE__) $HOME = dirname(__FILE__); // Is this a Windows host ? If it is, change this line to $WIN = 1; $WIN = 0; // That's all I need ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>UTF8 BOM (cherche et supprime)</title> <style> body { font-size: 10px; font-family: Arial, Helvetica, sans-serif; background: #FFF; color: #000; } .FOUND { color: #F30; font-size: 14px; font-weight: bold; } </style> </head> <body> <?php $BOMBED = array(); RecursiveFolder($HOME); echo '<h2>Les fichiers ci-dessous ont généré des espaces (UTF8 BOM), mais j\'ai réparé tout ça :):</h2><p class="FOUND">'; foreach ($BOMBED as $utf) { echo $utf ."<br />\n"; } echo '</p>'; // Recursive finder function RecursiveFolder($sHOME) { global $BOMBED, $WIN; $win32 = ($WIN == 1) ? "\\" : "/"; $folder = dir($sHOME); $foundfolders = array(); while ($file = $folder->read()) { if($file != "." and $file != "..") { if(filetype($sHOME . $win32 . $file) == "dir"){ $foundfolders[count($foundfolders)] = $sHOME . $win32 . $file; } else { $content = file_get_contents($sHOME . $win32 . $file); $BOM = SearchBOM($content); if ($BOM) { $BOMBED[count($BOMBED)] = $sHOME . $win32 . $file; // Remove first three chars from the file $content = substr($content,3); // Write to file file_put_contents($sHOME . $win32 . $file, $content); } } } } $folder->close(); if(count($foundfolders) > 0) { foreach ($foundfolders as $folder) { RecursiveFolder($folder, $win32); } } } // Searching for BOM in files function SearchBOM($string) { if(substr($string,0,3) == pack("CCC",0xef,0xbb,0xbf)) return true; return false; } ?> </body> </html> Une fois ceci fait Allez sur votre lien et tapez "http://monlien.fr/bom.php" Les espaces seront ensuite supprimé
  17. --- Présentation --- Bonsoir , Aujourd'hui je vais faire un petit tutoriel ou un chapitre sur les bases du HTML5 car je ferais surment une suite avec plusieurs chapitre, pour apprendre aux gens de crée des petites pages HTML pour leur site . Biensûr on va aussi parler de CSS pendant ces chapitres. Je vais vous apprendre les bases du HTML5 et du CSS3 . Ces chapitres seront écrits comme si vous n'aviez jamais coder quoi que ce soit. Pour commencer je vais vous expliquer c'est quoi le HTML. ( Ensuite je vais vous expliquer le CSS Mais on n-y est pas encore lol) ---- HTML C'EST QUOI ---- Alors voilà le HTML (HyperText Markup Language) est un langage de programmation conçu pour représenter les pages web. Je vais pas allez plus loin sinon on va jamais en finir si tu veux en savoir plus ta ce site https://fr.wikipedia.org/wiki/Hypertext_Markup_Language --- Prérequis pour coder --- Pour coder en HTML vous n'avez pas vraiment besoin de logiciels extraordinaire ! Non vous pouvez coder avec Bloc Note ! Oui ^^ On peut coder avec Bloc Note mais c'est déconseiller ! Je vous conseils tout comme moi de télécharger un éditeur de texte. Comme Notepad++ ou encore Sublime Text mais il y en a encore des centaines.. Personnellement j'utilises Sublime Text 3 . Je vous conseils de télécharger Sublime Text 3 . Voilà j'ai fais un peu le tour non ? Pour coder en HTML il vous faut 3 choses . 1. Un PC 2. Un editeur de texte ou un logiciel comme Bloc Note . 3. Un cerveau 4. Facultatif - Un peu de temps libre hein ? ------------------------------------------------------------------------------------------------------------- ---------------- Commençons ! ----------------------------- A coté de chaque balise ( </> ) je vais mettre une petite parenthèse avec une petite explication a quoi sert cette balise ( pour que vous comprennez rapidement ) Alors on va commencer par crée un fichier en .html . Une fois crée on va commencer par tappez <!DOCTYPE html> ( Cette balise est assez spécial car il y a un "!" après le "<" . Cette balise dit a l'ordinateur que ce fichier est en format HTML. Sous cette balise on va marquer : <html> ( Obligatoire !!! ) <head> ( Veut dire tête c'est ici ou on va mettre nos liens vers nos fichiers CSS ou on va préciser l'encondage utf-8 . Ou encore le titre (title). <meta charset="utf-8" /> ( on précise l'encodage en utf8 on en reviendra plus tard ) <title>Mon Onglet </title> ( C'est ici qu'on donne le titre du petit onglet des pages ) </head> ( On referme la balise "head" ) <body> ( Je penses que vous l'aurez compris une balise en général ( oui car il y a des exceptions ) Commence par un "<balise>" et se finit par un "</balise>" on referme avec un "/" après le premier "<". ---- ( Ne recopiez pas cette ligne ! là ! Je vais juste vous dire quelque chose avant de continuer ! la balise body signifie corp c'est a dire que c'est ici ou on va y mettre toutes nos autre balises exemple h1 ... ) <h1>Mon premier titre </h1> ( C'est un titre ) <br /> ( j'utilises ici cette balise pour sauter une ligne . ) <p>Ouaaaaaah ma première page HTML c'est cool hein ? Et bas c'est que le début plutard sa sera plein ! </p> ( Cette balise permet d'écrire des paragraphes ou n'importe quoi d'autres lol . Tant que c'est du texte . A la place d'écrire sans balise car oui on peut écrire sans balise. </body> ( On referme la balise Body , Et là vous allez me dire quoi c'est déjà finis !? Bah oui on va y allez doucement c'est déjà bien tout ce que vous avez appris aujourd'hui ! </html> Voilà normalement en résultat visuel cela va vous donner ça : Et niveau code vous aurez ça : Voilà c'était mon premier tuto ou appellez ça comme vous voulez ! Je ne sais pas si je vais en faire un deuxième ! Pour les persones qui rencontrent un problème je serais ravis de répondre a tout vos questions en MP. Ditez moi vos avis en commentaires si vous avez aimer ou pas .
  18. Salut, à vous tous ! Aujourd'hui je vais vous apprendre a utiliser bootstrap 4 J'ai vue souvent beaucoup de personne ne pas savoir réellement utiliser les fichiers de base bootstrap, j'ai surtout vus, un copiage des exemples et et ne pas avoir le réel css. Pourquoi je dit le réel css ? Car tous simplement si vous copier en code source , la page de exemple cela n'est pas bon car si le serveur bootstrap bug le css va vous faire bug. la raison est que le mapping du bootstrap n'est pas hébergé avec vos fichiers css ce qui va provoqué des bugs de css, si le serveur bootstrap bug. C'est quoi bootstrap ? Bootstrap est le framework de twitter le réseaux social 2èm plus gros après facebook. ou le 1er je ne sais plus du tout ! Grâce à leur idée de génie de faire un nouveaux style de mise en page , il on donc décidé de faire partagé cela pour les développeurs. ainsi faire en sorte que les APIS développeur de twitter sois chargé et ne pas manqué de chose ! Il est maintenant utilisé par tous les sites du mondes ! les admin template, site connus, même facebook on du bootstrap chez eux Hahaha, et il très rapide au chargement de page, avec plus de 18,000 ligne de css est encore ! Il existe aussi bien des variantes de bootstrap modifier: Todc Bootstrap (Modifier par google), Flat bootstrap, Material bootstrap, Responsive bootstrap et j'en passe !... Bootstap est un css pré fait, donc pas besoin de le faire de 0 mais il est complet , et libre de modifications et très simple pour les débutants. C'est quoi Font Awesome ? Font awesome est un service créer pour les icones SVG. Grâce a celui ci on peut maintenant ajouté des icones sur nos sites pour rendre plus sympas avec bootstrap. Pareille 100% tous le monde utilise. Il existe aussi des variantes: Material Design Icon, Responsive Designe Icon, Useicone (utilisé par bootstrap 4 ) Y'a t il du nouveaux pour vous ? Franchement, oui pas rapport a vous qui créer tous de zéro, vous aller oublier des choses. Il est compatible sur n'importe quel navigateur ! Il est auto adapté au écrans Il est rapide, simple, et rapide de modifications Aussi une modifications pour faire en sorte d'avoir un cms habbo, sans avoir l'impression que cela est du bootstrap Il comporte des functions javascript pour faire en sorte que les menus sois déroulant sur les mobiles, ou des petites fonctions sympas. Partie 1 -> Installer bootstrap ! et font awesome ? Pour installer bootstrap 4 télécharger l'archive ! je donne le dossier de ce que vous auriez besoin et déjâ mis en fichier et propre. Téléchargement: http://www.mediafire.com/file/wr3x2ghr8whsk14/assets.rar Pour installer et commencer a utiliser bootstrap, ajouter le fichier (assets) sur votre dossier racine du site, www , public_html dépend des hébergeurs. en général le www est le raccourcis de public_html. Puis une fois fait créer une page appelé (index.php) puis dans cette page ajouter ceci on commence a faire mettre en page le HTML et le chargement du css et js: <!DOCTYPE html> <html lang="en/fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="favicon.ico"> <title>Habbo Dev</title> <link href="./assets/css/bootstrap.min.css" rel="stylesheet"> <link href="./assets/css/custom.css" rel="stylesheet"> <link href="./assets/plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"> </head> <body> <div class="container"> <div class="alert alert-primary" role="alert"> <b>Installation réussi</b> Si tu arrive à voir que l'alerte et bleu c'est que tu a bien installé bootstrap et font awesome pour l'îcone ici ->. <i class="fa fa-check"></i> </div> </div> </div> <script src="./assets/js/jquery-3.2.1.slim.min.js"></script> <script>window.jQuery || document.write('<script src="./assets/js/jquery-slim.min.js"><\/script>')</script> <script src="./assets/js/popper.min.js"></script> <script src="./assets/js/bootstrap.min.js"></script> </body> </html> Puis après vous devrez avoir une jolie page de départ avec une alerte en bleu ! Pour ajouter des options aller sur le site de bootstrap (documentations CLIQUE SUR MOI) et font awesome pareille (clique ici) pour voir les icons proposé On ajoute une nav bar ? (menu de navigation) ? Pour se faire ajouter au dessus de: <div class="container"> ceci: <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="container"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample07" aria-controls="navbarsExample07" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarsExample07"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="#">Test 1</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Tes 2</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#">Test 3</a> </li> </ul> <div class="form-inline my-2 my-md-0 button-menu"> <button type="button" class="btn btn-primary"> Connexion test </button> </div> </div> </div> </nav> et encore mieux maintenant ! une bar de navigation *--* -> Pour encore plus de plaisir au yeux je vais vous apprendre à comment utiliser les icone de chez font awesome ! Allez sur les icons de font awesome , vous aller voir plusieurs icones, choisir celle que vous voulez pour savoir le nom de l'icone cela se passe comme sa: Par exemple: si on choisis l'icone handshake-o, pour l'utiliser: ne jamais oublier le fa fa-nom_icone mais avant commencer par ajouter <i class=""></i> , et dans cette class -> entre les 2 premier fa il y a un espace et suivis du fa- (tiret) et nom icone ce qui donne: <i class="fa fa-nom_icone"></i> ceci vous donne donc au final: <i class="fa fa-handshake-o"></i> et voilà je pense en rester la pour le moment Je espère que vous avez compris, je vais faire d'autre tutoriel avec bootstrap pour aller plus loin dedans Je vous souhaite une heureuse journée de codage ! Kiss
  19. #SladeW

     html Balise HTML [Partage]

    Hello tout le monde, Je me permet d'écrire ce topic car je viens de parcourir les différents topics de sous forum (html) beaucoup de questions souvent résolu sont simplement sur les balises je me suis donc permit de vous partagez les différentes balises existante en HTML. J'espère que cela pour être utile à certain. pour les personnes souhaitant apprendre le html et le css rapidement rdv sur openclassroom Amicalement, SladeW
  20. Salut la commu ! J'espère que vous allez bien Aujourd'hui, je vous partage un menu vertical en HTML/CSS que j'ai trouvé sur le web mais je l'ai remodifié un peu à mon goût. Il peut être utilisé pour vos projets etc et il est très simple à modifier Voici le code : HTML : <!DOCTYPE html> <html> <head> <meta charset="utf_8"> <title>Psyche</title> <link rel="stylesheet" href="style.css"> </head> <div class="menu-vertical"> <div class="avatar"></div> <h3> Bienvenue Psyche </h3> <div class="menu"><a href="#">Accueil</a></div> <div class="menu"><a href="#">Rétro du jour</a></div> <div class="menu"><a href="#">L'équipe</a></div> <div class="menu"><a href="#">Paramètres</a></div> <div class="menu"><a href="#">Déconnexion</a></div> </div> <body> </div> </div> </body> </html> CSS ( à glisser dans un fichier style.css dans le même dossier que l'index ) : body{ background-color: #ededed; margin:0; padding:0; font-family:sans-serif; } .menu-vertical{ background-color:#fff; width:275px; position:fixed; top:0; bottom:0; box-shadow: 2px 2px 2px silver; } .menu-vertical .avatar{ background-image: url(images/images.png); background-repeat: no-repeat ; background-position:center; width:128px; height:128px; margin:25px auto 5px auto; } .menu-vertical h3{ text-align:center; color:#444; font-size:20px; margin-bottom:18px; } .menu-vertical .menu{ background-color:#ededed; width:225px; padding:25px; margin-bottom:5px; } .menu-vertical .menu a{ color:#e74c3c; text-decoration:none; font-size:16px; } A bientôt !
  21. Bonjour j'ai remarquer qu'il y a des demande & des sujets pour savoir comment aller à la ligne et qui reste non résolue , J'ai donc décider de faire se tutoriel , Voici le code : <p>Luxury <br>Développeur Web</p> Pour ajouter des lignes en bah de 'Luxury' ou votre texte ajouter <p> ex : <p>Luxury <p>Luxury2 <br>Développeur Web</p> Voila sa donne quoi : https://gyazo.com/b468a15e0d6056d62e724b2f38de3be4 Mais un Like si Sa ta Aider
  22. Funzy

     html Les bases du HTML

    Bonjour à vous, J'ai héberger vite fait sur un FTP car je n'arrivez pas à copier/coller ici. Voici le cours : http://www.dreamcity.free-h.fr/hdev/cours/html/cours.pdf Bonne journée.
  23. Bonjour à tous et à toutes! Depuis quelques jours voir semaines, je conçois un site web je n'en dis pas plus sur le projet... En soit il avance bien, mais depuis quelques jours il est arrêté pour une "connerie" que justement je n'arrive pas à trouver donc à résoudre. Il s'agit de crée un classement. Dans une table dans ma base de donnée que j'ai une catégorie "points", et il est possible que sur le site des histoires ajoutes des points à certains sujets.. Et j'aimerai mettre en avant donc faire un classement du sujet qui à le plus de points à celui qui n'en a le moins et j'aimerai en affiché 20 aux maximums. PS: J'ai lu qu'il fallait peut-être utilisé un truc du style "DISTINCT" dans la requête PHP (Je veux faire sa en PHP et non en SQL) En espérant vous avoir bien expliquer et avoir des réponses! Bon courage à tous pour ceux qui passent des épreuves.. Cordialement, Lucas
  24. Bonjour, Aujourd'hui on se retrouve pour un tuto, ''Apprendre les bases du codage''! Commencez deja par téléchargé SublimeText2 grà¢ce a ce lien: https://sublimetext.com/2 Puis réecrivez ce que je mets sur mon codage. <!DOCTYPE html> <html lang="fr"> <head> <title>Nom de votre site</title> </head> Donc ceci est le début. A quoi sert ce j'ai mis (vous devez comprendre ce que je mets ^^). <html lang="fr"> : Sa sert a commencé le html et en mettre mêttre la langue de ton codage. <title></title> : Cela sert a mettre le nom de votre site/hébergement. Et surtout ne vous occupez pas de la definition de ''head''. Maintenant, mettre de la couleur a son texte : <!DOCTYPE html> <html lang="fr"> <head> <title>Nom de votre site</title> </head> <body> <font color="VOTRE COULEUR QUE VOUS VOULEZ A METTRE EN ANGLAIS">Tuto de Netiwal</font> A quoi sert ce que j'ai mis ? : <font color=''red''></font> : A chan gé la couleur de votre texte. Maintenant, mettre un fond a son site: <!DOCTYPE html> <html lang="fr"> <head> <title>Nom de votre site</title> </head> <body style="background-image:url(TON URL DE TON IMAGE)> A quoi sert ce que j'ai mis ? : <body style="background-image:url(TON URL DE TON IMAGE)> : Sa sert a changé le fond de votre site. Et c'est déjà la fin de ce tuto, il y en auras plein d'autre PEACE ! Cordialement, Netiwal Developpeur Pro
  25. Bonsoir je suis entrain de crée l'index de mon site et je rencontre un problème avec un button voici le code html : <center><img src="http://hsource.fr/font/habbo_groot/samuelabbo.gif" /></center> <div class="centre"> <div id="content"> <div class="col-md-8"> <button type="button" class="buttonreg" data-toggle="modal" > <h3><font color="#fffffff">REJOINS-NOUS D&Egrave;S MAINTENANT</font></h3> <center><p> C'est gratuit !</p></center> </button> </div> Voila et j'aimerais que ce button quand on clique dessus sa nous dirige a une page appelé "inscription.php" Merci d'avance =)

Bienvenue invité !

Inscrit-toi ou connecte-toi pour une navigation sans restriction.

×