Présentation de mon menu..

Kilian'

Développeur HTML5/CSS3 - PHP
Premium
Inscription
16 Août 2012
Messages
3 503
Réactions
990
Points
17 711
RGCoins
25
Tu peut aller voir le projet qui vas avec : https://reality-gaming.fr/threads/mon-nouveau-projet.470930/

EDIT 1 (AJOUT D'ICONES) :
4a6a59a8f0040e45afa411ea6bebd9ae.png

S
alut les gars !

Je viens de créer un menu juste avec du HTML5 et du CSS3 et je voulais vous le présenter, ce menu est responcive dans la limite d'un écran de 1100 pixel de largeur. (1094 en vraie)

Si vous voulez allez voir par vous même, il est disponible ici :

Les Devlogs :

Devlog #1
Pour le moment aucun lien ne mène a rien mais je pense bien développé mon site sur cette base ;)

Merci !

(firefox)
bd89d07f2c1656d13f2a24f2d628b485.gif



(chrome)
fd29f4657bdd20570a375e19fab571e0.gif


26/07
c2d8669a62cef7093f9d3bf410ddc307.png
 
Dernière édition:
c2d8669a62cef7093f9d3bf410ddc307.png

(Il ce peut qu'il y et des bug's pour les personnes qui sont sur un écran de plus de 1366*768px)

S
alut les gars !

Je viens de créer un menu juste avec du HTML5 et du CSS3 et je voulais vous le présenter, ce menu est responcive dans la limite d'un écran de 1100 pixel de largeur. (1094 en vraie)

Si vous voulez allez voir par vous même, il est disponible ici :

Pour le moment aucun lien ne mène a rien mais je pense bien développé mon site sur cette base ;)

Merci !

Gif :
(firefox)
bd89d07f2c1656d13f2a24f2d628b485.gif



(chrome)
fd29f4657bdd20570a375e19fab571e0.gif



J'adore ta créations mec, continue comme sa :)
 
Couleurs bien trouvées, jolie police, icones bien choisis, et non surchargé, bravo (Je kiff :D)
 
J'adore ta créations mec, continue comme sa :)
Merci ton message me fait super plaisir ! :D
Couleurs bien trouvées, jolie police, icones bien choisis, et non surchargé, bravo (Je kiff :D)
Merci pour ton message ça m’encourage a continué ! :D
Salut,
Aucun problème d'affichage sur un 1920*1080p ;)
Ah bah nickel alors, c'est juste quand je dezoom il y a un problème je je peut pas aller sur le menu déroulant mais merci ! :D
 
Couleur sympa et typo aussi, attention par contre avant un "?" on met en espace, pas trop fan par contre du halo noir dessous.

Au niveau code sur le HTML, pourquoi mettre 3 div avant la balise nav, les html5 a justement créer les balises nav, article, header, footer pour réduire ce genre de chose, la div bloc-principal fait doublon avec le <body>, la div content (contenu) c'est un triplon et la div menu c'est un doublon de la balise nav (navigation = menu).

Le css est bien commenté donc c'est un très bon point.

Par contre ce n'est pas du tout responsive, vu qu'il ne s'adapte pas à tout les supports, je dirais meme qu'il ne s'adapte qu'au support PC. Pour le responsive il faut voir du coté des média queries.

A+
 
Bonjour,

Personnellement, j'aime bien. Reste sur cette lancée.
PS: je n'ai pas compris l'option "Manager". C'est une sorte d'accès vers le panel d'administration ?

Bonne soirée.
 
Couleur sympa et typo aussi, attention par contre avant un "?" on met en espace, pas trop fan par contre du halo noir dessous.

Au niveau code sur le HTML, pourquoi mettre 3 div avant la balise nav, les html5 a justement créer les balises nav, article, header, footer pour réduire ce genre de chose, la div bloc-principal fait doublon avec le <body>, la div content (contenu) c'est un triplon et la div menu c'est un doublon de la balise nav (navigation = menu).

Le css est bien commenté donc c'est un très bon point.

Par contre ce n'est pas du tout responsive, vu qu'il ne s'adapte pas à tout les supports, je dirais meme qu'il ne s'adapte qu'au support PC. Pour le responsive il faut voir du coté des média queries.

A+
Le "?" a été enlever sur les nouvelle versions, j'aime bien et si tu regarde s'il n'y avait pas ça quand tu passe t'a souris dessus tu n'aurai pas de marge puisque le font est le même en gros tu verrais pas la séparation ;)
Oui c'est vraie au niveau des div's j'ne met beaucoup et j'ai déjà esseyer d'enlever et de dissocié les deux (Menu contenue) mais impossible je devrai tout refaire la code..
Oui je sais il n'est pas responsive pour les mobile mais juste pour les écran de PC de maintenant ;) Et je suis débutant ce menu est un test, donc au fur et a mesure que j'apprend je vais mettre ça en place ^^
Bonjour,

