Rechercher dans la communauté
Affichage des résultats pour les étiquettes 'html'.
-
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.
-
Hey la communauté inshare ! 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
-
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é
-
--- Présentation --- Bonsoir , Aujourd'hui je vais faire un petit tutoriel ou un chapitre sur les bases du HTML5 car je ferais surment une suite avec plusieurs chapitre, pour apprendre aux gens de crée des petites pages HTML pour leur site . Biensûr on va aussi parler de CSS pendant ces chapitres. Je vais vous apprendre les bases du HTML5 et du CSS3 . Ces chapitres seront écrits comme si vous n'aviez jamais coder quoi que ce soit. Pour commencer je vais vous expliquer c'est quoi le HTML. ( Ensuite je vais vous expliquer le CSS Mais on n-y est pas encore lol) ---- HTML C'EST QUOI ---- Alors voilà le HTML (HyperText Markup Language) est un langage de programmation conçu pour représenter les pages web. Je vais pas allez plus loin sinon on va jamais en finir si tu veux en savoir plus ta ce site https://fr.wikipedia.org/wiki/Hypertext_Markup_Language --- Prérequis pour coder --- Pour coder en HTML vous n'avez pas vraiment besoin de logiciels extraordinaire ! Non vous pouvez coder avec Bloc Note ! Oui ^^ On peut coder avec Bloc Note mais c'est déconseiller ! Je vous conseils tout comme moi de télécharger un éditeur de texte. Comme Notepad++ ou encore Sublime Text mais il y en a encore des centaines.. Personnellement j'utilises Sublime Text 3 . Je vous conseils de télécharger Sublime Text 3 . Voilà j'ai fais un peu le tour non ? Pour coder en HTML il vous faut 3 choses . 1. Un PC 2. Un editeur de texte ou un logiciel comme Bloc Note . 3. Un cerveau 4. Facultatif - Un peu de temps libre hein ? ------------------------------------------------------------------------------------------------------------- ---------------- Commençons ! ----------------------------- A coté de chaque balise ( </> ) je vais mettre une petite parenthèse avec une petite explication a quoi sert cette balise ( pour que vous comprennez rapidement ) Alors on va commencer par crée un fichier en .html . Une fois crée on va commencer par tappez <!DOCTYPE html> ( Cette balise est assez spécial car il y a un "!" après le "<" . Cette balise dit a l'ordinateur que ce fichier est en format HTML. Sous cette balise on va marquer : <html> ( Obligatoire !!! ) <head> ( Veut dire tête c'est ici ou on va mettre nos liens vers nos fichiers CSS ou on va préciser l'encondage utf-8 . Ou encore le titre (title). <meta charset="utf-8" /> ( on précise l'encodage en utf8 on en reviendra plus tard ) <title>Mon Onglet </title> ( C'est ici qu'on donne le titre du petit onglet des pages ) </head> ( On referme la balise "head" ) <body> ( Je penses que vous l'aurez compris une balise en général ( oui car il y a des exceptions ) Commence par un "<balise>" et se finit par un "</balise>" on referme avec un "/" après le premier "<". ---- ( Ne recopiez pas cette ligne ! là ! Je vais juste vous dire quelque chose avant de continuer ! la balise body signifie corp c'est a dire que c'est ici ou on va y mettre toutes nos autre balises exemple h1 ... ) <h1>Mon premier titre </h1> ( C'est un titre ) <br /> ( j'utilises ici cette balise pour sauter une ligne . ) <p>Ouaaaaaah ma première page HTML c'est cool hein ? Et bas c'est que le début plutard sa sera plein ! </p> ( Cette balise permet d'écrire des paragraphes ou n'importe quoi d'autres lol . Tant que c'est du texte . A la place d'écrire sans balise car oui on peut écrire sans balise. </body> ( On referme la balise Body , Et là vous allez me dire quoi c'est déjà finis !? Bah oui on va y allez doucement c'est déjà bien tout ce que vous avez appris aujourd'hui ! </html> Voilà normalement en résultat visuel cela va vous donner ça : Et niveau code vous aurez ça : Voilà c'était mon premier tuto ou appellez ça comme vous voulez ! Je ne sais pas si je vais en faire un deuxième ! Pour les persones qui rencontrent un problème je serais ravis de répondre a tout vos questions en MP. Ditez moi vos avis en commentaires si vous avez aimer ou pas .
-
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
-
Salut la commu ! J'espère que vous allez bien Aujourd'hui, je vous partage un menu vertical en HTML/CSS que j'ai trouvé sur le web mais je l'ai remodifié un peu à mon goût. Il peut être utilisé pour vos projets etc et il est très simple à modifier Voici le code : HTML : <!DOCTYPE html> <html> <head> <meta charset="utf_8"> <title>Psyche</title> <link rel="stylesheet" href="style.css"> </head> <div class="menu-vertical"> <div class="avatar"></div> <h3> Bienvenue Psyche </h3> <div class="menu"><a href="#">Accueil</a></div> <div class="menu"><a href="#">Rétro du jour</a></div> <div class="menu"><a href="#">L'équipe</a></div> <div class="menu"><a href="#">Paramètres</a></div> <div class="menu"><a href="#">Déconnexion</a></div> </div> <body> </div> </div> </body> </html> CSS ( à glisser dans un fichier style.css dans le même dossier que l'index ) : body{ background-color: #ededed; margin:0; padding:0; font-family:sans-serif; } .menu-vertical{ background-color:#fff; width:275px; position:fixed; top:0; bottom:0; box-shadow: 2px 2px 2px silver; } .menu-vertical .avatar{ background-image: url(images/images.png); background-repeat: no-repeat ; background-position:center; width:128px; height:128px; margin:25px auto 5px auto; } .menu-vertical h3{ text-align:center; color:#444; font-size:20px; margin-bottom:18px; } .menu-vertical .menu{ background-color:#ededed; width:225px; padding:25px; margin-bottom:5px; } .menu-vertical .menu a{ color:#e74c3c; text-decoration:none; font-size:16px; } A bientôt !
-
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
-
Voici le code css : .espace { padding-top: 25px; } html <div class="espace"></div>
-
Bonsoir je suis entrain de crée l'index de mon site et je rencontre un problème avec un button voici le code html : <center><img src="http://hsource.fr/font/habbo_groot/samuelabbo.gif" /></center> <div class="centre"> <div id="content"> <div class="col-md-8"> <button type="button" class="buttonreg" data-toggle="modal" > <h3><font color="#fffffff">REJOINS-NOUS DÈS MAINTENANT</font></h3> <center><p> C'est gratuit !</p></center> </button> </div> Voila et j'aimerais que ce button quand on clique dessus sa nous dirige a une page appelé "inscription.php" Merci d'avance =)
-
html [TUTO] [FR] #1 Apprendre les bases du codage
NetiwalDeveloppeur a posté un sujet dans Tutoriels
Bonjour, Aujourd'hui on se retrouve pour un tuto, ''Apprendre les bases du codage''! Commencez deja par téléchargé SublimeText2 grà¢ce a ce lien: https://sublimetext.com/2 Puis réecrivez ce que je mets sur mon codage. <!DOCTYPE html> <html lang="fr"> <head> <title>Nom de votre site</title> </head> Donc ceci est le début. A quoi sert ce j'ai mis (vous devez comprendre ce que je mets ^^). <html lang="fr"> : Sa sert a commencé le html et en mettre mêttre la langue de ton codage. <title></title> : Cela sert a mettre le nom de votre site/hébergement. Et surtout ne vous occupez pas de la definition de ''head''. Maintenant, mettre de la couleur a son texte : <!DOCTYPE html> <html lang="fr"> <head> <title>Nom de votre site</title> </head> <body> <font color="VOTRE COULEUR QUE VOUS VOULEZ A METTRE EN ANGLAIS">Tuto de Netiwal</font> A quoi sert ce que j'ai mis ? : <font color=''red''></font> : A chan gé la couleur de votre texte. Maintenant, mettre un fond a son site: <!DOCTYPE html> <html lang="fr"> <head> <title>Nom de votre site</title> </head> <body style="background-image:url(TON URL DE TON IMAGE)> A quoi sert ce que j'ai mis ? : <body style="background-image:url(TON URL DE TON IMAGE)> : Sa sert a changé le fond de votre site. Et c'est déjà la fin de ce tuto, il y en auras plein d'autre PEACE ! Cordialement, Netiwal Developpeur Pro
