Aller au contenu

Rechercher dans la communauté

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

  • Rechercher par étiquettes

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

Type du contenu


Forums

  • InShare - Communauté
    • Annonces du forum
    • Le café d'InShare
    • Suggestions
  • Jeux Vidéos
    • Discussions
    • Minecraft
    • Grand Theft Auto
    • Call of Duty
    • Rocket League
    • Fortnite
    • Apex Legends
    • Jeux de simulation
    • MMORPG
    • Autres jeux
  • Développement
    • Discussions
    • Tutoriels
    • Release
    • Discord
    • Team Building
    • Services
    • Aides & support
  • Graphisme
    • Discussions
    • Tutoriels
    • Services
  • Plateforme
    • Informatique
    • Consoles
    • Smartphone
  • 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 La famille inshare

Groupes du produit

  • Premium

Calendriers

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


Playstation


Xbox


Steam


Origin

  1. 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é
  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, 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.
  4. 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
  5. Salut. Je vous offre aujourd'hui une fausse protection 100% identique à Blazingfast.io en HTML. En gros c'est juste pour faire croire aux utilisateurs que votre site est protégé par un Anti-DDOS (très connu et payant). On est tous d'accord sur le fait que concrètement c'est inutile et il suffit de chercher un peu pour détecter le "fake". Mais ça peut toujours dissuader les petits LamerZ qui veulent vous casser les burnes. Passons au code. <!DOCTYPE HTML> <html lang="en-US"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Just a moment please...</title> <meta name="description" content=""> <meta name="robots" content="noindex, nofollow" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href='https://fonts.googleapis.com/css?family=Roboto:100,300' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <style> html, body { background: #212121; color: #FAFAFA; margin-top: 10%; font-family: 'Roboto'; } img.brand { display: block; opacity: .95; max-height: 85px; margin: 0 auto; opacity: .80; } h1.message { text-align: center; margin-top: 45px; font-weight: 100; font-size: 20px; text-transform: uppercase; opacity: .9; color: #E0E0E0; line-height: 30px; } h1.message a:link { text-decoration: none; color: #E0E0E0; font-weight: 300; } span.loading { text-align: center; display: block; font-size: 45px; margin-top: 45px; color: rgba(250, 250, 250, 0.5); </style> </head> <body> <div class="container"> <div class="row"> <div class="col-sm-12"> <span class="loading"> <a href="http://blazingfast.io" target="_blank"> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAa4AAAC5CAMAAABHjys/AAAAmVBMVEUAAAA0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNs0mNvnTDw0mNvnTDw0mNvnTDznTDznTDznTDw0mNs0mNvnTDw0mNs0mNvnTDznTDznTDw0mNvnTDznTDw0mNvnTDznTDznTDznTDznTDznTDznTDznTDznTDznTDznTDw0mNvnTDz9zLD9AAAAMXRSTlMA6/k447YaQBEky/MuiErYYG4uezoK9LCiZKxUG8CWcxPNolX6BOS/2yTtR5gMi34Gtk1FgQAAEFdJREFUeNrs3FlyozAQBuDWwia0looXUfBAFQfo+19uvI0nqQSMLbA9Rt8BEip/WmpkuSH5q8krVmhtnfNHzra6YLIqR0jeS1kxbVXoTI3fEZP1vi1kDsl7aCpmVcZxBhWD07KE5MUaqX1X4xJmsCwV2QuNlVYC70CCZanGXiMvvMC7kb6tIHm2qh1qfIxwrIHkiSqbYQTuU2DPU9kOIxHF0uvYU+RthivgXkKytbEYcCXGpr5+O2OZV7IdKK4nFGlFXFtT5pIV2noVOk5xVbVPXf16J7aS6db6PghOcSNZAUnkmscK3To1ZIbg5mqXzjke0JTVec3rTwfrT9SnFnG58rzmOdVnguNLiLQgLmggqnMDMXSG4GuRFpIlDcS7cOlQaqqBeHkx/canhuNnA/HG1I7zutTSf5DSP/1+85LaqdBx/K/sOK/fjWPTNOVBflBVlZSSsULrtrX2dN9MKdX3wxCyrOuEMIZzUuPT9HvsNy6RnAK5JMKKQybXSM6JhFMip0g4qSnF9VBaP/YD1Yee+J4judYIOyfSttdAvlYIOaXxBJSbLguDUt6740OErDOc4h0cfKSmzI8pnRJyzit1rRdjzvVCSH1Av6gvyE/TgVJcqDbd4FuWwzc5a33ozPLI0vvyLaO0A8coRISZ6zKl9tnSxGoGyYyy8AbjmOAquIH5jOMSJn3CPK0pFMEoVPQMFmkHgwuEPbaHyzBVYxyhKliM9Wa/7Ua03EUvg6qCuxQLdkmatq/fFAHjkMDgbm2Ht4h0uvFDYwnGEe6xX6w43qAg+S5XGIcGCQ9qRVoO7yOjF8KYCsgDzhOpO/yKCYxjLES51ZFaSK4KjnGEhkie4ByeXpavWHRaDKI5krqNRaSJTUsCbJ1XncrrLBdvkRaAozhjgOSgGTCOYbAShTPq9F2HI49xiIbVDDijhwQKjEMdrKcUafealRuM08OaJMFpHnZPYYQNjhscTuO7P9qQGIcwWFmX7m1MGjOM42FtssZJHeybxjgC1qdwEt13szEKXIAYkWUhhKwz5Am3lEo+Hde+rwEUeBPvBlfkIxyVzPYd3/ygwc1V855leIMY2hK+KW24BkZy2ELD02r4mwrnGSXhF21Gtz0kd2k1vP+diwxs8nIFwQNSwjZKknrDn0aOM4SFaZZHFFfM/xHZ75uyxBmZhDmaR5yQRzwZ3esEh2r2VmEoYV5bB9iOmIxrlx8q54XL6rm0RrjFa9jMaNPm9W1qLsE5XQOvlVOcQGBnpOtwHn/557ZjlzavS1gCb6Cvv9M3Opwi3H7me+VW4E0ZvJ7EaWInI2AbHfC2+h3+e0eCM4L+0IEAX0lFcYEAb2AMOId+/AjYUXe4yFvs5aPDeZ2GT5Z7iotweLmxzKXd9QhYOeAXb3pZ9jJZ0Z0mK+5zBOzxT1Bob/DiDbv48TKm1Knhvmmy4mO+pHeeWtjeP6mVSniWpryOKX1wmiz/3zew8lRMrVOPTmqlJWyt+fuMQzb1jG+8Fqw8Tzdy7DGFGdENxCOjmT/nW5V/yDu3JAdBIIoqo/hKolbKHy38sIoFZP+bG6SI4IyoTGKke84KMJd+QOCis/5sovol16yBKB5P/pFelmDySq71BmIb+JZsMp0c/AuQ5vQGwpHCt35D1maVTo62PSaX8xsIRyI/+nk9Tz/4bALpnCPeHOQp5DQ4D5nxuqo+yUK8dwwm1UCcytAEJ6AtxAf26ect2nYQtHE+BGuogBcqxV69wBHAgQtML+vJW/y+K/Ozvr5ljX6uf9uOPvfOjt43B9hJEKWIwPQWn5uL7/d7L9j1lr5zjKk2QJ/8z7UrvbKl72UcxzGTYzW9nYnFr9lLCz3uZvdeRi86jIdxTZ0DuRGkI3QkewojBzqbPGqwsdJESVK8MOATTG1MSZQgUhEtiNJDqnGo3TuruSGDUkKJoQXRkiTJPEy0HiwfKU0LdKJYHb8PC5AD/d6dIBs165rqQUlpdNVbEEVoIgVRScufLuNJDPv4Rufw53mTSrFmDzuY0aMLTBQKihHyk2IiPAYCdDNqD025vlKBePZr/dRd2QRwqR4CbBcDLgz43vyfgouAtX+hDGd4dQhja4TmGKsXz7E6l2UlQl+AL8+PwL9AEj6seLYVtZsW8YM9d3uWB2ooSon9k8AmeOvdL00I82Bv5eUh3XdxKZCdY1uZf9BT4UiPqy5T5Iab1BpeBcRsWGH32+xRVeYBd3CJ6kVscgFcU/IIVa5wKs5lAI7MqhaS4Ap4hchBz/YtOaTzQutQgqd4LRfiqEd0+5rnaLavl1f9MbxptwK/o1l58XDJ9xNLk6FIPL4J70b6u8VovTBfkBy9E0CgzcsvxC2GkUKAnOfdpEPcYmxvyxPfbnu5+UQzmJvU39yde3OcIBTF6bvTR9oSCtIyBYoroAjW7//hWl0TdWPRtNF19/dXXoOZnJzL5Y4e5zj8vJYs7NtrbjHuOHy8ltuGPl5zi9FnRl3LwetnvMVgTDBmLbQMXDCHz9cy5O3kejYVmQRRQWlo8J5ThWwJFiGsZSXYEdcm14MWo7SIOy1NlqUY4xyneWYk8RSxOaVUcAkhJPFcQQH2weH7Ncn1oMWwKmiJ6wekmUx4wSowRVUJxZ00uPtZbIijcBcuux53/fj1/NvN2CAokAzXfwPLhKMJsQTiXpv0VF5X7MBihy9XI9e7L4eRsSiRaR2jFUHZU7ksKpSiPpH1GOMQODeH28vrDCsGIUJFAUcdw82oxYCUZPUSDKFwXBPL9lPBECWmHiE5A+fl68+LOndVDCnuEiKlNFI3HQOYwnKd10vJdIBgEqvcWLCcnMlgX++Cpl5e0K2GUAUih7sRzqSjSJxWsyDbUlcvJZcBVWAKUbixSWUBtqPPxunD9S5kZlha6vRU45BrrxjoQVznkiTOee8d0SZbIhvWAU4LxgoyWkAqsDJ9Nk6X4LOztNNFvvLyr+UNG0LZfYPhk6Ag+4MQJbMQKZ5ogxcIxi2YxIZRRTQr+qsN1/sey2m8gJu9StU25DEyQm1TByGlxalNKtEU0a4zj69RgWrq+oUe+QuBJ+YQC9e7mFz1I6xv0GJkRDEgEJw8+lalLfh8q5j5vygB3VBsDZ+2gZhPmrqMF7j8AfZ/5TlMokR081NO5nWUVNPpJZgf6pUI8D+0Xnp8ydv/Q/Iw6LxeTGocBDEE4gTXUXIPp/UKdQ8OYIY18sB23hiW0EtcPw5NGYhRWTXjVqxVNSm1H4pagKdgImlqKmrq413U1Ku/dxpnv4sXBlk/niwpKhDF0hmHmWAn9UrqHi2iMrSMk6Zed/SKHAX50gsymTTVhRt1OVN7vUceBY3rfyGdnRRVMEwME+dnF1YPrhKi+VfH8KJTUW6HohwVeWwY2z4HvIxHy2CcPEHzZdbM1NQSPARlAxdDMGaDqKnn+9y6BI06ax5JxdwlFMnjLf2URenAlB5szZtf+3tpeclgZDy7lMzD+ROCTh9r0dINdjgLtuXtu/282a8SFqJC0eB1ltaLifd3cUrks3rM7DDXyvPZ6+Ov86dQlMw2KnGfEGlw/YQYLsB8RcSPXEGlvf82tFc8hGLtR697MzUj87xehTyBYA7LTWyFiVO3r+9xYENu3m+fdiUsHHppbXQhBLMQouailAfvXZIQorWW0hiTZVme41jpTcmDQxyT/QaJwGa8+HSGVwgzVLRaNSR/cEMS+eQ2k5yVQjDGbCtaR1EUqpGPh0ZAInF0hRKMKfJ7MZMSbMSLd9HAWrA9RRJR62k6RHHcJzuaD1rJiEljBdGCMbz/ngLbcPNpR/PCqiybc2tarwDWxUAuBlHTfCa6u4MgxTjPsyzH8YIIRpSk99429vocnwa/A2AFSURTluwfIIRdSTrWJB48ydJ6JaQ6/U2OOygPrpEtXbDCydgY9u0JB+vz+naFYfxYkk6QdpPodgnXbfOy2eazHOO03gYTBJjkqBvl3pH4YS9zCAyh+f3aDKzNTZPRuIa5yvs27K4Pa+8xH/ZhOW5Ie/Ad9XpgB0GMqi2SzkQK4niGWPJ0q7Pyh9tnc9Pdsz8cJVpsW7Mi//yLSQkCs1TQ5TGDwaFeIb37egFW5MWXu45wP/OnZTCoQvLPw0RJywWXoL/bO8MmNWEgDKettlM9tZejJLGxQOEgEALo//9x9YAe2LEhqRhBeT7fcTO3s+Fl8+6uJ31E3I5X0lx8XYnP65eFgqVm0B3YLs8lRht5hb0bC8kSDPEmNK5ThzbICtA/n5/WL9vlnSxcc/001D4QMQTdxI4swVjLKCX+1Bttcu7f/eW/WZdrRxcfR2WA6iQmUaCr6BXyQHBZ1df2cti6k2ZV1vngb75vZ//NUudmeTYo727nlbNmjZ4qJRiTe30t8e6rqqw/zJfOjJDzUKv/LSxJMUmFXZ5g2JY9JMp4EzAHe+EhccAJX3tdzHtXeydonmiVpAqVZ8oPWpvh964XUSrW3I1h0W67NcN8jBOGC8L0SxxyCqtDy4RRSiza/HiGWgm23pthMWgNLw1YzwcioH7U2SeLMsfnlsVJjg7IApTHjafCAJublzNMBKwpKMmBWdj5KJsx5r3dhmMIYsxgPezICLPL/Rnmi43JO7bGJ3OZBlpODjkZBRYK0kpnLPcm+HA7UVgIUV76nlyuNBe+yqV8fZuUHJgzpfA7AvjegZVJ+7rdm2A2UAlfh7IVS6uKZRPMxn+hLBKZWoIJ3pR9pQY3clTzsUGdsRnjhOEylK1YQkv5FWZjLnqRHCyF5cdEwCudsdkbYHH79qCeIIlq50MeAxWgtHaCfBdYb+84H5jTGfOhD3L9Y6GK0BEsh6lK+sgXiifivx751n1eEK90ARjTGR+Hv/vZba4qLzYo6k8NomevmkPkwALQ/E3v5wCY0hmzQY6n6bT/4h7sv0HkQLWA8SxibUnKUFYOk6rqi5m5esZ8nK+tylzvX5pvSUSoWn5DXjreoiNp7vDYrS4pgzpaZnTGbDX4g1Ap3Wr34EGfEPmu8tc8tOARKqo/zVFyYq9Z7a/LcjvO1DqfbrV9ULtLIsQ+BfrEdQdm3lqGdlV2z6/g7ihcWssS9RZMph8wSiL71Bn6Ot9fk93LyM/B7j7MNFDVHCEmVKsdF4fVL5LWlojrsdy9jPS2RAvoabzDCCxUrT24Nj7aHIDr64zN9vm+M6vBsTVUYsapwnAWgsJW+/+1dcZmvhrvxZY+FGmU6hnumGhN/azRnx4F4Ko648Niu1oPZ/KdGbiGvg/K8aP0bMhcyrP2oD4sJG35F7KcLXa/Vt9G5EvrD5EFWsLew/kxZFQUdTyKQrgWcdKTaeUBAS2edvO+2G5//Vw9//j0KK+rM8BIrziVhB7CaX7EIeQYKIyiMKljdbYx+eun3nj6/GjH3xn8UL+iaCeJnYRJE6gGNIAVAHeNyO1DX9gETFwbmgaHXohiMGEAiPpILQdMGMKKDheCKJgwh3VRhjEOJqQMKGCJU4AJ48SpfdDHzif1fiME8XQzawrWTYFZojM6YBC7DB8brtaSbg9gLd5ECewagJ5gf9IXQ6KwHMz+tdVryqtBIqCfp++r92wW4dyHYGLwCPchDr/faKpQxzhAoi0AAAAASUVORK5CYII=" class="img-responsive brand" /> </a> </span> </div> <div class="col-sm-12"> <h1 class="message"><a href="http://blazingfast.io" target="_blank"><font color="#E0E0E0">Verifying your browser, please wait...<br>DDoS Protection by</font> Blazingfast.io</a></h1> </div> </div> </div> <script> function load() { setTimeout(function() { $('span.loading').fadeOut('fast').fadeIn('fast'); load(); }, 0); } load(); </script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script><script>var XHR="onload"in new XMLHttpRequest?XMLHttpRequest:XDomainRequest,xhr=new XHR;var ww = $(window).width();xhr.open("GET","/___S___/?rid=rorUdPEQ9lbdkM2aPqlOwP5zVD0CJ08XEsL69NEJqorpiYA5QsVGqj8CaweaifCg&sid=" + ww +"&d=blazingfast.io&tz=1542363290.412",true),xhr.onreadystatechange=function(){if(4==xhr.readyState&&(xhr.status==200)){var t=document.createElement("script");t.type="text/javascript",t.text=xhr.responseText,document.body.appendChild(t)}},xhr.send(null);function wait(){}; setTimeout(wait(),4000);</script></html> Vous pouvez également rajouter dans la balise "<head>" une redirection vers vos fichiers ainsi qu'un icone dans l'onglet pour moins se faire cramer. <head> <meta http-equiv="refresh" content="7; URL=https://localhost/"> <link rel="shortcut icon" href="./icone.ico"> </head> Voici ce que donne donc le code en entier. <!DOCTYPE HTML> <html lang="en-US"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Just a moment please...</title> <meta name="description" content=""> <meta name="robots" content="noindex, nofollow" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href='https://fonts.googleapis.com/css?family=Roboto:100,300' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <meta http-equiv="refresh" content="7; URL=https://localhost/index.php"> <link rel="shortcut icon" href="./icone.ico"> <style> html, body { background: #212121; color: #FAFAFA; margin-top: 10%; font-family: 'Roboto'; } img.brand { display: block; opacity: .95; max-height: 85px; margin: 0 auto; opacity: .80; } h1.message { text-align: center; margin-top: 45px; font-weight: 100; font-size: 20px; text-transform: uppercase; opacity: .9; color: #E0E0E0; line-height: 30px; } h1.message a:link { text-decoration: none; color: #E0E0E0; font-weight: 300; } span.loading { text-align: center; display: block; font-size: 45px; margin-top: 45px; color: rgba(250, 250, 250, 0.5); </style> </head> <body> <div class="container"> <div class="row"> <div class="col-sm-12"> <span class="loading"> <a href="http://blazingfast.io" target="_blank"> <img src="data:image/png;base64,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" class="img-responsive brand" /> </a> </span> </div> <div class="col-sm-12"> <h1 class="message"><a href="http://blazingfast.io" target="_blank"><font color="#E0E0E0">Verifying your browser, please wait...<br>DDoS Protection by</font> Blazingfast.io</a></h1> </div> </div> </div> <script> function load() { setTimeout(function() { $('span.loading').fadeOut('fast').fadeIn('fast'); load(); }, 0); } load(); </script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script><script>var XHR="onload"in new XMLHttpRequest?XMLHttpRequest:XDomainRequest,xhr=new XHR;var ww = $(window).width();xhr.open("GET","/___S___/?rid=rorUdPEQ9lbdkM2aPqlOwP5zVD0CJ08XEsL69NEJqorpiYA5QsVGqj8CaweaifCg&sid=" + ww +"&d=blazingfast.io&tz=1542363290.412",true),xhr.onreadystatechange=function(){if(4==xhr.readyState&&(xhr.status==200)){var t=document.createElement("script");t.type="text/javascript",t.text=xhr.responseText,document.body.appendChild(t)}},xhr.send(null);function wait(){}; setTimeout(wait(),4000);</script></html> Pour les flemmards voici le lien de téléchargement de la page ainsi que l'icone. Virus Scan code HTML : ICI Mediafire code HTML : ICI Virus Scan Icone.ico : ICI MediaFire Icone.ico : ICI LIEN DE TEST : ICI Aperçu :
  6. VOICI UN SITE POUR AUGMENTER SES ABONNÉS TWITTER GRATUITEMENT ET RAPIDEMENT. 1) Vous devez connecter votre compte Twitter sur le site (Cliquer sur "Get pin code on Twitter") 2) Vous allez avoir un code avec des chiffres que vous devez copier/coller en dessous (image ci-dessous si vous ne comprennez pas) 3) Vous allez avoir 20 crédit = 20 abonnés (Vous avez 20 crédit /heure) TECHNIQUE !! -> Installez une extension google d'un auto refresh pour que ça refresh toutes les heures quand vous n'êtes pas sur le pc comme ça vous aurez vos crédits. IMPORTANT !! -> Mettez un numéro de téléphone sur votre compte Twitter car avec cette technique vous pouvez vous faire verrouiller votre compte mais avec un numéro de téléphone vous pouvez directement déverrouiller votre compte. Je vous ait tout dit si vous avez des questions n'hésitez pas je vais y répondre. Le site -> https://toolkity.com/twitter/free-twitter-followers Google Extention (Auto Refresh) -> https://chrome.google.com/webstore/detail/maxi-refresher/lipmdblppejomolopniipdjlpfjcojob?hl=fr
  7. Bonjour à tous , Je me suis mis depuis pas longtemps dans le refund avec des e-books et des méthodes discord. Je n'ai pas suivi de formation ni quoi que soit, je ne pense pas que cela soit nécéssaire, mais je me retrouve limité actuellement et j'aimerais avoir vos conseils. En gros c'est simple, après avoir fait une dizaine de refunds sur Amazon, Nike etc, je me suis fait 3K€, ce qui en soit est pas mal, mais je voulais faire plus. Cependant je me suis dis que c'était pas forcément la meilleur manière de se faire livrer et je me suis donc concentré depuis peu sur les refunds d'article virtuels (pas les biens physiques qui nécessitent de recevoir quelque chose à la maison). J'ai vu des gens avoir des soucis car trop de commande annulée à la même adresse. J'ai donc trouvé une méthode qui exploite une faille sur les processeurs de paiement crypto sur les sites. Cela permet de recevoir par e-mail la confirmation de commande avec les cartes cadeaux en simulant une transaction expiré pour le processeur de paiement (Refund en moins de 15min). J'ai fait de grosses commandes de carte cadeaux Amazon (toutes bien remboursées en moins de 15min via la faille), ce qui m'as permis d'acheter légalement par la suite des Iphones et MacBooks que j'ai pu vendre tranquillement sur le bon coin. Cependant ce qui devait arrivé arriva, désormais dès que j'utilise cette faille sur le site, je crois que le site reconnait mon ordinateur ou ma connexion internet. Pourtant mes amis arrivent encore à commander en utilisant la faille. Je me demandais donc si vous avez des solutions pour masquer son adresse internet ou faire en sorte que le site ne me reconnaisse pas? Merci d'avance Lien de la méthode au format PDF: https://easyupload.io/1a1mfh Lien de mon Telegram si je réponds pas ici @Refundkey
  8. J'avais télécharger ça pour test avant de l'envoyé a un contact sur Discord, mais je me dis que ça pourra être utile a certains. Je ne fais que reupload une version que j'ai trouver sur un annuaire de torrent, mais pour vous évitez tout problème de bande passantes, hadopi, et d'autres problème qui viennent avec les torrents je vous le met en téléchargement direct avec MediaFire. L'installation est très simple, décompresser, installer, lancer, drop le fichier de crack en tant que plugins, redémarrer. ET VOILA ! Bon, ça ne va pas intéresser tout le monde mais bon je partage quand même. PS : Je possède la version MAC & Linux je peux vous les transmettre en privé sur Discord. (Je suis dispo sur celui du forum) Information sur le Logiciel----------------------------------Publié le : 14/04/2020 Editeur : JetBrains Compatible : Licence : Commercial Date du Up : 23/07/2020Format : EXELangue : Anglais Nom de la release : 2020.1 BUILD 201.6668.153 PhpStorm est un éditeur pour PHP, HTML, CSS et JavaScript, édité par JetBrains. Il permet d'éditer du code PHP pour les versions allant de la 5.3 à la 7.4, l'éditeur possède : Une coloration syntaxique dynamique ; Des analyseurs d'erreurs syntaxiques et orthographiques (en anglais) ; Une auto-complétion intelligente du code en Javascript comme en PHP ; Des fonctionnalités de réusinage automatisé de code en Javascript comme en PHP. Outre ces caractéristiques, on peut trouver les outils suivants pré-embarqués : Le déploiement des fichiers via FTP, FTPS, SFTP, etc. avec synchronisation automatique ; Une interface utilisateur unifiée pour la gestion de versions, en surcouche à Git, Mercurial, Subversion et Perforce6. Une interface utilisateur pour les logiciels de tests tels que PHPUnit ; Le débogage pas-à-pas et le profilage de code en dialoguant avec Xdebug. Il permet aussi de visualiser l'architecture de bases de données de différentes sources (MySQL, SQLite, etc.). Enfin, il permet l'intégration d'outils d'opérations serveur comme Vagrant, Docker, une console SSH et bien d'autres outils. ************************************************INSTALLATION**************************************************1: Décompresser archive 2: Exécutez PhpStorm-2020.1 pour installer l'editeur et exécutez-le en tant que Essai 3: Glissez-déposez le fichier «jetbrains-agent-latest.zip» dans la fenêtre de l'editeur 4: Redémarrez et installez-le en tant que plugin Téléchargement >>ICI<<
  9. 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.
  10. 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 : [hide]Et ça, en cliquant[/hide] Moussaillon, que les mouettes du Pacifique soient avec toi !
  11. Snolix

    [HTML]Mes début

    Bonjour / Bonsoir la communauté de inshare Aujourd'hui je vous présente mais debut en html j'aurais besoin de conseille est d'avis Voici des screen :
  12. 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
  13. ? 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 : [hide] [/hide] 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 : [hide] [/hide] 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 !
  14. SailorEudes

    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 ? [hide] <!-- Entre les balises "<head></head>" --> <!-- Le CSS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/butterCake.min.css"> <!-- Le JS --> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/butterCake.min.js"></script> <!-- Entre les balises "<head></head>" --> [/hide] Comment je crée un accordion ? [hide] <!-- Entre les balises "<body></body>" là ou tu veux que ça apparaisse --> <!-- single accordion - Active --> <div class="accordion-container mb-1"> <h4 class="accordion active p-2 bg-primary text-white flex fj-between mb-0">accordion 1 <i class="fa fa-info-circle"></i></h4> <div class="panel"> <div class="panel-box p-2"> <p class="mb-0">Lorem ipsum dolor sit amet.</p> </div> </div> </div> <!-- single accordion --> <div class="accordion-container mb-1"> <h4 class="accordion p-2 bg-primary text-white flex fj-between mb-0">accordion 2 <i class="fa fa-info-circle"></i> </h4> <div class="panel"> <div class="panel-box p-2"> <p class="mb-0">Lorem ipsum dolor sit amet.</p> </div> </div> </div> <!-- single accordion --> <div class="accordion-container mb-1"> <h4 class="accordion p-2 bg-primary text-white flex fj-between mb-0">accordion 3 <i class="fa fa-info-circle"></i> </h4> <div class="panel"> <div class="panel-box p-2"> <p class="mb-0">Lorem ipsum dolor sit amet.</p> </div> </div> </div> <!-- Entre les balises "<body></body>" là ou tu veux que ça apparaisse --> [/hide] Comment je crée des chips (badges) ? [hide] <!-- Entre les balises "<body></body>" là ou tu veux que ça apparaisse --> <div class="chip with-avatar avatar-zoomed dismissable"> <img src="https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?r=pg" class="chip-img"> Default <button class="btn-clear-chip" type="button"><i class="fa fa-close"></i></button> </div> <div class="chip primary with-avatar avatar-zoomed dismissable"> <img src="https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?r=pg" class="chip-img"> Primary <button class="btn-clear-chip" type="button"><i class="fa fa-close"></i></button> </div> <div class="chip secondary with-avatar avatar-zoomed dismissable"> <span class="chip-img">HR</span> Secondary <button class="btn-clear-chip" type="button"><i class="fa fa-close"></i></button> </div> <div class="chip dark with-avatar avatar-zoomed dismissable"> <span class="chip-img">HR</span> Dark <button class="btn-clear-chip" type="button"><i class="fa fa-close"></i></button> </div> <div class="chip gray with-avatar avatar-zoomed dismissable"> <span class="chip-img">HR</span> Gray <button class="btn-clear-chip" type="button"><i class="fa fa-close"></i></button> </div> <div class="chip muted with-avatar avatar-zoomed dismissable"> <span class="chip-img">HR</span> Muted <button class="btn-clear-chip" type="button"><i class="fa fa-close"></i></button> </div> <div class="chip success with-avatar avatar-zoomed dismissable"> <span class="chip-img">HR</span> Success <button class="btn-clear-chip" type="button"><i class="fa fa-close"></i></button> </div> <div class="chip info with-avatar avatar-zoomed dismissable"> <span class="chip-img">HR</span> Info <button class="btn-clear-chip" type="button"><i class="fa fa-close"></i></button> </div> <div class="chip warning with-avatar avatar-zoomed dismissable"> <span class="chip-img">HR</span> Warning <button class="btn-clear-chip" type="button"><i class="fa fa-close"></i></button> </div> <div class="chip danger with-avatar avatar-zoomed dismissable"> <span class="chip-img">HR</span> Danger <button class="btn-clear-chip" type="button"><i class="fa fa-close"></i></button> </div> <!-- Entre les balises "<body></body>" là ou tu veux que ça apparaisse --> [/hide] Comment je crée un tableau ? [hide] <!-- Entre les balises "<body></body>" là ou tu veux que ça apparaisse --> <table class="table table-striped"> <thead> <tr> <th>Firstname</th> <th>Lastname</th> <th>Email</th> </tr> </thead> <tbody> <tr> <td>John</td> <td>Doe</td> <td>[email protected]</td> </tr> <tr> <td>Mary</td> <td>Moe</td> <td>[email protected]</td> </tr> <tr> <td>July</td> <td>Dooley</td> <td>[email protected]</td> </tr> </tbody> </table> <!-- Entre les balises "<body></body>" là ou tu veux que ça apparaisse --> [/hide] 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 : [hide] Pour télécharger, il te suffit de cliquer ! [/hide] 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 !
  15. SailorEudes

    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 : [hide] [/hide] 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 : [hide]Tu peux télécharger l'archive compressée en cliquant[/hide] Bon courage Moussaillon !
  16. 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
  17. Salut communauté de inshare 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 !
  18. 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
  19. Invité

    Faire un classement en PHP !?

    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
  20. 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)
  21. Bonjour J'aurais besoin de votre aide est-ce que quelqu'un s'y connaît vachement bien en codage surtout du Ajax merci
  22. 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
  23. 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
  24. 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,
  25. YaZox

    Maintenance

    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 !
×
×
  • Créer...