Personnellement, j'aime bien. Reste sur cette lancée.
PS: je n'ai pas compris l'option "Manager". C'est une sorte d'accès vers le panel d'administration ?

Bonne soirée.
Merci !! :D Non, juste accès a ton compte j'aurais put mettre compte ou bien Membre mais je trouve que Manager vas mieux ^^
 
Le "?" a été enlever sur les nouvelle versions, j'aime bien et si tu regarde s'il n'y avait pas ça quand tu passe t'a souris dessus tu n'aurai pas de marge puisque le font est le même en gros tu verrais pas la séparation ;)
Oui c'est vraie au niveau des div's j'ne met beaucoup et j'ai déjà esseyer d'enlever et de dissocié les deux (Menu contenue) mais impossible je devrai tout refaire la code..
Oui je sais il n'est pas responsive pour les mobile mais juste pour les écran de PC de maintenant ;) Et je suis débutant ce menu est un test, donc au fur et a mesure que j'apprend je vais mettre ça en place ^^

Merci !! :D Non, juste accès a ton compte j'aurais put mettre compte ou bien Membre mais je trouve que Manager vas mieux ^^
Ah d'accord, en espérant que bientôt on entendra parler de toi sur le virtuel. ;)
 
Devlog #1 !

Salut a tous on ce retrouve pour le devlog numéro et le premier d'une longue série je l'espère !

