Aller au contenu
#InfoASavoir: Vous pouvez dire "Bonjour" à un membre en cliquant ici.

Rechercher dans la communauté

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



Plus d’options de recherche

  • Rechercher par étiquettes

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

Type du contenu


Forums

  • Forums Généraux
    • Annonces du Forum
    • Discussion générale
    • Présentations
    • Suggestions
    • Vos rétros
    • Vos projets
    • Recherche d'équipe
  • Zone-Premium
    • Discussion générale
    • Concours Premium
    • Graphisme & Design
    • Jeux vidéo
  • Ressources Habbo
    • Tutoriels
    • CMS & TEMPLATES
    • SWFS
    • Émulateurs
    • Autres ressources
  • Divers Habbo
    • Repacks
    • Backgrounds & images
    • Vos créations
    • Logiciels
    • Aides et support
  • Développement
    • Html
    • Php
    • css
    • Autre
  • Services
    • Gratuit
    • Ventes
    • Vente de rétro
  • Tribunal
    • Faire une demande
    • Demandes traitées
  • Ajouter des catégories de Les fidèles d'Habbo-Dev
  • Développement & Aide de Développement & Autre Habbo
  • Nouvelle fonctionnalités ! de KurtClub
  • Les aventures de Kameo de Les aventures de Kameo
  • Template - Cms de Génération Développement
  • Discussion Général de Développement & Autre Habbo
  • Information de Génération Développement
  • Mobis (officiels) de Habbo R63a Revival
  • Sujets de La famille Habbo-Dev
  • Mobis (customisés) de Habbo R63a Revival
  • CMS de Habbo R63a Revival
  • Émulateurs de Habbo R63a Revival
  • Tutoriels de Habbo R63a Revival
  • Support de Habbo R63a Revival
  • Autres ressources de Habbo R63a Revival
  • Développement de Habbo R63a Revival
  • 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
  • Les aventures de Kameo de Les aventures de Kameo
  • LES CUSTOMISATEURS CERTIFIES. de Customisateur Art
  • VOS MOBIS de Customisateur Art
  • VOS BACKGROUNDS de Customisateur Art
  • AIDE & TUTO de Customisateur Art
  • Graphisme & Graphiste de Génération Développement
  • Sujets de Les beaugoss !
  • DISCUSSION GÉNÉRAL de Habbo-Your
  • TEMPLATE CMS & PAGE de Habbo-Your
  • Les règles de Habbo-Your
  • Les concours de Habbo-Your
  • Musique de Force & Honneur
  • Images de Customisateur Art
  • Information supplémentaires de Boîte à idées
  • Boîte à idées public de Boîte à idées
  • Sujets de L'ancien temps ! Habbo & les rétros
  • Sujets de AliveSharesProject
  • TEMPLATE & CMS de Développement & Autre Habbo
  • Sujets de TeamDev
  • Vos Créations de Développement & Autre Habbo
  • Sujets de Les beaugoss !
  • Language HTML CSS PHP MYSQL JAVASCRIPT JQUERY de Développement & Autre Habbo
  • Emulateur de Développement & Autre Habbo
  • Sujets de Les Développeurs HTML/CSS
  • Ajouter des catégories de EpicWorld - Communauté Française !
  • Ajouter des catégories de Créer Un Retro Habbo Sans Hamachi !
  • Ajouter des catégories de Développement de Rétro
  • Questions de Les anciens des rétros
  • Forum de Les anciens des rétros
  • Sujets de SkyCompagny
  • Sujets de Les Architecte et Graphiste
  • Sujets de Créateurs de sites fans

Blogs

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

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

Catégories

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

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


