Jump to content

Cloudfordream -  NabboHotel -  CloudCMS

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

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 37 results

  1. Bonjour à tous, Depuis plus d'une semaine je ne peux pas accéder à habbo.com/.es/.com.br etc car le chargement bloque à 76%. J'arrive à me connecter sur habbo.fr et .com.tr sans soucis, c'est étrange. J'ai essayé de désinstallé, ré-installé Java et Flash Player, changer de navigateur, effacer les caches et cookies, redémarrer la box, etc mais sans succès. Merci de l'aide que vous m'apporterez.
  2. Bonjour, J'ai un problème sous PlusEmu avec un wired. Voici un GIF pour mieux comprendre. J'ai essayer de visualisé le furniture en base de donnée, j'ai essayé d'inspecter le code émulateur mais je ne trouve pas si quelqu'un a la solution Merci de vôtre aide.
  3. Eudes

     html Buttercake

    Bien le bonjour à toi moussaillon. Avec mes matelots nous avons décidé d'aborder le sujet du fameux "ButterCake" qui est un framework te permettant de créer un navire rapidement tout en respectant l'esthétique des nouvelles technologies web. J'ai eu cette petite idée en relisant le sujet que j'avais rédigé, et qui parlait du fameux "UIKit" . Bon, bien sûr, contrairement à @ Swayn, je n'ai pas pris le temps de créer un CMS entièrement avec ButterCake, mais je dois t'avouer qu'en entreprise, ce framework est un petit plus à ne pas négliger. Avant de commencer, faisons un point : Maintenant que tu connais c'est quoi un framework, nous pouvons commencer ce tutoriel ! ButterCake est un framework CSS facile à prendre en main grâce notamment au nom des classes utilisées mais, aussi les helpers (ou utility) proposés pour vous aider à mettre en place votre layout. Je veux dire par là qu’il est presque possible de mettre en place un design sans avoir à ajouter du code CSS custom. Il est vrai que cela occasionne d’avoir des balises avec beaucoup de classes attribuées, mais au moins cela permet d’harmoniser les méthodes d’intégration entre les développeurs front. De plus en procédant de cette manière, le code CSS que vous aurez à ajouter sera vraiment q’une légère refonte du thème par défaut cela vous évitera notamment les bugs d’affichage liés à la gestion du responsive par exemple. Contenu du framework : des composants : les icônes, les overlays, les badges, alertes, boutons un système de grille performant : comprenant la gestion du responsive, les articles et les sections les éléments HTML basiques : les liens hypertexte, les tableaux, les formulaires les animations css : de simples classes à ajouter à vos éléments pour les animer la navigation : barre de navigation, offcanvas, dropdown des composants javascript : accordéon, modal, slider, slideshow Hautement customisable du fait de la possibilité de combiner les modules. Permet d'ajouter des composants au CSS sans impacter le style général. Possibilité de créer des interfaces utilisateurs poussées. Framework récent, très peu de ressources et de documentations. Avant de commencer, il te faudra ton équipement matelot, sinon, tu risques de pas faire long feu face aux têtes-grises. Sublimetext 3 Une cible projet qui t'encourage à continuer Une peinte d'hydromel de café Une boussole montre précise Comment j'inclus la librairie sur une page sans forcément devoir télécharger les fichiers correspondants ? [Hidden Content] Comment je crée un accordion ? [Hidden Content] Comment je crée des chips (badges) ? [Hidden Content] Comment je crée un tableau ? [Hidden Content] Comment je peux créer ce que je veux ? En te documentant ici. Effectivement, nous pouvons dire que ButterCake peut remplacer Bootstrap avec un peu plus de possibilités, qu'en pensez-vous ? Si vous avez envie d'intégrer les fichiers de ButterCake sur votre site, sans passer par les liens directs, voici le lien de téléchargement : [Hidden Content] En espérant voir très bientôt des rétros, des templates et/ou autres avec ce framework qui te permet facilement de créer de superbes choses ! Que la mer soit avec toi, moussaillon !
  4. Bonjour je souhaite faire un systéme d'abonnement sur mon site de pronostic sportifs . Je m'explique je voudrais enfaite une page de paiements directement dans la catégorie (devenir vip de mon site) renseigner c'est cordonnée bancaire, et un cochement de j'accepte les cgv, avec un abonnement à 20euro par mois avec prelevements chaque mois jusqua resiliation par email. Et une autre option à 50 euros 3 mois. Merci si quelqu'n peut m'accorder sont aide, je rémunére.
  5. Salut , J'ai besoin d'aide pour mon retro habbo, voila les screen : LE PHOENIX DE MON RETRO HABBO : QUAND JE VAIS DESSUS : LES FICHIER DE CONFIGURATION DE MON RETRO HABBO : LES SWF DE MON RETRO HABBO : TEXTS http://hsource.fr/swf_r63a/V3/gamedata/external_flash_texts. Vars : http://hsource.fr/swf_r63a/V3/gamedata/variables.txt SWF : http://hsource.fr/swf_r63a/V3/gordon/R64/HSource.swf Ya pourtant adobe flash qui est activer donc voila
  6. Bonsoir ou Bonjour Je fait ce sujet car j'ai un problème avec mon site web... Je souhaite installer le https sur mon site j'ai installer le certificat ssl sur mon hébergeur plesk , quand je tape https://liendemonsite.fr ça fonctionne mes des que je tape mon site sans le https par exemple liendemonsite.fr ça me met http et donc connexions non sécurisé. J'aimerais avoir une aide directement par teamviewer ou autre c'est assez urgent sachant que je reçois mon numéro de Siret pour mon entreprises d'ici une semaine et qu'il y a une option de paiements. En espérant avoir des réponses , je peux rémunérer 5 euros.
  7. 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?
  8. Bonjour, j'aimerais savoir comment modifier le nom à côter d' "Hotel" ?
  9. Bonjour, j'ai acheter des ressources à quelqu'un et donc j'ai mis le sql de l'emu des ressources en question et bien quand je rentre dans le client sa veux pas rentrer voici l'erreur sur l'emu ça me met cet erreur https://zobbawh.fr/ mon discord : VivaxTV#1245 (Si vous voulez m'aider en privée)
  10. Bonjour je viens vous faire part d'un petit problème je viens de réinstaller un cms sur mon site est quand je m'inscris dessus quand je clique sur valider l'inscription ça m'enmene sur une page blanche puis quand j'actualise je retourne sur l'index, alors que la db fonctionne bien je comprend pas le problème si quelqu’un est caler en informatique pour m'aider dans ce problème dites moi en commentaire je peu rémunérer jusqu’à 5 euro en Paypal. Voici ce que ça me fait quand je clique sur valider l'inscription : Cordialement christopher.
  11. 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:
  12. 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.
  13. 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 ?
  14. 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 !
  15. 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 !
  16. 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..
  17. 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
  18. 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
  19. 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.
  20. 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
  21. 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)
  22. 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.
  23. 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.
  24. 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 ♥
×
×
  • Create New...