CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| La partie header du forum | |
| Lyress ♣
{ Membre }
Messages : 153
| Bonjour bonjour!
Barre de navigation
Je trouve qu'elle fait trop «simple». Un simple hover avec une bordure trop «grosse» et basique, je pense qu'il y aurait meilleur ^^".
Voici donc mes idées:
1.Enlevez carrément les bordures, puis séparer les boutons par une barre visible (semi-noire?) dont le height est à 100%. Au survol, le background du bouton (càd l'espace compris entre 2 barres) change de couleur (gris?) et avec une petite transition de 0.5s je pense que ce serait hyper joli.
2.On diminue la largeur de la bordure, ainsi que l'arrondis et on ajoute un background (gris?). Au survol, tout comme la bordure qui deviendra rouge, le fond également mais d'un rouge plus sombre, toujours avec une transition de 0.5s.
Vide inter-sidéral :PSHiiiit:
On voit clairement le vide inter-sidéral présent à côté du logo, c'est moche non? On va voir comment faire! FA propose une navbar où tout les liens sont entassés. Personnellement, je trouve ça plutôt «moche», je préfère une partie réservée au compte (soi disant Déconnexion, Inscription, Connexion, Profil et messagerie), et une autre partie moins évidente réservée au reste des liens. Donc voici deux petites idées pour remédier à ces deux petits problèmes:1.Je propose d'enlever les boutons réservés aux comptes de la navbar (soit grâce au javascript, soit en refaisant carrément la navbar en supprimant la variable), puis de les remettre dans un encadré sous une plus belles présentation (à vous de voir, genre une popup, un tableau, des liens tout simples, ajouter l'avatar de l'utilisateur dedans ...), et les autres boutons on les laisse là où ils sont. L'encadré se situera dans le vide à côté du logo, plutôt vers la droite. Donc ceci comblera ce vide, et fera une meilleure présentation des boutons. 2.Vous voyez vous aussi ce vide gigantesque inoccupé à gauche et à droite ? Quel gâchis! Mais ne vous inquiétez pas, j'ai une solution! Pour profiter de ce vide, on transformera le navbar en liste, càd qui prendra la longueur, on divise celle-ci en 2 partie (comme on a dit, une partie compte et l'autre les liens nuls ), on enveloppe, on signe, et puis on vire chacune d'un côté! Mais! Il y a toujours l'autre vide là à côté du logo! Pourquoi ne pas y mettre le « Panneau d'utilisateur » qui y sera affiché dans toutes les pages, et pas que l'accueil!
J'attends vos avis & vos critiques! |
Dernière édition par Lyress ♣ le Jeu 27 Jan 2011, 17:20, édité 3 fois | |
| | | Lyress ♣
{ Membre }
Messages : 153
| | | | Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| - Citation :
- 2.On diminue la largeur de la bordure, ainsi que l'arrondis et on ajoute un background (gris?). Au survol, tout comme la bordure qui deviendra rouge, le fond également mais d'un rouge plus sombre, toujours avec une transition de 0.5s.
Je trouve que ça va faire beaucoup de rouge après, ça va faire trop surchargé. - Citation :
- On voit clairement le vide inter-sidéral présent à côté du logo, c'est moche non? On va voir comment faire!
FA propose une navbar où tout les liens sont entassés. Personnellement, je trouve ça plutôt «moche», je préfère une partie réservée au compte (soi disant Déconnexion, Inscription, Connexion, Profil et messagerie), et une autre partie moins évidente réservée au reste des liens.
Donc voici deux petites idées pour remédier à ces deux petits problèmes:
1.Je propose d'enlever les boutons réservés aux comptes de la navbar (soit grâce au javascript, soit en refaisant carrément la navbar en supprimant la variable), puis de les remettre dans un encadré sous une plus belles présentation (à vous de voir, genre une popup, un tableau, des liens tout simples, ajouter l'avatar de l'utilisateur dedans ...), et les autres boutons on les laisse là où ils sont.
L'encadré se situera dans le vide à côté du logo, plutôt vers la droite. Donc ceci comblera ce vide, et fera une meilleure présentation des boutons.
2.Vous voyez vous aussi ce vide gigantesque inoccupé à gauche et à droite ? Quel gâchis! Mais ne vous inquiétez pas, j'ai une solution! Pour profiter de ce vide, on transformera le navbar en liste, càd qui prendra la longueur, on divise celle-ci en 2 partie (comme on a dit, une partie compte et l'autre les liens nuls Razz), on enveloppe, on signe, et puis on vire chacune d'un côté!
Mais! Il y a toujours l'autre vide là à côté du logo! Pourquoi ne pas y mettre le « Panneau d'utilisateur » qui y sera affiché dans toutes les pages, et pas que l'accueil! Pour ça, je suis tout contre! x) CSSActif est très bien comme ça. Pourquoi faire une liste ? La seule chose que je reproche c'est le logo qui n'est pas centré et je dois avouer c'est moche x) Ensuite, pour le Panneau Utilisateur, il est très bien où il est & Puis, de toute manière, j'ai déjà fait des propositions aux admins dans la partie "On vous écoute!" mais elles ne sont pas étudiées ou réalisées | | |
| | | Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Je le disais dans le sens que j'avais fait des propositions pour la version 4 & puis là, je peux réellement dire qu'elles n'ont pas été étudiées. Et tu ne peux pas me dire le contraire! | | |
| | | Invité Invité
| Salut, moi je trouve que le logo à gauche donne du charme, ça change que ça soit concentrer dans au centre!! | | |
| | | Contenu sponsorisé
| | | | | La partie header du forum | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|