11 résultats trouvés

  1. 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
  2. Yo la compagnie, et bienvenue à vous sur mon tout nouveau sujet ! Sur ce sujet, je vais aborder le kit "Materializecss" qui est un kit qui m'a énormément servi par le passé, et que j'ai décidé de partager aujourd'hui car comme prévu, j'ai arrêté de créer des serveurs Habbo par manque de temps. Ce kit rendra votre CMS bien plus potable qu'il ne l'est aujourd'hui, comme il m'a permis de rendre mon ancien rétro "MeBobba" bien plus attirant qu'il ne l'était... C'est vrai, le design habbo comme ça : C'est plus trop d'actualité ... Il faut innover, mais dans le bon sens ! Et grâce à Materialize, vous pourrez innover sans trop vous fatiguer afin de proposer un site attirant et qui donne envie. Bootstrap, tout le monde connaît, c'est l'un des kits les plus utilisés sur internet, et ce, depuis des années ! Sauf que ce kit ... Eh bien ... Il est dépassé aussi, même s'il est encore utilisé par plusieurs sites internet importants. Grâce à Materialize, vous pourrez proposer un site internet qui ressemble à ça : Bon certes, celui qui est présenté n'est pas trop fameux car il paraît énormément vide... De plus, le menu utilisé est très connu par le public, mais c'est bel et bien grâce à Materialize que ce dernier s'affiche comme ça. Ceci n'est qu'un simple petit exemple, vous pouvez aussi créer des sites internet bien plus élaborés et qui ressemblent à ça : Ah oui, j'allais oublier le plus important : Materializecss, c'est du Material, revisité par la maison éditrice, et le Material, c'est un design qui est de plus en plus utilisé par Google, ou Youtube, car c'est justement, leur design ! Grâce au site officiel de Materialize, vous n'êtes pas livré à vous-même, toutes les possibilités ainsi que les codes correspondants sont affichés et classifiés de manière à vous permettre de créer votre site internet à votre sauce ! Pour pouvoir consulter les différentes possibilités qui s'offrent à vous, je vous invite à vous rendre sur : http://materializecss.com (rubriques : "Component", et/ou "Javascript" et/ou "Forms"). Si vous savez un minimum parler anglais, vous êtes susceptible de prendre en main le site internet très rapidement, car il est super intuitif ! Et puis, avec le temps, vous ne pourrez PLUS JAMAIS vous passer de ce système, car tout est fait en sorte pour vous assurer un certain confort ! Si vous souhaitez créer votre propre page, alors : Je vous invite à vous rendre sur : https://github.com/Dogfalo/materialize/releases/download/1.0.0-beta/materialize-v1.0.0-beta.zip Une fois téléchargé, je vous invite à envoyer le contenu du dossier materialize à la racine de votre site internet. Puis d'ajouter ces différentes lignes de code : Entre les balises <head></head> : <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> Juste avant la balise </body> : <script type="text/javascript" src="js/materialize.min.js"></script> Sinon, vous pouvez télécharger une page en materialize déjà conçue : http://materializecss.com/templates/starter-template.zip Et glisser le contenu du dossier starter-template directement à la racine de votre site internet. Et vous pourrez apprécier TOUTE la magie de Materialize ! Bon, ce n'est pas grand-chose je sais, mais c'est avec les plus petites choses que l'on fait les plus grandes choses, la preuve en est ci-dessus ! Cordialement
  3. Hello, je viens de voir ce topic: Et je me suis dis, que sa serais bien que cette histoire de "Habbo HTML5" finisse vite pour tous profiter.. C'est pourquoi j'ai décidé de partager un navigateur que j'avais fais en me basant sur une image. A la base il était pour un collègue qui lui aussi avait un projet HTML5, mais je m'en suis séparé par manque de motivation (désolé encore bg). Du coup je fais profiter à tous (après réadaptation en full HTML/CSS) afin que ce projet voit le jour et que tout le monde puisse passé dans un "nouvel air". IMAGE modèle: résultat: TÉLÉCHARGEMENT Navigateur: https://www.mediafire.com/file/s3er2zo10avjarv/navigateur.zip Peace
  4. Hello, "Comment mettre 2 box côte à côte?" Si je vous fais ce tutoriel c'est parce que je me suis moi-même déjà posé cette question et j'ai vu qu'il y avait plusieurs manières et que certaines étaient déconseiller et tout le tralala… C'est pourquoi j'ai voulu en parler aujourd'hui pour améliorer l'efficacité de vos futurs design ou peut-être répondre à certains questionnements. Commençons! ÉTAPE 1 - La base HTML Je vais vous poser la structure de base d'une page HTML (non relié à une page CSS) afin que vous puissiez mieux suivre ce tutoriel avec moi. Je vous épargne les explications, parce que je suppose que si vous suivez un tutoriel CSS c'est que vous connaissez déjà les bases en HTML. On a fini avec la base HTML on va mettre en place le contenu de la page qu'on veux voir s'afficher, le contenu s'écrit toujours dans les balises <body></body>. Voici celui que j'ai fait pour le tutoriel: La div avec la classe "contenu" = Les limites, c'est-à-dire que les informations (textes, images, liens, etc…) se trouveront entre ces limites. La div avec la classe "gauche" = Les informations qui s'afficheront à gauche dans la box de contenu. La div avec la classe "droite" = Les informations qui s'afficheront à droite dans la box de contenu. ÉTAPE 2 - La (ma) base CSS Vous vous demandez sûrement pourquoi j'ai mis "(ma)" pour l'étape 2. Et bien c'est parce que on a tous notre propre base CSS, certaines peuvent se ressembler et je ne sais pas si il y vraiment une base générale. dans la balise <style type="text/css"></style> vous mettrez donc: L'étoile représente toutes les balises, ce qui signifie que le style accorder à * s'affectera à toutes les balises. Si j'ai mis le font-family dans le body {}, c'est parce que * a des critères absolus, c'est-à-dire qu'on ne peut pas lui changer sa valeur en la modifiant sur une autre balise. Pour le font-family, je vous invite à choisir celle que vous voulez en allant sur https://fonts.google.com ou un autre site si vous en avez de meilleurs. Il est important que vous mettiez le box-sizing: border-box; car il évitera que les box soient déformer par un padding ou autre. Il est important que vous mettiez le vertical-align: top; car il évitera qu'il y ai un décalage vertical entre 2 box, elles resteront alignées. Les styles 0 et none c'est une question d’esthétique. On a fini avec les bases on va donc poser le style pour notre contenu. Ce qu'on veut c'est pouvoir mettre 2 box côte à côte et afficher du contenu sur la gauche et sur la droite. Dans ce cas, en dessous de notre style pour le body {} on va ajouter: Le style de la div nous affichera les différentes box qu'on aura créer, on les accordera des couleurs différentes (noir pour le contenu, bleu pour la box de gauche et rouge pour la box de droite). Le style du contenu fera donc 1000px de large et sera centrer sur notre page grâce au margin: auto;. le padding nous servira à mieux afficher les couleurs des box que le contient notre div.contenu. On donne à notre div.gauche et notre div.droite une largeur de 50%; afin qu'elles prennent toutes les deux la moitié de notre div.contenu et de faire un affichage équilibrer. On donne à notre div.gauche et notre div.droite un display: inline-block; pour qu'elles se posent l'une à côté de l'autre. ÉTAPE 3 - Étude Rassurez-vous, quand je dis étude je ne parle pas d'apprendre des choses marquer dans un cahier ou quoi que ce sois. Non je veux plutôt parler de l'étude de notre page, voir ce qu'il se passe avec tout ce qu'on a fait. https://gyazo.com/89d3b5793155d01cb208b02f5057ff19 Premièrement on constate que les box s'affichent bien Le problème c'est que les box droite et gauche ne sont pas côte à côte, pourquoi? Si on diminue la largueur de ces box, on remplace donc width: 50%; par width: 100px; - https://gyazo.com/41f09367d7818d980c59dba0fe00a881 On constate que nos box sont bien côte à côte mais que celles-ci sont espacées, ajoutons encore une div.gauche pour voir. Ce qui vous donnera: https://gyazo.com/fb808d3d03fbf25cdf603dab2adcb7d0 On constate donc que les box mettent automatique un espace, alors comment les supprimés ces espaces? Pour se faire on va juste retirer l'espace entre la fin de la div.gauche et le début de la div.droite, comme ceci: https://gyazo.com/454e7f651d56066f6fa0884a8cfefa0b Bingo! plus d'espaces indésirables, ils nous restent plus qu'à remettre un widht: 50%; et hop. - https://gyazo.com/c3519fbc7a012f3a8352a99ac9fb897c On a donc 2 box côte à côte où on pourra afficher différentes informations, on peut aussi disproportionner les largeurs des box, en retirant la largeur générale des div.gauche et div.droite et en attribuant la valeur de la largeur individuellement, comme ceci: https://gyazo.com/5c04374bc1751d814b59dbee6ed8b1f6 ÉTAPE 4 - Alternatives Pour supprimer les espaces indésirables entre 2 box en display: inline-block; tout en gardant la structure de votre code HTML afin qu'il soi plus facile à lire il y a d'autre méthode mais celle-ci est la plus simple. Vous pouvez aussi ne pas utiliser les display: inline-block; et créer le même effet avec des float: left; mais cette méthode est fortement déconseiller, voyer par vous-même: https://gyazo.com/d311895175f0b64f9087ba998e331bc5 Si vous voulez essayer: On pourrais essayer avec des floats de par et d'autre mais cela ne changera toujours rien: https://gyazo.com/d311895175f0b64f9087ba998e331bc5 Si vous voulez essayer: Voilà la méthode du display: inline-block; avec la suppression entre la div supérieur et la div inférieur reste la plus efficace à mes yeux, libre à vous de faire ce que vous voulez. C'est tout pour ce tutoriel, j'espère qu'il vous aura plu et que sa aidera pour répondre à certaines questions. Peace.
  5.  css Box en haut ?

    Salut les amis ! Aujourd'hui j'ai une petite demande. Je me suis lancé dans la reproduction du CMS de MakeHabbo, un rétro qui a férmé avant d'ouvrir lol Voila le CMS officiel : Dans ma reproduction j'ai essayé de faire le systéme de nouveaux inscrits Mais je veut le mettre en haut et ça me le met en bas, bref regardez Comment faire ? Merci d'avance
  6. 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 !
  7. Bonjour à tous Je rencontre un petit problème auquel je me souviens plus du tout comment faire Comment faire pour que si je met du texte dans le premier div " blabla " et que j'arrive tout en bas sa ne me met pas le texte sous la 2em ou dessus mais tout simplement que sa pousse la deuxième div ? Merci de votre aide Que sa pousse ici la div sans que le texte passe en dessous
  8. Bonsoir ! Depuis mon inscription sur le forum, je n'ai jamais rien partager à la communautés, donc sortons de l'esprit "Radin". Aujourd'hui je vous partage une Index déjà connu, partager sur un autre forum "R.R", que j'ai juste traduite et à peine modifier. ET ! un Register que j'ai fais en reprenant l'index présente. (Je la partage car elle prend la poussière). L'index fonctionne très bien, par contre le register faut revoir le PHP et l'adapter vous-même. (J'ai eu un coup de flemme entre temps). Voici des screens : L'INDEX EN QUESTION ! LE REGISTER PAR ICI ! Lien de téléchargement : http://www.mediafire.com/file/2dn036jzs3vw6bc/Partage_INDEX_%26_REGISTER_(H-dev).rar Les fichiers css ce trouve dans le fichier NEWINDEX >> CSS Le fichier Style.css est relier avec l'index Le fichier Style1.css est relier avec le register N'oublier pas de remplacer les liens des images dans les fichiers styles.css Si besoin, contacter moi en MP ! Bon usage et en échange je demande juste un Merci
  9. Salut à tous! J'vous présente rapidement un site. Je savais pas où vous mettre ça. Ils proposent les mêmes style d'input que Google et de même pour les boutons, et pleins d'autres choses aussi magnifique. J'vous laisse voir ça. J'fais péter les liens: Installation Composants Alternative: Material UI
  10. Bonsoir a toi je te partage un pack de boutons que j'ai trouvé sur un forum qui a fermer Lien scan : https://www.virustotal.com/fr/file/7a534b3c0118a10adabc0c799e21b8928e10063c70ebeda1a397b7111c5eae4c/analysis/1498698427/ Lien téléchargement : http://partage.sohabbo.fr/Download/css/btn/1/btn1.rar Lien de test : http://partage.sohabbo.fr/CSS/Btn/1/index.php Merci a toi d'avoir lu !
  11.  css [TUTO]Comprendre le CSS

    Bonjour, Dans ce petit tutoriel je vais vous apprendre les bases du CSS et éclaircir certains d'entre vous qui ne pourrait pas trop comprendre les mécaniques du CSS. Tout d'abord la langue CSS permet de définir le "design" de votre site. Un code CSS peut-être intégré dans les balises : <style></style> Cette balise peut-être mise dans le head de votre site par exemple. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="mafeuille.css" /> <title>CSS</title> </head> </html> Vous pourrez aussi la définir directement à une balise comme ceci : <h1 style="paramt1: paramt1;">Hi !</h1> Pour décrire cette ligne c'est tout simple : J'ai ma balise <h1> qui est = à un style qui comprend un paramètre par exemple une couleur. style="color: red;" le style est une couleur rouge. D'après moi et beaucoup de mondes, le CSS doit-être tenue dans une "feuille", c'est-à-dire un fichier .css Pour exploiter votre feuille.css vous devrez la définir dans votre page comme ceci : <link rel="stylesheet" href="mafeuille.css" /> Maintenant nous allons définir des codes couleurs pour des balises. Rendez-vous dans : mafeuille.css .hi { color: red } Ce bout de code utilisable par une balise span signifie que : <span class="hi">Je code en css :)</span> span class="hi" récupère les paramètres définis dans mafeuille.css qui donc renvoie à la couleur rouge. Vous pouvez aussi inclure plusieurs balises pour un paramètre css comme ça : hi, p { color: red } Cette-fois , j'aurais mon texte rouge entre les balises <p></p>. Vous pouvez aussi cibler les balises avec un attribut titre par exemple pour un lien donc: a[title] { color: blue } Donc si j'écris : <a href="http://habbo-dev.fr" title="S'inscrire !"> "S'inscrire !" est en bleu c'est simple non ? Il vous suffit de regarder la liste des paramètres CSS pour en faire ce que vous voulez ! Avant de terminer ce petit tuto, je vous montre comment modifier la taille d'un texte avec : px(pixels) ou une valeur relative : large(grand). Nous allons reprendre notre "S'inscrire !". Je voudrais qu'il soit d'une taille définit en pixels alors: a[title] { font-size: 40px; /* Le titre est en 40pixels de hauteur */ } Pour une valeur relative: (c'est un mauvais exemple car il n'existe que 7 tailles en valeur relative donc autant la définir soit-même en px) a[title] { font-size: x-large; */ La taille sera très grand */ } Avant de terminer ce tutoriel nous allons y voir un dernier point, l'id & class. Voici un exemple de mafeuille.css : #habbodev { background:blue; } .liens { color:yellow; } Pour comprendre ce bout de code c'est très simple : #habbodev -> signifie que le code css ne s'appliquera seulement qu'à l'id "habbodev" par exemple : <div id="habbodev"></div> */ Le code s'applique seulement à cette ID */ Tandis que .liens vise toutes les classes avec un élément "liens" : <a href="src/habbodev.php" class="liens">Liens</a> */ Le code s'applique à toutes les classes avec "liens" */ Et voilà, c'est vraiment une langue facile à exploiter il vous suffit de savoir les paramètres que vous voulez apportez à une balise et de les écrire dans mafeuille.css ! Si jamais vous souhaitez vous amusez voici un lien des références CSS : ICI Merci d'avoir lu ce petit tutoriel, c'est vraiment parce que j'ai pas grand chose à faire d'autre hein mais j'espère que ça pourra éclaircir ceux qui ne sont pas à l'aise avec le CSS. Je reste disponible pour répondre aux questions sur le sujet-même. {EDIT 11/06/2017} ->Ajout de la sélection des "id" & "class" Straqq' ॐ
×