Alors aujourd'hui je viens vous parlez des ajouts qui ont été faits a mon menu et je sais pas si je vais continuer a l'appeller
menu vue qu'il commence a prendre une tout autre ampleur bref j'en dit pas plus !
(Si tu veut en savoir plus et peut-être m'aidé, ajoute moi sur skype pour en parlé ! {RDPKilian} )

Alors les principaux ajouts qui on été fait visuellement :

Tout d'abord on peut voir les icônes, j'ai mis des icone a tout les menu et je trouve finalement que les icônes ont bien
été trouvé et quelle vont bien avec leurs menu après c'est sur si vous n'êtes pas d'accord,
dite le comme ça j'aurai votre avis et pas que le mien !
(Celle-ci sont bug sur Firefox je sais pas pourquoi..)

Ensuite il y a eut le conteneur, en gros la ou il y aura des articles ou je sais pas quoi,
il y en n'a deux, un de droite et un de gauche, je pense qu'il y aura dans celui de droit des infos
sur le sujet ou je sais pas quoi, et l'autre partie le sujet en lui même.
Pour la couleur de celui ci je ne sait pas encore, ma copine a conseillez de mettre de la même
couleurs que le menu mais je sais pas je suis pas trop pour cette idée enfin je suis ouvert a tout proposition !

J'ai par ailleurs ajouter un footer que j'ai fait avec la balise qui et dédié a ceci en HTML5 pour
respecter un peut la syntaxe du HTML5 (cc @Nothrod)

Enfin, ajouts qui on été fait en arrière plan :

Pour ce qui et de l'arrière plan rien de grandioze j'ai juste fait de telle sorte que,
lorsqu'on réduise la page (en largeur) et bien tout soit aligné sur la même ligne.
(Tu peut le vérifié en réduisant la page.)

Voila je pense que c'est tout pour ce Devlog #1 !

Bye les gens !

( @Gautier', @COMPTEOFF#SOON, @Faragnight, @Sachifus, @DRACHESS.EXE )
Tu ne veut pas être identifié lors des prochains Devlog ? Viens le dire sur mon profile !
 
Dernière édition:
Devlog #1 !

Salut a tous on ce retrouve pour le devlog numéro et le premier d'une longue série je l'espère !

Alors aujourd'hui je viens vous parlez des ajouts qui ont été faits a mon menu et je sais pas si je vais continuer a l'appeller
menu vue qu'il commence a prendre une tout autre ampleur bref j'en dit pas plus !
(Si tu veut en savoir plus et peut-être m'aidé, ajoute moi sur skype pour en parlé ! {RDPKilian} )

Alors les principaux ajouts qui on été fait visuellement :

Tout d'abord on peut voir les icônes, j'ai mis des icone a tout les menu et je trouve finalement que les icônes ont bien
été trouvé et quelle vont bien avec leurs menu après c'est sur si vous n'êtes pas d'accord,
dite le comme ça j'aurai votre avis et pas que le mien !
(Celle-ci sont bug sur Firefox je sais pas pourquoi..)

Ensuite il y a eut le conteneur, en gros la ou il y aura des articles ou je sais pas quoi,
il y en n'a deux, un de droite et un de gauche, je pense qu'il y aura dans celui de droit des infos
sur le sujet ou je sais pas quoi, et l'autre partie le sujet en lui même.
Pour la couleur de celui ci je ne sait pas encore, ma copine a conseillez de mettre de la même
couleurs que le menu mais je sais pas je suis pas trop pour cette idée enfin je suis ouvert a tout proposition !

J'ai par ailleurs ajouter un footer que j'ai fait avec la balise qui et dédié a ceci en HTML5 pour
respecter un peut la syntaxe du HTML5 (cc @Nothrod)

Enfin, ajouts qui on été fait en arrière plan :

Pour ce qui et de l'arrière plan rien de grandioze j'ai juste fait de telle sorte que,
lorsqu'on réduise la page (en largeur) et bien tout soit aligné sur la même ligne.
(Tu peut le vérifié en réduisant la page.)

Voila je pense que c'est tout pour ce Devlog #1 !

Bye les gens !

( @Gautier', @COMPTEOFF#SOON, @Faragnight, @Sachifus, @DRACHESS.EXE )
Tu ne veut pas être identifié lors des prochains Devlog ? Viens le dire sur mon profile !


GG ma couille !
C'est encore mieux :D Continue comme ça !
 
Je ne connais pas ton niveau en développement, mais après avoir vu ton menu je doute que tu soit amateur, j'adore c'est Flat, Design et les couleurs sont très belles.
Encore quelques problèmes sur le côté technique responsive, en zoomant, tes boutons vont vers la droite la largeur de la page depuis plus grande, un vrais menu responsive ne doit pas faire ce problème.
Mais c'est assez compliqué il faut utiliser du JavaScript il me semble .. moi j'utilise Bootstrap c'est plus simple :)
 
Je ne connais pas ton niveau en développement, mais après avoir vu ton menu je doute que tu soit amateur, j'adore c'est Flat, Design et les couleurs sont très belles.
Encore quelques problèmes sur le côté technique responsive, en zoomant, tes boutons vont vers la droite la largeur de la page depuis plus grande, un vrais menu responsive ne doit pas faire ce problème.
Mais c'est assez compliqué il faut utiliser du JavaScript il me semble .. moi j'utilise Bootstrap c'est plus simple :)
Ouais et j'ai pas encore appris javaScript.. :/
Et je comprend pas quand tu zoom les boutons ce déplacent, je vais essayer de faire quelque choses merci ! :D

Edit : Ah oui je vois, c'est au cause de la taille des balise si j'enlève ça après tout les basises ne sont pas du même niveau ce que je ne veut pas faire a a mon "niveau" c'est le meilleurs moyen que j'ai trouvé pour ne pas avoir de problème de taille avec des résolutions d'écran allant de 1000px de largeur a 2 048 px ;)
 
Ouais et j'ai pas encore appris javaScript.. :/
Et je comprend pas quand tu zoom les boutons ce déplacent, je vais essayer de faire quelque choses merci ! :D

Edit : Ah oui je vois, c'est au cause de la taille des balise si j'enlève ça après tout les basises ne sont pas du même niveau ce que je ne veut pas faire a a mon "niveau" c'est le meilleurs moyen que j'ai trouvé pour ne pas avoir de problème de taill avec des résolutions d'écran allant de 1000px de largeur a 2 048 px ;)
C'est très compliqué surtout si tu ne connais pas le Javascript, ça fonctionne que comme ça :/

Moi aussi je suis un projet de développement : :)
 
C'est très compliqué surtout si tu ne connais pas le Javascript, ça fonctionne que comme ça :/

Moi aussi je suis un projet de développement : :)
Pas mal le design même si j'aime pas trop lol ^^ C'est quoi un logiciel ? ^^
 
Pas mal le design même si j'aime pas trop lol ^^ C'est quoi un logiciel ? ^^
Un site web pour que les gens peu importe leur niveau de jeu, suivent des cours sur LoL et à la fin du cours un questionnaire pour savoir si ils passent au rang suivant, tu commence les cours de ton niveau selon ton niveau de jeu (quand tu entre ton pseudo sur le site au début ça recherche dans la base de données de LoL les infos des joueurs)
 
Un site web pour que les gens peu importe leur niveau de jeu, suivent des cours sur LoL et à la fin du cours un questionnaire pour savoir si ils passent au rang suivant, tu commence les cours de ton niveau selon ton niveau de jeu (quand tu entre ton pseudo sur le site au début ça recherche dans la base de données de LoL les infos des joueurs)
Pas mal, bonne chance a toi ! :D
 
Retour
Haut