Kamobbah

Hello,

Plutôt qu'utiliser du PHP pourquoi pas prendre du JS/JQuery ? ça va plus vite je trouve.

Structure de base (quand je vois ton screen)

<form action="?informations=get" method="POST">
	<p>Voulez-vous offrir cet élément en cadeaux ?</p>
	<input id="gift-yes" type="radio" name="gift" />
	<label for="gift-yes">Oui</label>
	<input id="gift-no" type="radio" name="gift" />
	<label for="gift-no">Non</label>

	<div id="facultatif">
		<input type="input" name="nom" placeholder="Nom" />
		<input type="input" name="prenom" placeholder="Prénom" />
	</div>

	<button>C'est parti !</button>
</form>

Tu ajoutes une sélection par défaut sur Non (pour éviter d'avoir un rendu nul + ne pas forcer à le faire offrir sans faire exprès) avec checked

<input id="gift-no" type="radio" name="gift" checked />
<label for="gift-no">Non</label>

Et lorsque on clique sur Oui, tu ajoutes les attributs required sur tes inputs dans la div#factultatif

<script>
$('#gift-no').click(function() {
	$('input', '#facultatif').removeAttr('required');
});
$('#gift-yes').click(function() {
	$('input', '#facultatif').prop('required',true);
});
</script>

Résultat

Ensuite tu prends tes informations en PHP normalement. Ca te réduira les lignes de codes de vérification.

Peace, Kamobbah

Hello,

Je suis ému ! J'ai pas les mots tellement c'est magnifique. Ca ravive tellement de souvenirs. Merci pour l'information !

Peace, Kamobbah

Hello,

A L'ANCIENNE, j'adore. J'ai pas de retro et tout mais ça fait toujours plaise de voir ce genre d'image.

Peace, Kamobbah

Il y a 7 heures, Rick a dit :

L'animation est vraiment pas mal surtout que je suis un grand fan d'animation et que j'en fais tout le temps sur les jeu, franchement très propre tu as géré !

J'ai pas compris le "j'en fais tout le temps sur les jeux".. Sinon merci l'ami, je voulais faire quelque chose d'apaisant et en même temps d'hypnotisant, l'animation marche bien sur moi aussi.

Le 14/02/2018 à 11:31, Symbiosis a dit :

Après c'est propre c'est design c'est beau, mais voilà le thème je trouve que c'est vu et revu

Hello, 

Pour ma part, je suis du côté de @Symbiosis, je ne trouve pas ça si original malheureusement. Cela dit, c'est vrai que c'est beau. Peut-être trop d'espaces vides ?

Peace, Kamobbah

Il y a 2 heures, Rick a dit :

Salut,

 

Pas mal j'aime bien le style, du bon travail et le dégradé est cool !

 

- Rick

Merci, content que ça plaise. Le dégradé je l'ai pris des dégradés spécial client habbo c;

UPDATE:

J'ai fait une petite animation pour donner de la vie à la page.

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.

Citation

Page - https://gyazo.com/928abc4da186f322685c224d3f25d38f

Copyright - https://gyazo.com/9d426396613c149a5c028c945bcf5c3c

inpiration - https://gyazo.com/8b70d42ad2d535b090a746687decfb71

[UPDATE] Animation - https://lightpics.net/i/Dael

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

Hello,

J'aime bien le début de ton CMS mais je le trouve basique. Je sais que ça plais à nombreux aussi le "style de base" de Habbo, mais personnellement je trouve qu'il à fait son temps. Sauf si il a bien été adapté. Même Habbo utilise plus le design de base, comme quoi les temps ont biens changé (vois-tu ?).

Le header

Citation

Le header il est grand, je pense qu'il fait la taille idéal pour ajouter un menu à l'intérieur. Tu sembles t'êtres focus sur le contenu du coup il fait vide, mais une simple image suffira à combler ce manque sûrement. De plus j'aime beaucoup ce que tu as fait là et là cette composition me plaît beaucoup, après centré ou sur le côté dans le header, c'est une question que je me pose. Peut-être que ça dépendra de comment tu placeras tes éléments dans ton header.

Les images

Citation

Les images/icônes utilisées sont une bonne idée je trouve, Habbo est composée principalement d'image, et ça fera vide et "ennuyeux" de voir que de simples boxs sans "fantaisies". Malheureusement les images sont mal utiliées à certains moments.

Comme par exemple ici et ici, bref en gros pour tes alertes. Je trouves que certes elles sont dans le contexte de la box, mais elles ne collent pas avec la box en question.

Dans les boxs des titres, j'aime le fait qu'elles soient sur la droite, ça rend bien et ça change un peu de l'ordinaire. Mais avec les alertes ça fait trop répétitif, du coup c'est moins attractif.

Aussi peut-être retirer les effets d'ombre sur les images/icônes pour certaines situations serait plus propre je trouve.

Les boxs

Citation

Pour les boxs y'a pas 36000 façons de les faire c'est vrai, j'aime la petite box sur le côté je la trouve juste, parfaite. Ni trop grande ni trop petite, ça se marie parfaitement avec la taille de l'entete et l'image. De plus à l'intérieur ce n'est pas encombrer et il y a une harmonie agréable avec les icônes à l'intérieur.

Par contre les grandes boxs (les moyennes ça passe) je les aimes pas, je me répètes peut-être mais je les trouves trop basiques. de plus elle font vide, du coup la taille n'est pas adéquate avec ce genre de box au contenu vide.

Pour finir je vais parler des inputs et des boutons, j'aime les boutons, rien à dire. Les inputs sembles être par défaut en design, peut-être passer en borderless aussi comme les boutons histoire de faire un <form> uni ?

Voilà j'espère que tu l'as pas mal pris, c'est juste des idées/avis que je donne de manière personnelle, après libre à toi d'en faire ce que tu veux.

Peace, Kamobbah

Il y a 13 heures, GoodHotel a dit :

esta weno

Gracias ?

Il y a 13 heures, GoodHotel a dit :

Dura

Que ?

Il y a 8 heures, Taylor Swift a dit :

Très bon contenu comme d’habitute, j’attend toujours que tu sois dispo pour qu’on reprenne un projet ensemble si t’en trouve le temps espèce de business man

 

Jette un œil à ce sujet et aux screen que j’ai poster et laisse ton avis toi qui a des avis souvent constructifs

 

AHAHAHAHAHAHAHAHHAHAHAHAHA désolé je ne passe pas souvent sur inshare, du moins juste pour voir si il y a de nouveaux projets niveau CMS. Mais passe discord on pourra en parler de ton projet (Mandresy#1289).

Je vais voir ton topic de ce pat !

Il y a 6 heures, Rick a dit :

Salut,

 

Le CMS est pas mal niveau design 

 

- Rick

Il y a 1 heure, alfighty a dit :

très bien !!

il y a 53 minutes, Azek a dit :

Wow !

J'adore super boulot l'ami !

 

Merci les gars, ça fait plaise !

Il y a 1 heure, achrafmaziz a dit :

J'aime!

 

Merci bg !

Hello,

Il y a 1an de celà (Voir plus), j'ai partagé ma première édition de CMS.

Je voulais montrer mon évolution à travers ce temps écouler alors j'ai choisis de rééditer ce CMS pour le montrer. Quoi de mieux que refaire maintenant ce qu'on faisait au début pour voir la différence ? J'ai décidé de le rendre le CMS plus fluide, et avoir un design plus smooth tout restant authentique au design de base. De plus cette fois-ci il y a pas de bug c;

J'ai pas trop voulu boosté le CMS, je me suis contenter du minimum afin de permettre d'avoir un site de fan potable et le faire évoluer tranquillement avec le temps pour les détenteurs du CMS.

Après 4 jours de travail :

Voici les images (pour vous mettre l'eau à la bouche) :

https://imgur.com/a/l1slkml

Voici le lien de téléchargement (la db y est bien-sûr incluse et vider sauf pour les looks, pcq j'y tenais à ces 3 looks) ;

http://www.mediafire.com/file/fhosvy9bqv12qxs/H-Actuc_CMS_v3.zip/file

edit : Nouveau lien, il y avait un problème de syntaxe, dsl.

J'ai d'autres projets "plus consistant" que je vous montrerais une fois achever, mais pour ceux qui veulent voir mon évolution pendant cette année la voici :

Citation

[2017] Premier CMS (Apprentissage approfondie PHP)

 

[2017] CMS style client Habbo (apprentissage de JQuery)

 

[2017] CMS retro Habbo (Apprentissage CSS)

 

[2018] CMS pour la NOW (Apprentissage approfondie CSS)

Autres projets non-partager :
- BTCms (Orienté CSS)

- Freaky CMS Paul Édition (Orienté PHP/JS) Vidéo présentation

- Up CMS (Orienté CSS) https://imgur.com/a/QTk58aS

- Club CMS (Orienté fonctions inédites)

- WiredLand CMS (Basé sur Club CMS orienté PHP)

 

Aussi, je tiens à remercier ceux qui m'ont aider dans mon parcours, ceux qui m'ont supporter et ceux qui m'ont conseiller. Votre aide m'a été très précieuse.

Peace, Kamobbah

[V2 peut-être de BeastMOD CMS à venir]

Il y a 3 heures, Breathless a dit :

Merci du partage je pense le modifier en faire un remake, tout en gardant les copyrights originaux bien sur

De nada. Je comptais en faire encore une amélioration, pour montrer mon évolution depuis la première fois que j'ai touché à ce CMS.

Le 20/11/2018 à 22:39, Intrepide a dit :

merci beaucoup

Il y a 18 heures, Fooster08 a dit :

J'aime le style que le CMS

Hello, merci pour vos avis, ça fait toujours autant plaisir qu'il vous plaise !

Le 19/11/2018 à 13:07, Fows a dit :

Très joli CMS, j'aime beaucoup !

Merci !

Il y a 2 heures, Snoww a dit :

LInk?

Someone doesn't read ?
http://www.mediafire.com/file/yjurf09zlgdu6xd/BeastMOD_CMS_-_Kamobbah.zip

Hello,

<div class="box_palmares">
    <div class="box_avatar">
        <img src="https://img.lght.pics/26pP.png" alt="avatar" width="50">
    </div>
</div>

Comme l'a dit @Synxgz il y a différentes options qui s'offrent à toi :

- La position relative sur la box_avatar [pratique pour les petits déplacements]

.box_avatar { position:relative; top: 20px; left: 20px; }
/* LA box avatar se déplacera de 20px de sa position initial vers la droite et vers le bas */

- Le margin sur la box_avatar [pratique pour séparer les objets autour de la box qui a le margin]

.box_avatar { margin: 10px 20px 20px 10px; }
/* La box avatar s'écartera d'elle de 10px les objets au dessus d'elle et à sa gauche, puis de 20px les objets à sa droite en dessous d'elle */

.box_avatar { margin-top: 20px; }
/* La box avatar s'écartera des objets au dessus d'elle de 20px, plus précis quand on veut s'écarter que d'un seul coter
Y'a aussi le margin
-bottom
-left
-right
*/

-La position absolute sur la box_avatar [pratique pour déplacer plus vite la box sur un côté]

.box_palamares { position: relative; }
/* il faut set la box parent sinon les objets en absolute à l'intérieur sortiront de cette box */

.box_avatar { position: absolute; bottom: 5px; right: 50px; }
/* La box avatar se déplacera de 5px vers le haut EN COMMENCANT par le bas de la box palmares et elle se déplacera de 50px vers la gauche EN COMMENCANT par la droite de la box palmares  */

- Les padding pour sur la box_palmares [pratique quand on veux qu'aucun objet à l'intérieur d'une box ne touche les bords de la box principal]

.box_palmares { padding: 5px; }
/* enpêchera tous les objets en elle de toucher les bords, elle les écartes à 5px des bords */

.box_palmares { padding: 5px 10px; }
/* pour élargir les précisions : 5px du haut et du bas ET 10px sur les côtés */

.box_palmares { padding: 3px 20px 40px 15px; }
/* Encore plus précis : 3px en haut, 20px à droite, 40px en bas, 15px à gauche */

Peace, Kamobbah

Il y a 4 heures, Rick a dit :

Salut,

 

Le CMS est pas trop mal mais je le trouve beaucoup trop simple

 

- Rick

Merci pour ton avis, j'aimerais savoir simple dans quel sens ?

Il y a 3 heures, dontbury a dit :

Superbe CMS, hyper joli !

Merci, c'est motivant de savoir que ça plait !

Il y a 3 heures, Taylor Swift a dit :

Je croyais que t'avais plus le temps pour ça ? 

 

Sérieusement c'est pas mal

HAHAAHHAHAHAHAHAHHAH il est vrai c'est pour ça que j'ai pris autant de temps pour faire ces quelques pages. Mais maintenant je vois que mon école est assez "libre" niveau timing, j'ai peu de choses à faire pour elle du coup à partir de 18h et quelques je suis dispo jusque 23h ou plus, du coup c'est tranquille. c; Sinon merci pour ton avis bg

Il y a 1 heure, H3IT0X a dit :

du tres beau travail rien a dire super

cordialement H3IT0X

AHAHHAHAHAHAHAHAHAHHAHA merci, je suis content que ça vous plaise !

il y a 13 minutes, RedSoft a dit :

Salut !

 

Vraiment pas mal après faut voir se que vous allez faire sur habbocity avec votre site de fan

Le design est vraiment propre, bon travail !

 

Cordialement,

RedSoft.

Ouai ils ont déjà un truc bien fondé pour leur site de fan, du coup c'est pratique pour savoir ce qu'il faut montrer.

Merci pour ton avis, je suis un full-stack mais plus penché sur le back-end, et franchement le front-end c'est un vrai défi.

Peace, Kamobbah

Hello,

Il y a maintenant 1 mois que j'ai rejoins l'équipe de la NOW (un site de fan sur habbocity) en tant que développeur. Pour le coup je vous fais un partage sur le design et non les fonctions du futur site. Leur site de base est basé sur BeastMOD CMS (https://noworld.fr/). Je vous ai mis le lien pour que vous puissiez faire des comparaisons.

Voici donc les images de la futur version du site, il n'est pas fini parce que je prend réellement mon temps pour faire un design propre. J'aimerais vos avis :

PS : ne faites pas attention au menu tout à la fin des screens, il est bugué quand je fais un screen full-page.

Citation

Les interfaces principales

https://imgur.com/a/Y9VPa2U

Les menus

https://imgur.com/a/r5lKitO

plus récemment, toutes les interfaces de la section "pays"

https://imgur.com/a/Y2O6uWv

Peace, Kamobbah

Sympa, mais d'un avis personnel je pense que sans les bordures arc-en-ciel ça aurait été top !

Le 27/08/2018 à 02:31, Fords a dit :

Trop Beau CMS

Ahah merci !

Le 02/01/2018 à 14:59, Swayn a dit :

Un concept de CMS intéressant pour les personnes créatives !

 

Par compte, je ne me vois pas le télécharger et travailler dessus car au niveau du design, c'est très très négligé ...

 

Merci pour ce partage, ça en aidera plus d'un !

Merci. Je comprends ce que tu veux dire, c'est vrai que ça manque de "smooth" dans le design. Peut-être si j'ai le temps et l'inspiration je ferrais un truc plus propre !

Il y a 9 heures, John Nabbor a dit :

Ah je comprends mieux pour l'espace membre 

Pour les API, je comprends tout à fait car la plus part des créateurs de rétro ne connaissent pas leur API 

AHHAHAHAHHAHAHAHAHAHAHAHHAH oui exactement, certains ne savent même pas l'utilité des API. Donc autant faire un truc totalement indépendant en intégrer directement les trucs.

Le 27/06/2018 à 05:27, John Nabbor a dit :

Le CMS est plutôt propre mais je ne comprends pas trop pourquoi faire un Avatar Editor et un système de connexion pour un FanSite 

Merci.

Je trouve qu'avoir un espace membre permet une plus grande cohésion avec la communauté du site : communiquer (chat), partager (forum), jouer (quêtes et animations internes/externes), interagir (commentaires), etc.

Le champs est plutôt vaste et c'est plus pratique je trouve.

Pour l'avatar editor, c'est pour éviter toute dépendance pour un site quelconque, et BTC est basé sur aucun retro, du coup pour avoir un API ou quoi ce n'est pas évident car les retros préfères garder les API personnelles (va savoir pourquoi).

Hello,

Alors il y a peu j'ai rejoins l'équipe de la BTC (bouffe toi ça), un (futur) site de fan. Alors j'ai décidé de faire une update d'un CMS que j'avais fait et partagé auparavant sur inshare (BeastMod CMS : ici).

Niveau technique, systèmes, etc, tout va bien. Je n'ai aucun problème de ce côté. Mais j'ai eu une envie de rafraîchir le design du CMS, du coup je l'ai recommencé de 0.
C'est donc ce que j'ai fait (et aussi avec un peu l'aide et les avis des membres de l'équipe de BTC). Voici ce que j'ai fait jusqu'à maintenant :
 

Citation

Dans l'index

Page index - https://lightpics.net/i/2jdc

Articles - https://lightpics.net/i/2jdm

Classements - https://lightpics.net/i/2jd3

Derniers inscrits - https://lightpics.net/i/2jdV

Citation

L'espace membre

Page inscription - https://lightpics.net/i/2jdq

Deconnexion/Système connexion/Menu personnel ("fonctions") - https://lightpics.net/i/2jdy

Menu personnel - https://gyazo.com/bdc5ba367c2059c73a571b5f71c0ea65

Citation

Dans les paramères

Page préférences - https://lightpics.net/i/2jd5

Page look - https://lightpics.net/i/2jd9

Système look - https://lightpics.net/i/2jdT

Citation

Dans l'équipe

Page staff - https://lightpics.net/i/2jd4

Profil staff - https://lightpics.net/i/2jd1

C'est tout ce que j'ai fait pour le moment.

Pourquoi pour le moment ? Parce que le design ne me plaisait pas du coup j'ai décidé de RE-recommencer le design MAIS j'ai pas d'idée de design.

C'est pourquoi je cherche un web-designer pour rejoindre l'équipe de la BTC avec moi et m'aider à rendre ce CMS aussi beau qu'efficace.

Je tiens à préciser que ce poste n'est pas rémunéré (et je ne le suis pas aussi, je le fais purement de manière bénévole).

Pour voir un peu ce qu'il y a dans la V2 de BeastMod vous pouvez aller sur sur ce site de test que j'ai créer : ici (il y a pas grand chose de nouveau : certains détails améliorer,  instauration d'un forum, création de look sans avatar, fixation de certains bug, amélioration des systèmes...) [Toutes les pages ne sont pas fonctionnel parce que la V2 n'est pas totalement finie].

Voilà, tout est dit je pense. Si ça vous intéresse passer en mp. Merci d'avance.

Peace.

Hello,

Je viens de voir tout tes travaux, chapeau l'ami ! C'est motivant de voir des personnes se lancer dans un Habbo en HTML5.

+1 et bonne continuation pour ton projet que je suis à partir de maintenant.

Le 08/05/2018 à 15:46, AxelTouPseudo a dit :

Il est ou st^p

Dans les fichiers de ton logiciel qui te permettent d'accéder à ton site local