Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

Search the Community

Showing results for tags 'html'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Habbo-Dev
    • Forum Announcements
    • Habbo-Dev coffee
    • Presentations
    • Suggestions
    • Team Building
  • Premium Area
    • Subscriber's Café
    • Concours Premium
    • Computing
    • Diverses shares
    • Jeux vidéo
  • Habbo Resources
  • Divers Habbo
  • Développement
  • Graphisme
  • Génération Développement's Template - Cms
  • Génération Développement's Information
  • Génération Développement's Demande de Aide
  • Génération Développement's Script Habbo & Hors Habbo
  • Génération Développement's Cours de Développement
  • Génération Développement's Graphisme & Graphiste
  • Les beaugoss !'s Sujets
  • Les beaugoss !'s Sujets
  • Habbo R63a Revival's Mobis (officiels)
  • Habbo R63a Revival's Mobis (customisés)
  • Habbo R63a Revival's CMS
  • Habbo R63a Revival's Émulateurs
  • Habbo R63a Revival's Tutoriels
  • Habbo R63a Revival's Support
  • Habbo R63a Revival's Autres ressources
  • Habbo R63a Revival's Développement
  • La famille Habbo-Dev's Sujets
  • Customisateur Art's LES CUSTOMISATEURS CERTIFIES.
  • Customisateur Art's VOS MOBIS
  • Customisateur Art's VOS BACKGROUNDS
  • Customisateur Art's AIDE & TUTO
  • Customisateur Art's Images
  • Habbo-Your's DISCUSSION GÉNÉRAL
  • Habbo-Your's TEMPLATE CMS & PAGE
  • Habbo-Your's Les règles
  • Habbo-Your's Les concours
  • Les aventures de Kameo's Les aventures de Kameo
  • Les aventures de Kameo's Les aventures de Kameo
  • Force & Honneur's Musique
  • Boîte à idées's Information supplémentaires
  • Boîte à idées's Boîte à idées public
  • KurtClub's Nouvelle fonctionnalités !
  • AliveSharesProject's Sujets
  • L'ancien temps ! Habbo & les rétros's Sujets
  • Développement & Autre Habbo's Développement & Aide
  • Développement & Autre Habbo's Discussion Général
  • Développement & Autre Habbo's TEMPLATE & CMS
  • Développement & Autre Habbo's Vos Créations
  • Développement & Autre Habbo's Language HTML CSS PHP MYSQL JAVASCRIPT JQUERY
  • Développement & Autre Habbo's Emulateur
  • TeamDev's Sujets
  • Les Développeurs HTML/CSS's Sujets
  • Les Développeurs HTML/CSS's Sujets
  • Créer Un Retro Habbo Sans Hamachi !'s Ajouter des catégories
  • Développement de Rétro's Ajouter des catégories
  • Entraide Habbo-Dev's Discussions
  • Entraide Habbo-Dev's Aides
  • En Développement...'s Ajouter des catégories
  • Les anciens des rétros's Questions
  • Les anciens des rétros's Forum
  • Les Architecte et Graphiste's Sujets
  • SkyCompagny's Sujets
  • Créateurs de sites fans's Sujets
  • Génération PHP/SQL's Sujets
  • Génération PHP/SQL's Sujets
  • Graphisme & Développement's Sujets
  • Habbo-Dev Community's Sujets
  • HabboHTML5's Forum principal
  • HabboHTML5's Suggestions
  • Créateur de rétro's Sujets
  • Les Actifs's Sujets
  • ZUNNY FAN's Sujets
  • En Développement...'s Sujets
  • En Développement...'s Membres

Calendars

  • En Développement...'s Événements
  • En Développement...'s Événements

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Localisé:


Interêts


How did you hear about the forum?


Phrase perso


Je suis


Facebook


Twitter


Instagram


Snapchat


Skype


Youtube


Discord


Site web

