Jump to content

Cloudfordream -  Digisell

Bienvenue sur Habbo-Dev !

Search the Community

Showing results for tags 'css'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

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

Blogs

There are no results to display.

There are no results to display.

Calendars

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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Localisé:


Interêts


Comment as-tu connu le forum?


Phrase perso


Je suis


Facebook


Twitter


Instagram


Snapchat


Skype


Youtube


Discord


Site web

Found 29 results

  1. Bonjour, J'ai essayer d'ajouter un mobis sur mon emulateur PLUSEMU, mais le mobis apparais comme ça : J'ai bien mis les fichier SWF dans le SWF/DCR/HOF_FURNI / les deux SQL ansi que le texte en haut du fichier Furnidata.xml, Serait-il possible d'aoir de l'aide ? mon rétro est : http://hebbow.fr/ ( Mon discord : LordVoldemort#2275 )
  2. Bonjour, je rencontre actuellement un léger problème après avoir installé Arcturus en suivant à la lettre le tutoriel de Eudes qui est celui-ci : Le CMS fonctionne très bien et sur l'émulateur je ne constate aucune erreur (logiquement). En revanche, le chargement de l'hôtel reste bloqué à 76% et je suis persuadé avoir effectué les bonnes configurations nécessaires dans les swfs. Screens de l'émulateur et de l'hôtel : Dans l'attente d'une réponse positive et utile, je vous remercie d'avance.
  3. Bonjour à tous. Je vien vers vous pour une demande d'aide sur la vitesse d'éxécution des wireds. La vitesse du repeat effect est de 1 seconde quand je le met à 0.5 Exemple (1) et il y a certains retros ou le wired ne met aucun temps de pause Exemple (2) Ducoup j'ai essayer de modifier le delay en mettant pour enlever une seconde this.Delay = Delay-1; this.TickCount = Delay-1; et ça fonctionne mais d'autres wireds ne fonctionnent pu Des idées ?
  4. Eh bah, il m'a fallu très peu de temps pour réécrire un sujet au sujet d'UIKit, je te laisse visualiser mon sujet en cliquant si tu ne l'as pas encore vu... Pourquoi je suis revenu aussi rapidement ? Parce que je dois t'avouer matelot qu'en relisant mon sujet, j'ai eu une envie soudaine de partager une template vendue normalement sur Themeforest au prix de 29$, et utilisant le framework UIKit, mais pour éviter que @ Thomas me tape sur les doigts, j'ai préféré respecter les règles d'HabboDev, dans le sens où chaque catégorie est rattachée à des sujets en particulier, mon sujet sur UIKit était un sujet tutoriel, celui-ci, est un sujet de partage. Bien sûr, si @ Thomas n'est pas d'accord pour le partage de sources payantes, alors, nous discuterons ensemble comme de vrais moussaillons autour d'un verre d'hydromel et à bord du CruiseSide afin de trouver les conditions adéquates et/ou nécessaires à ce partage. En tant que capitaine de bord, j'ai décidé aujourd'hui d'appliquer les couleurs primaires d'UIKit sur mes bannières, c'est une façon pour moi de les remercier pour leur travail remarquable qui nous permets à nous, développeurs de croisières de rêves flemmards, de créer des choses sortant de l'entendement. Mon instinct de capitaine me disait de copier-coller la description de cette template dans un traducteur puis de te la partager tel quel. Mais en tant que moussaillon je me dois tout de même de t'expliquer en bref à quoi peut servir cette template : Tout d'abord, elle contient vraiment tous les éléments nécessaires proposés par UIKit pour créer une administration te ressemblant. De plus, elle n'embarque aucune librairie externe contrairement à des templates lambda partagées gratuitement sur le net. Grâce à cette template, tu as d'immenses possibilités qui s'offrent à toi pour créer ce à quoi tu as toujours rêvé de créer, et en plus, c'est gratuit (sauf si @ Thomas me tape sur les doigts) ! J'espère avoir été assez vendeur, car je te rappel que je ne suis pas marchand d'hydromel mais plutôt consommateur si tu vois ce que je veux dire ! Ils sont nombreux, bien que trop nombreux, du coup, je vais essayer de pas m'attarder et de te résumer tout ça rapidement : Construite avec SCSS Système de construction GulpJS Grille Bootstrap BEM Naming Methodology Structure de projet ITCSS Responsive Retina Légère et rapide Adaptative Boards (Style Trello) Fil d'actualités (Style Twitter) Calendrier Messenger Tableau de projets Analytics Factures Profil utilisateur Inscription Connexion UI Kit Alertes Avatars Badges Breadcrumb Groupe de bouton Calendrier Sélecteur de date Sous-menu Divider Eléments de formulaire Téléchargement de fichier Sélection Multiple Carte de profil Etat de carte Tâches Offres et plus... Personnellement à ce jour je n'ai pas trouvé d'inconvénients pour ma part. La seule chose qui peut être ennuyante, c'est le fait de devoir naviguer, se renseigner et récupérer sur un nombre incalculable de pages ce dont on a besoin. Pour faire claire : Inutile de télécharger cette template si tu es un matelot flemmard ! Hmmm... Des screens ? Sincérement ? Non je ne suis pas d'accord, autant visualiser en live pour pouvoir tirer une conclusion plus appropriée à tes attentes ! Il te suffit donc de cliquer ! Avant de te jeter sur le lien de téléchargement, je t'invites à visiter la page officielle du produit et de son marketplace par défaut : C'est ici Maintenant, tu peux télécharger : [Hidden Content] Moussaillon, que les mouettes du Pacifique soient avec toi !
  5. Bien le bonjour à toi moussaillon. Avec mes matelots nous avons décidé d'aborder le sujet du fameux "UIKit" 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 lisant le sujet de @ Swayn qui parlait du fameux "Materializecss" et avec lequel, il a pu créer entièrement un CMS Habbo qui lui était propre et qui a fait bon nombre d'envieux ! Bon, bien sûr, contrairement à @ Swayn, je n'ai pas pris le temps de créer un CMS entièrement avec UIKit, mais je dois t'avouer que dans l'université ou je suis, ce framework est fortement conseillé par les intervenants. Avant de commencer, faisons un point : Maintenant que tu connais c'est quoi un framework, nous pouvons commencer ce tutoriel ! Uikit est un framework CSS facile à prendre en main grâce notamment au nom des classes utilisées mais, aussi les helpers (ou utility) proposés pour vous aider à mettre en place votre layout. Je veux dire par là qu’il est presque possible de mettre en place un design sans avoir à ajouter du code CSS custom. Il est vrai que cela occasionne d’avoir des balises avec beaucoup de classes attribuées, mais au moins cela permet d’harmoniser les méthodes d’intégration entre les développeurs front. De plus en procédant de cette manière, le code CSS que vous aurez à ajouter sera vraiment q’une légère refonte du thème par défaut cela vous évitera notamment les bugs d’affichage liés à la gestion du responsive par exemple. Contenu du framework : des composants : les icônes, les overlays, les badges, alertes, boutons un système de grille performant : comprenant la gestion du responsive, les articles et les sections les éléments HTML basiques : les liens hypertexte, les tableaux, les formulaires les animations css : de simples classes à ajouter à vos éléments pour les animer la navigation : barre de navigation, offcanvas, dropdown des composants javascript : accordéon, modal, slider, slideshow Hautement customisable du fait de la possibilité de combiner les modules. Permet d'ajouter des composants au CSS sans impacter le style général. Possibilité de créer des interfaces utilisateurs poussées. Framework récent, très peu de ressources et de documentations. Avant de commencer, il te faudra ton équipement matelot, sinon, tu risques de pas faire long feu face aux têtes-grises. Sublimetext 3 Une cible projet qui t'encourage à continuer Une peinte d'hydromel de café Une boussole montre précise Comment j'inclus la librairie sur une page sans forcément devoir télécharger les fichiers correspondants ? [Hidden Content] Comment je crée un accordion ? [Hidden Content] Comment je crée un minuteur (countdown) ? [Hidden Content] Comment je crée un tableau ? [Hidden Content] Comment je peux créer ce que je veux ? En te documentant ici. Effectivement, nous pouvons dire qu'UIKit peut remplacer Bootstrap avec un peu plus de possibilités, qu'en pensez-vous ? Si vous avez envie d'intégrer les fichiers d'UIKit sur votre site, sans passer par les liens directs, voici le lien de téléchargement : [Hidden Content] En espérant voir très bientôt des rétros, des templates et/ou autres avec ce framework qui te permet facilement de créer de superbes choses ! Que la mer soit avec toi, moussaillon !
  6. Bonsoir, J'aimerais savoir comment je pourrais faire en sorte que le système du Habbo Citoyen et du Guide soit fonctionnel. Comment dois-je procéder?
  7. Salut a tous, j'ai un soucis avec mon client. Quand je fait entrer dans l'hotel, ça charge normalement jusqu'à la pas de soucis mais a la fin du chargement a 100% j'ai un chargement. Je vois mes amis mon nombre de crédits et tout ça mais impossible d'aller dans le jeux :/ Merci à tous et bonne fin de soirée Screen ci-dessous:
  8. Bonjour, ayant configurer mon emulateur et tout ce qu'il suit au moment de lancer mon emulateur j'ai cette erreur qui s'affiche en rouge et je ne trouve rien sur iternet quand je tape mon lien du retro.. sachant que j'ai bien fait les modification de l'heure sur mon vps etc.. je n'arrive pas a trouver d'ou cela pourrait venir..
  9. Bonjour, Je rencontre un problème depuis un moment sur les rétros. Je m'explique : Quand je souhaites discuter avec des joueurs, leurs pseudo s'affichent comme sur le screen ci-dessous. Au début je penser que c'était du à une erreur de dév d'un rétro mais finalement ça me le fait sur plusieurs rétros et également sur le mien. Le soucis c'est que ça me le fait qu'a moi, le reste de ma communauté n'a pas ce soucis ou même les personnes rencontrés sur d'autres rétros n'ont pas ça... Je comprend pas, j'ai besoin de votre aide. Merci -Gael
  10. 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
  11. Salut, Aujourd'hui je vais partager avec vous un style de transition/animation CSS sur des éléments qui sont présentés de manière perspective. Vous pouvez utilisé ces box comme un système de notifications ou autres... Ces propriétés CSS ne sont pas couramment utilisées, du coup, sa risque de ne pas fonctionner sur quelque navigateurs (mix-blend-mode, la nouvelle grille CSS...) Screenshots: https://gyazo.com/b0fd60c1d34f4e3f1c664067e931e5fb Démonstration: http://mapage.my-1.fr/Perspectives/ Code: <!doctype html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Notification perspective UI</title> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> <style type="text/css"> body { margin: 0; padding: 0; background: #34495e; color: #222f3e; font-family: 'Roboto', Trebuchet MS, sans-serif; font-size: 1em; display: grid; grid-template-columns: auto; grid-template-rows: auto; } ul { list-style-type: none; } .container { display: grid; grid-template-columns: 50% auto; height: auto; align-self: center; margin: 0 50px; } ul { perspective: 1000px; margin-top: 300px; } ul li { display: grid; grid-template-columns: 20% auto; border-radius: 10px; padding: 15px; cursor: pointer; transform: rotateX(15deg) rotateY(-30deg); position: absolute; border-bottom: 4px solid rgba(0,0,0,.2); width: 70%; mix-blend-mode: multiply; } ul li:hover { transform: rotateX(15deg) rotateY(-30deg) scale(1.1); z-index: 3; mix-blend-mode: normal; } ul li:nth-child(1) { background: #bfe8fc; top: -97px; z-index: 2; } ul li:nth-child(2) { background: #faffc8; z-index: 1; } ul li:nth-child(3) { background: rgb(242, 228, 255); top: 97px; } img { width: 70px; } h1 { font-size: 3em; margin-top: 0; } #left > p { line-height: 1.5em; } #left { color: #ecf0f1; } </style> </head> <body> <div class="container"> <div id="left"> </div> <div id="right"> <ul> <li> <img src="dir/static/img/roda-jc-1.svg"> <span> <strong>Title</strong> <p>This is a description</p> </span> </li> <li> <img src="dir/static/img/oregon-ducks-2.svg"> <span> <strong>Title</strong> <p>This is a description</p> </span> </li> <li> <img src="dir/static/img/university-of-wisconsin-milwaukee-11.svg"> <span> <strong>Title</strong> <p>This is a description</p> </span> </li> </ul> </div> </div> </body> </html> Je vous conseil d'utiliser des images SVG pour les îcones Après, c'est à vous d'adapter les choses sur vos sites. Bon usage.
  12. 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
  13. 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)
  14. Bonjour à tous ! Partant d'un constat qui était celui du manque de script ou cms fonctionnel permettant l'envoie & l’administration de dédicace étant à la fois sécurisé et complet sur le web. Je me suis donc décider à en faire un. Après plusieurs jours de travaille , j'ai le plaisir de vous présenter : Dedi 6 (Du doux jeux de mot Système de dédicace) est un CMS plug and play : Juste à configurer l'installation à la DB & il s'occupe du reste , création de la DB (Table , colonnes (Afin de voir comment il fonctionne)). Totalement codé en Html/Css/Php , j'ai utilisé BootStrap , fontawesome , jquery pour certaines animation. L'interface client est à 100% responsive , je suis actuellement entrain de travailler sur une version iframe afin d'intégrer le formulaire dans n'importe quel site de n'importe quelle taille. L'interface admin est à 90% responsive (J'y travaille) Fonctionnalités : Ban IP. Deban IP. Affichage des IP. Captcha (+ système de Honeypot pour être sûr de limiter au maximum les bots). Suppression des messages. Connexion. Vérification constante des champs & des sessions. Avantages : Faille XSS. Faille Include. Injection SQL. ip proxy by-pass. Screen : Conclusion : Si vous avez des idées , suggestions ou quoi que ce soit vis à vis du scripts , n'hésitez pas à me contacter ! Aucun lien de téléchargement pour l'instant , j'attend des retours pour le mettre en open source (Mais ça ne serait tarder). Si vous êtes intéressez par celui-ci pour votre radio , serveur , etc.. contacter moi on peux on discuter en MP. Merci à tous.
  15. Hello ! Je suis nouveau, je me suis inscris sur ce forum spécialement pour vous partager ce que je fais depuis quelques jours , bien que je connaissais déjà ce forum depuis quelques temps car j'y pioche pas mal de mes ressources et regarde pas mal de tutoriaux dessus ! J'ai tenté de reproduire une partie du client d'Habbo en HTML, CSS et Javascript ! Voici ce que j'ai fait : Vue Aérienne Navigateur Catalogue (partiel) Profil Partie d'aide (pas encore faite) Je prévois d'aller plus loin et de créer les appartements par la suite mais je n'ai absolument pas les connaissances nécessaires ! PS : Actuellement il n'y a pas de php, je prévois de l'ajouter la semaine prochaine, afin que cela soit + réel. Je me suis basé sur Achille CMS, et pour le catalogue il a été partagé sur ce forum par quelqu'un d'autre. Voici les captures : EDIT 27 Mai Je n'ai absolument pas de "projet final" (d'objectif particulier), je fais uniquement cela pour me passer le temps Voilà ! En attente de vos avis précieux, vos conseils et remarques ! Bonne soirée à vous.
  16. Petit tuto sur BrainCMS 1.9.1 Salut tout le monde, je vous fais ce sujet très rapide juste pour vous montrer comment remettre cette image qui se balade sur le formulaire d'inscription. Pour ce faire c'est tout simple. RDV dans templates\brain\style\css\register.css. La ligne impliquée est la 5ème : Il vous suffit de supprimer la partie : margin-left: -95px; Et voici le résultat : Ce n'est pas grand chose mais je n'ai pas trop compris pourquoi c'était comme ça de base sur le CMS. Bonne journée ♥
  17. 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
  18. 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
  19. 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.
  20. Bonsoir, bon dans mon temps perdu du weekend j'essai de m'améliorer à développer pour bientôt m'attaquer au PHP autre que includes et les variables ! Bon, ne dominant pas le CSS du bout des doigts, je vous montre une maintenance que j'ai fais vite fait un soir, merci de vos avis et des bonnes critiques ! Démo : http://goodtroc.ml/yazoxmaintenance/ (pour voir le code, les hovers, musique etc...) Screenshots : Bonne soirée & merci d'avance pour vos commentaires !
  21. Salut à tous ! Il y a quelques mois je vous ai présenté une maintenance de débutant que j'avais faite lors de mes débuts en html et css. Et après celle-ci j'ai fais une pause et la je viens de rependre il y a deux jours. En ces deux jours j'ai fais deux pages (premierepage pour site) Et j'aimerai avoir vos avis et des conseils pour améliorer celles-ci. Des animations (hover etc...) sont présentes sur des écritures. 1er Page : 2ème page : J'aimerai aussi savoir si vous préférez la deuxième ou première page ! J'ai crée un petit sondage ! Merci d'avance à ceux qui auront réagit !
  22. Bonjour, je suis en train de monter mon projet de rétro habbo, nommé RIBBO. J'ai actuellement à mes côté un gérant et un animateur. Pour l'ouverture du rétro, je ne veux pas 20 staffs à mes côté se serais trop inutile. Je suis donc à la recherche d'un développeur web pour nous concevoir un CMS unique ! Le développeur sera rémunérer en fonction du temps passer sur le projet et la qualité du cms. Entre autre plus il passera de temps sur le développement du cms, moins ils sera payé. Au niveau du design du CMS j'en parlerais directement avec le développeur - Via mon facebook --> https://www.facebook.com/kasutage.dev - Via mon discord --> Kasutage#7353 Cordialement, Kasutage et toutes l'équipe de Ribbo Hôtel ! Si vous souhaitez d'avantages d'informations n'hésitez pas à me demander en commentaires sous ce topic ou directement sur mes réseaux qui vous sont donnés plus haut . Merci àÈsska (S-K)pour la présentation.
  23. Salut les amis ! Je vous explique, il y a 1 mois de sa j'avais commencé le html et css ce n'étais que les débuts je découvrais à peine le <p>, on n'a tous un début, mais j'ai dû arrêter par manque de temps, comme je suis en vacance et motivé je m'y relance, j'ai recommencé hier soir, et j'en n'ai profité pour faire une petite page de maintenance (bas de gamme) avec les moyens du bord en html et css et donc je voudrais avoir vos avis pour mes débuts, si vous avez des conseils etc.. Merci ! (si des gens veulent la page pour quelconque raison dites en commentaire ou autre part je la mettrai à disposition ^^ ! (ps : j'ai encore quelques modifs à faire) Grâce aux commentaires des membres de HDEV la page est devenu comme cela :
  24. Bonsoir, je vais vous montrez mon début de site en HTML et CSS Je précise que je suis un débutant dans le html et CSS j'accepte toute critique, merci. Ce début de CMS à etait codé par moi et mon pote qui va m'aider part la suite je vous laisse le code HTML ci-dessous avec un petit screen Fade, Apprenti développeur. Header Footer Code html : <!DOCTYPE html> <html lang="fr-FR"> <head> <title>Nolex - Accueil</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="assets/css/style.css"> </head> <body> <header> <h1>Nolex</h1> </header> <nav> <div class="table"> <ul> <li class="menu-ind"> <a href="#"><b>Accueil</b></a> </li> <li class="menu-exp"> <a href="#"><b>Nouveauté</b></a> </li> <li class="menu-hob"> <a href="#"><b>Equipe</b></a> </li> <li class="menu-con"> <a href="#"><b>Support</b></a> </li> </ul> </div> </nav> <div class="titre"> <p><img src="./assets/img/info.png">Le site est actuellement en cours de développement, si vous voyez des bugs ou des pages non faites c'est normal.</p> </div> <footer> <p> © Nolex, 2018 - 2019 NolexCMS Développé par<b class="no"> No'</b> </p> </footer> </body> </html>
×
×
  • Create New...