Found 32 results

  1. Eh bah, il m'a fallu très peu de temps pour réécrire un sujet au sujet d'UIKit, je te laisse visualiser mon sujet en cliquant si tu ne l'as pas encore vu... Pourquoi je suis revenu aussi rapidement ? Parce que je dois t'avouer matelot qu'en relisant mon sujet, j'ai eu une envie soudaine de partager une template vendue normalement sur Themeforest au prix de 29$, et utilisant le framework UIKit, mais pour éviter que @ Thomas me tape sur les doigts, j'ai préféré respecter les règles d'HabboDev, dans le sens où chaque catégorie est rattachée à des sujets en particulier, mon sujet sur UIKit était un sujet tutoriel, celui-ci, est un sujet de partage. Bien sûr, si @ Thomas n'est pas d'accord pour le partage de sources payantes, alors, nous discuterons ensemble comme de vrais moussaillons autour d'un verre d'hydromel et à bord du CruiseSide afin de trouver les conditions adéquates et/ou nécessaires à ce partage. En tant que capitaine de bord, j'ai décidé aujourd'hui d'appliquer les couleurs primaires d'UIKit sur mes bannières, c'est une façon pour moi de les remercier pour leur travail remarquable qui nous permets à nous, développeurs de croisières de rêves flemmards, de créer des choses sortant de l'entendement. Mon instinct de capitaine me disait de copier-coller la description de cette template dans un traducteur puis de te la partager tel quel. Mais en tant que moussaillon je me dois tout de même de t'expliquer en bref à quoi peut servir cette template : Tout d'abord, elle contient vraiment tous les éléments nécessaires proposés par UIKit pour créer une administration te ressemblant. De plus, elle n'embarque aucune librairie externe contrairement à des templates lambda partagées gratuitement sur le net. Grâce à cette template, tu as d'immenses possibilités qui s'offrent à toi pour créer ce à quoi tu as toujours rêvé de créer, et en plus, c'est gratuit (sauf si @ Thomas me tape sur les doigts) ! J'espère avoir été assez vendeur, car je te rappel que je ne suis pas marchand d'hydromel mais plutôt consommateur si tu vois ce que je veux dire ! Ils sont nombreux, bien que trop nombreux, du coup, je vais essayer de pas m'attarder et de te résumer tout ça rapidement : Construite avec SCSS Système de construction GulpJS Grille Bootstrap BEM Naming Methodology Structure de projet ITCSS Responsive Retina Légère et rapide Adaptative Boards (Style Trello) Fil d'actualités (Style Twitter) Calendrier Messenger Tableau de projets Analytics Factures Profil utilisateur Inscription Connexion UI Kit Alertes Avatars Badges Breadcrumb Groupe de bouton Calendrier Sélecteur de date Sous-menu Divider Eléments de formulaire Téléchargement de fichier Sélection Multiple Carte de profil Etat de carte Tâches Offres et plus... Personnellement à ce jour je n'ai pas trouvé d'inconvénients pour ma part. La seule chose qui peut être ennuyante, c'est le fait de devoir naviguer, se renseigner et récupérer sur un nombre incalculable de pages ce dont on a besoin. Pour faire claire : Inutile de télécharger cette template si tu es un matelot flemmard ! Hmmm... Des screens ? Sincérement ? Non je ne suis pas d'accord, autant visualiser en live pour pouvoir tirer une conclusion plus appropriée à tes attentes ! Il te suffit donc de cliquer ! Avant de te jeter sur le lien de téléchargement, je t'invites à visiter la page officielle du produit et de son marketplace par défaut : C'est ici Maintenant, tu peux télécharger : [Hidden Content] Moussaillon, que les mouettes du Pacifique soient avec toi !
  2. Tutoriel [Création d'un rétro Habbo sous Linux Ubuntu/Debian] NB : Le tutoriel sera présenter sur interface graphique mais sous une interface serveur les manipulations sont sensiblement les mêmes ! NB 2 : Ce sujet n'est pas un support mais uniquement un tutoriel, si besoin de support me MP ou me contacter sur discord : "Aiden#0688" Edit si vous voulez une interface graphique : https://linuxize.com/post/how-to-install-xrdp-on-ubuntu-18-04/ ps: Les commandes se font via l'accès SSH pour putty sur celle ou j'ai marqué SUDO. Information pour l'étape 2 ! La pile lampp et un équivalent de xampp sous linux mais uniquement en ligne de commande. Elle contient un serveur apache et un serveur mariadb (ou mysql). NB : Vous aurai surement besoin de PhpMyAdmin pour gérer la DB parce que seulement en ligne de commande c'est bof. Alors on va d'abord sécurisé la DB avec un mot de passe. Donc si vous êtes toujours sur votre fenêtre de commande, faites "clear" puis entré sinon ouvrez une nouvelle invite de commande. En suite faites "mysql -u root", félicitation vous êtes connecté à votre base des données. Créons un mot de passe pour l'utilisateur "ROOT". La commande : "SET PASSWORD FOR 'root'@'localhost' = PASSWORD('TONMOTDEPASSE');" | ensuite il faut faire "FLUSH PRIVILEGES ;" Root aura besoin des droits pour fonctionner avec phpmyadmin, alors faites ceci -> "GRANT ALL PRIVILEGES ON * . * TO 'root'@'localhost' WITH GRANT OPTION;" et à nouveau "FLUSH PRIVILEGES;" Pour installer Phpmyadmin on a besoin d'ajouter son dépot : "sudo add-apt-repository ppa:phpmyadmin/ppa && update -y" puis "sudo apt-get install phpmyadmin -y" Suivez les étapes de l'installation. Normalement si vous faite http://localhost/phpmyadmin/ cela ne fonctionne pas. La solution -> "sudo ln -s /etc/phpmyadmin/apache.conf /etc/apache2/conf-available/phpmyadmin.conf" puis "a2enconf phpmyadmin.conf" puis "sudo ln -s /usr/share/phpmyadmin /var/www/html/phpmyadmin" puis "sudo service apache2 restart". Normalement phpmyadmin fonctionne enfin, vous pouvez vous connecter avec "root"@"motdepassechoisis". Merci au tutoriel de @ Eudes qui m'a beaucoup appris ainsi qu'au wiki du cms chocolatey sur github et aussi celui de cosmic ! - Aiden, fondateur et support en développement sur AddNow, rejoins nous sur notre discord !
  3. 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 :
  4. Bonjour la Communauté de HabboDev! Je vous partage ma première version de "PopUpRetro" On retrouve souvent sur Internet des Pop-Up qui vous propose de faire chez choix "inutile" à but d'attirer l'utilisateur sur son site Web, J'ai recrée le même principe avec pour thème : les retros. Cette page HTML peut être intégrée à des publicités sur le Web.PopUpRetro a ete fait par ♥ et par envie. Je la partage en "OPEN SOURCE" faites en ce que vous voulez libre à vous de la modifier comme vous le souhaitez! Je tiens à préciser que cette page à ete crée uniquement a des buts Publicitaires (même si elle est un peu mensongère) J'attends vos retours pour de prochaines améliorations (Pas tous...) http://ihabbo.free-h.fr/ SCAN : ICI TELECHARGEMENT : ICI
  5. 🌒 The Dark Mode Moussaillon, je te salue ! Aujourd'hui, nous allons parler du "Dark Mode". Je te rassure, ce n'est pas illégal, ce n'est pas quelque chose d'illicite, ni même quelque chose qui se réfère à un thème quelconque, non, c'est ce qu'on appelle "Le Mode Sombre". Avant de commencer quoi que ce soit, je souhaiterais déjà te le présenter en bref, afin que tu puisses réellement cibler l'enjeu qu'il apporte. Alors avant tout de chose, un moussaillon se doit d'avoir un téléphone, ou même un ordinateur pour pouvoir naviguer facilement et efficacement. Partons de ce principe même, tu es un moussaillon, et tu as un téléphone qui te permet notamment d'atténuer ses contrastes, ses couleurs, et ce, en fonction de la luminosité de l'endroit ou tu te trouve. Cas n°1 : Il est minuit, tu es dans ton lit en train de discuter avec ta dulcinée, le problème, c'est que tes yeux commencent à picoter, et petit à petit tu les fermes alors que ta dulcinée est en train de te raconter sa journée (ce n'est pas très pro, n'est ce pas ?). Cas n°2 : Il fait sombre, tu as décidé de regarder ta vidéo favorite (peu importe laquelle, c'est ton problème). Le souci, c'est que la vidéo te plaît énormément, et tu luttes pour tenir jusqu'au bout. Malheureusement, tes yeux l'emporteront sur toi, et cette vidéo ? Eh bien elle tournera dans le vide. À partir de ces deux cas, tu dois sans doute commencer à savoir là où je veux en venir. Effectivement, les concepteurs d'appareils électroniques ont pensé à ça. Ils en ont déduit que tout ça, c'était dû au fait que la lumière bleue émise par les dispositifs qu'ils vendaient, était nocive dans une salle très peu éclairée, et c'est pour ça qu'ils ont décidé de mettre en place le mode "sombre". Je t'épargne bien sûr la vague de buzz que ce mode à pu faire sur la toile, en voici quelques articles : [Hidden Content] Eh oui, moussaillon, tu as effectivement compris, le "Mode Sombre" est devenu (malgré lui), une nouvelle technologie "ultra révolutionnaire" selon les plus grosses marques sur le web. Effectivement, pour ceux qui connaissent le CruiseSide, vous devez savoir que nous sommes un laboratoire qui accueille des élèves allant du BAC+3 au BAC+5 pour nos cours, et effectivement, nous nous devons d'évaluer le niveau de difficulté pour chaque projet, afin de ne pas en perdre sur la route. C'est donc pour ça que sur HDev, ma politique reste la même, à partir de maintenant, pour chaque tutoriel que je mettrais en ligne, j'évaluerais les degrés de difficulté, et sur ce tutoriel, la difficulté est de Niveau 1 (Initié). Si tu ne connais pas le CruiseSide, je t'invite à consulter ce sujet (c'est très intéressant). Un bon moussaillon se doit d'embarquer dans sa chaloupe tout le matériel nécessaire à la création de sa croisière (pour éviter qu'il se perde en plein Pacifique et qu'il ne retrouve plus sa route, et donc, plus ses proches). Je te laisse donc imaginer qu'il faudra te munir de Sublime Text 3 (ou autres selon préférence), et d'initier une nouvelle page au format HTML. Voici le code qu'il faudra que tu mettes pour débuter (le skeleton de ta page) : <!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html> À partir de ce moment-là, tu vas tout d'abord commencer par intégrer les "metas" entre les balises <head></head> comme suit ; <meta name="color-scheme" content="light dark"> <meta name="supported-color-schemes" content="light dark"> //La caractéristique média prefers-color-scheme permet de détecter les préférences exprimées par l'utilisateur quant au thème à utiliser (sombre ou clair). Tu vas ensuite (toujours entre les balises <head></head>), intégrer ces lignes : <style> :root { color-scheme: light dark; supported-color-schemes: light dark; } body { bgcolor: #eee; color: #111; } @media (prefers-color-scheme: dark) { body { bgcolor: #111; color: #eee; } } </style> //La pseudo-classe :root permet de cibler la racine de l'arbre représentant le document. Pour un document HTML, :root ciblera donc l'élément <html> et aura le même comportement que le sélecteur html mais sa spécificité sera plus forte. //La règle @media permet d'associer un ensemble d'instructions imbriquées (délimité par des accolades) avec une condition définie par une requête média. La règle @media peut être utilisé au niveau le plus haut de la feuille de style et également à l'intérieur d'un groupe de règles conditionnel. Ce que je t'invite à faire maintenant, pour tester, c'est de mettre un texte en dure entre les balises <body></body> comme suit : <body> 🖖 La mer te salue, moussaillon Dark Mode ! </body> Et tu peux maintenant apprécier le résultat (Mode Sombre/Nuit activé) : Et tu peux maintenant apprécier le résultat (Mode Clair/Jour activé) : La fameuse catégorie (la préféré des développeurs avisés). Effectivement, si tu t'es rendu compte qu'il manquait certaines choses sur le css, c'est que tu a l'oeil moussaillon ! Concrètement, le modèle que je vous expose ici, est le modèle classique, sans ajout de custom, mais lorsque l'on souhaite que son site web et/ou sa template soit compatible avec le Dark Mode, il faut que la création et ses différents modules puissent être affectés, et ça, ce n'est pas automatique effectivement ! (Niveau 2) Prenons maintenant l'exemple d'une page contenant une image, si vous souhaitez que l'image puisse s'adapter au mode sombre, il faudra définir en override la propriété img dans le media comme suit : <style> :root { color-scheme: light dark; supported-color-schemes: light dark; } body { bgcolor: #eee; color: #111; } @media (prefers-color-scheme: dark) { body { bgcolor: #111; color: #eee; } img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } } </style> Tu peux aussi appliquer un override sur toutes les balises que tu veux, exemple cette fois-ci avec la variable p (paragraphe) : <style> :root { color-scheme: light dark; supported-color-schemes: light dark; } body { bgcolor: #eee; color: #111; } @media (prefers-color-scheme: dark) { body { bgcolor: #111; color: #eee; } p { color:#ff0000 !important } } </style> Tu peux bien sûr mettre autant d'override sur le nombre de variables que tu utilises sur ton site et/ou template. Il te suffit tout simplement d'un peu de jugeote et tu y arrives, c'est pas magique, c'est logique ! Si tu es un moussaillon flemmard, tu peux télécharger le script de base et le tester ici : [Hidden Content] En espérant que ce petit tutoriel t'aura éclairci sur la suite de ta navigation ! Moussaillon, que les mouettes du Pacifique t'accompagnent à bon port !
  6. Eudes

     html Buttercake

    Bien le bonjour à toi moussaillon. Avec mes matelots nous avons décidé d'aborder le sujet du fameux "ButterCake" qui est un framework te permettant de créer un navire rapidement tout en respectant l'esthétique des nouvelles technologies web. J'ai eu cette petite idée en relisant le sujet que j'avais rédigé, et qui parlait du fameux "UIKit" . Bon, bien sûr, contrairement à @ Swayn, je n'ai pas pris le temps de créer un CMS entièrement avec ButterCake, mais je dois t'avouer qu'en entreprise, ce framework est un petit plus à ne pas négliger. Avant de commencer, faisons un point : Maintenant que tu connais c'est quoi un framework, nous pouvons commencer ce tutoriel ! ButterCake est un framework CSS facile à prendre en main grâce notamment au nom des classes utilisées mais, aussi les helpers (ou utility) proposés pour vous aider à mettre en place votre layout. Je veux dire par là qu’il est presque possible de mettre en place un design sans avoir à ajouter du code CSS custom. Il est vrai que cela occasionne d’avoir des balises avec beaucoup de classes attribuées, mais au moins cela permet d’harmoniser les méthodes d’intégration entre les développeurs front. De plus en procédant de cette manière, le code CSS que vous aurez à ajouter sera vraiment q’une légère refonte du thème par défaut cela vous évitera notamment les bugs d’affichage liés à la gestion du responsive par exemple. Contenu du framework : des composants : les icônes, les overlays, les badges, alertes, boutons un système de grille performant : comprenant la gestion du responsive, les articles et les sections les éléments HTML basiques : les liens hypertexte, les tableaux, les formulaires les animations css : de simples classes à ajouter à vos éléments pour les animer la navigation : barre de navigation, offcanvas, dropdown des composants javascript : accordéon, modal, slider, slideshow Hautement customisable du fait de la possibilité de combiner les modules. Permet d'ajouter des composants au CSS sans impacter le style général. Possibilité de créer des interfaces utilisateurs poussées. Framework récent, très peu de ressources et de documentations. Avant de commencer, il te faudra ton équipement matelot, sinon, tu risques de pas faire long feu face aux têtes-grises. Sublimetext 3 Une cible projet qui t'encourage à continuer Une peinte d'hydromel de café Une boussole montre précise Comment j'inclus la librairie sur une page sans forcément devoir télécharger les fichiers correspondants ? [Hidden Content] Comment je crée un accordion ? [Hidden Content] Comment je crée des chips (badges) ? [Hidden Content] Comment je crée un tableau ? [Hidden Content] Comment je peux créer ce que je veux ? En te documentant ici. Effectivement, nous pouvons dire que ButterCake peut remplacer Bootstrap avec un peu plus de possibilités, qu'en pensez-vous ? Si vous avez envie d'intégrer les fichiers de ButterCake sur votre site, sans passer par les liens directs, voici le lien de téléchargement : [Hidden Content] En espérant voir très bientôt des rétros, des templates et/ou autres avec ce framework qui te permet facilement de créer de superbes choses ! Que la mer soit avec toi, moussaillon !
  7. Est-ce que des gens savent d'après les ressources de ovb de la R63A comment se mettre le sniper et le recruter x Merci
  8. Eudes

    js Ckeditor

    Moussaillon, passes-tu un bel après-midi ? Je suis actuellement sur le Victoria, et je suis tombé par hasard sur un coffre qui pourrait t'intéresser, quelque chose de simple mais d'efficace ! Aujourd'hui, je te présente CKEditor, c'est un éditeur minimal, mais qui est de plus en plus utilisé par les forums, les sites contenant des news, et j'en passe et des plus belles ! Nos moussaillons trouvaient que l'encre noire sur nos cartes au trésor était dépassée, et qu'il fallait passer à une méthode plus jolie, et plus compréhensible lors de la création de nos cartes. En définissant la couleur par défaut de nos croix, nous avons pensé qu'il fallait une couleur plutôt claire et qui reflète de l'important, et nous avons décidé, avec cette méthode, de choisir le rouge. L'avantage avec cette méthode, c'est que les cartes se trouvant à bord du Victoria sont imagées, et colorées et c'est toujours plus attractif ! Vous savez, une carte colorée et plus détaillée permettez de trouver plus rapidement les coffres-forts de l'océan Pacifique, le but étant toujours de trouver plus vite que ces têtes-grises qui nous collent aux basques tous les jours ! Vous pouvez illustrer votre carte à votre goût, et c'est ça qui fait toute la différence ! Si votre chaloupe n'est pas assez optimisée pour ranger correctement les cartes, elle peut très vite être dépassée par les éléments et ne contenir plus aucune place pour votre hydromel ! Avant de commencer, il te faudra ton équipement matelot, sinon, tu risques de pas faire long feu face aux têtes-grises. Un éditeur de code Une cible projet qui t'encourage à continuer Une peinte d'hydromel de café Une boussole montre précise En bref... Pour commencer tu vas devoir télécharger une version de CKEditor qui te convient Ensuite, tu vas glisser le coffre "ckeditor" sur ta chaloupe dans le coffre "plugins" Puis, tu vas intégrer le coffre "plugins/ckeditor" à ta chaloupe Et pour terminer, tu devras ouvrir le coffre depuis ta chaloupe 1. Si tu as bien lu les phrases ci-dessous, tu as pu trouver les coordonnées du coffre "CKEditor" 2. Pas besoin de te dessiner une carte au trésor, un matelot se doit d'être intelligent 3. Pas besoin de te dessiner une carte au trésor, un matelot se doit d'être incorrigible 4. Tu vas créer une carte "test.php" contenant : [Hidden Content] Et normalement, tu devrais obtenir ce résultat en te rendant sur la page "test.php" si tu as choisis le "Standard Package" : Pas besoin de te faire une carte au trésor, le code est assez compréhensible en mon sens, mais je vais essayer de t'expliquer en détail et étape par étape en répondant aux possibles questions que tu aurais potentiellement posées dans les commentaires de ce sujet. 1) Télécharger le fichier Pas de panique moussaillon, je ne te demande pas de venir sur la proue avec moi, je te demande juste d'être intelligent et de cliquer au bon endroit 2) Glisser Il est important de glisser le dossier "CKEditor" afin que ce système puisse fonctionner correctement 3) test.php Se contente seulement de récupérer les valeurs des variables et de les afficher. Voici le lien de téléchargement : [Hidden Content] Bon courage Moussaillon !
  9. Snolix

     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
  10. Bonjour à tous ! Ces temps si je réalise de 0 un CMS d'une boutique (je débute en php/sql) pour m’entraîner à développer en PHP/SQL, je sais faire pas mal de chose mais malheureusement il me manque pas mal de connaissances dans le domaine, c'est pour cela que je fais appel à un développeur qui domine le langage PHP/SQL pour m'aider ! Cette aide est non rémunéré je fais appel à votre ''générosité'' ! Il me faudrait un panier/un système de ticket pour les staffs/un module de paiement pour la commande/un guide de taille/affiche des commandes sur le côté administrative/historique de paiement Merci, si vous acceptez vous pouvez m'aider pour qu'une seule chose par exemple le module de paiement, je vous remercie d'avance ! Le développeur qui m'aide si jamais je gagne quelque chose sur le CMS ce qui est peu probable je lui donne une bonne part. Voici une visite du CMS en soit (LES AVIS SONT LES BIENVENUES !) : 20181229_133649.mp4
  11. 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
  12. Bonjour/Bonsoir, Aujourd'hui (09/07/2019), j'ai créer un serveur Discord accessible par tout le monde ! ce serveur est créer pour les développeurs, développeuses, et aussi pour les membre qui souhaites de l'aide ! sur le serveur, vous avez la possibilité de choisir vos rôles ! Je précise aussi qu'il est strictement inutile de rejoindre le serveur Discord pour venir spammer, hacker, et autres car le serveur est équipé d'un bot permettant sa protection ! Voila c'etait tous et je vous laisse avec un petit screenshot ci dessous Voici le lien d'invitation -> https://discord.gg/TcqXWqd Merci d'avoir lu et a bientôt et je précise également que ce poste n'est pas une publicité, c'est un projet ! (pour les rageux)
  13. 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.
  14. Bonjour J'aurais besoin de votre aide est-ce que quelqu'un s'y connaît vachement bien en codage surtout du Ajax merci
  15. Salut la communauté je vous fais un petit tuto [REQUIRE LEVEL : 0] Bien sûr dans chaque cours, je séparerai le code CSS du code HTML de façon clair afin que vous ne vous perdiez pas ! Pour ce premier tuto, nous allons voir les bases du HTML CSS qui sont donc : - quel éditeur de texte prendre pour le développement web ? - la mise en page d'un code HTML - La formation des balises, et la différence avec les éléments - l'insertion d'un code css dans un fichier HTML 1) Comment choisir son éditeur ? C'est très simple, l'éditeur se choisit selon vos préférences, vos habitudes, et vos envies. Pour ma part, je fais le code sur le logiciel NotPad++ qui est très pratique, rapide, et efficace. 2) La mise en page d'un code HTML Cette mise en page est très importante car elle servira pour tout code HTML que vous aurez à faire par la suite, au début elle peut paraitre compliquer mais elle s'apprend vite. De plus, certains logiciel de traitement de code le font eux-mêmes. Voici la forme à respecter à chaque fois : <!DOCTYPE html> <!-- Sert à définir le type de document pour le navigateur (généralement inutile) --> <html> <!-- Cette balise va contenir la totalité du code --> <head> <!-- Cette balise servira à stocker toutes les informations de "paramètres" de la page --> <title>Ceci est un titre</title> <!-- Cette balise sert à définir le titre de l'onglet internet de la page --> <meta charset="utf-8"> <!-- Cette balise sert à définir le type d'encodage que l'on souhaite utiliser. Utf-8 est l'encodage qui permet au navigateur d'afficher les accents par exemple (= clavier latin/français) --> </head> <body> <!-- Cette balise servira à stocker tout le contenu de la page web (tout ce qui sera directement visible par l'utilisateur) --> </body> </html> Voilà, c'est comme ça qu'il faudra faire à chaque fois ! 3) Les balises et les éléments Tout d'abord, qu'est-ce qu'une balise ? Qu'est-ce qu'un élément ? Une balise va servir à stocker un élement, une balise peut être "ouvrante" ou "fermante" => balise ouvrante : <"element">; balise fermante : </"element identique au dernier ouvert">; exemple d'élément : p (=paragraphe) Voici donc une ligne composée d'une balise ouvrante et fermante contenant l'élément paragraphe : <p>"Le contenu du paragraphe"</p> 4) Insertion d'un code CSS dans son code HTML Avant toute chose, qu'est-ce que le CSS ? Le CSS veut dire Cascading Style Sheet (ou = feuille de style). C'est ce qui va permettre de styliser notre site ! /!\ Il existe 3 façons d'importer un code CSS que voici : 4.1 > directement entre les balises <head></head> avec la balise <style> "Code CSS" </style> 4.2 > directement dans le body, dans les éléments 4.3 > dans un dossier externe contenant l'extansion .css Voici ce que ça peut donner : 4.1) <html> <head> <...> <style> "code CSS" body { margin: 0; padding: 0; } </style> </head> </html> - AsDeCareaux
  16. Bonjour, Aujourd'hui je vous partage une template header Habbo que j'ai créer moi-même à l'aide de Bootstrap 4. Il est très basique Comme c'est une template vous avez seulement les fichiers js,css,images et le html. Pour le mettre sur votre CMS il faudra donc le mettre en PHP avec vos liens. Images : Cordialement, Notaryz TEMPLATE - Header Habbo 1 (BStrap).rar
  17. Hello, Aujourd'hui j'ai créé une page maintenance plutôt basique. Le problème je pense sera au niveau du centrage, je ne sais pas si il sera pareil sur tous les écrans (j'y travaillerais). Quoi qu'il en soit, j'aimerais vos avis. Comme je vous l'ai dit elle est vraiment basique : une box information général et une box pour tenir informer la communauté de l'évolution du site. Voilà, j'espère qu'elle vous plaît. J'attends vos retours ! Bonne soirée. Peace, Kamobbah
  18. 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.
  19. 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,
  20. 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 !
  21. 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 !
  22. 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.
  23. 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 :
  24. 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>
  25. 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
×
×
  • Create New...