La partie header du forum Bouton_activeLa partie header du forum Bouton_hoverLa partie header du forum Fb-hoverLa partie header du forum Fb-active
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!

Derniers sujets
» Système d'onglets simple et personnalisable
La partie header du forum EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
La partie header du forum EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
La partie header du forum EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
La partie header du forum EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
La partie header du forum EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
La partie header du forum EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
La partie header du forum EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
La partie header du forum EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Code promo Nike : -25% dès 50€ ...
Voir le deal

Partagez
 

La partie header du forum

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://lyress.olympe-network.com/blog/
Lyress ♣
Lyress ♣
{ Membre }
{ Membre }

Masculin Messages : 153



La partie header du forum Empty
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 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!


J'attends vos avis & vos critiques!


Dernière édition par Lyress ♣ le Jeu 27 Jan 2011, 17:20, édité 3 fois
MessageSujet: La partie header du forum   La partie header du forum EmptyJeu 27 Jan 2011, 16:42
Revenir en haut Aller en bas
http://lyress.olympe-network.com/blog/
Lyress ♣
Lyress ♣
{ Membre }
{ Membre }

Masculin Messages : 153



La partie header du forum Empty
Post édité.
MessageSujet: Re: La partie header du forum   La partie header du forum EmptyJeu 27 Jan 2011, 17:17
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



La partie header du forum Empty
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 Wink

& 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 Wink
MessageSujet: Re: La partie header du forum   La partie header du forum EmptyVen 28 Jan 2011, 02:27
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



La partie header du forum Empty
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! Wink
MessageSujet: Re: La partie header du forum   La partie header du forum EmptyVen 28 Jan 2011, 12:30
Revenir en haut Aller en bas
Invité
Invité




La partie header du forum Empty
Salut, moi je trouve que le logo à gauche donne du charme, ça change que ça soit concentrer dans au centre!!
MessageSujet: Re: La partie header du forum   La partie header du forum EmptyVen 28 Jan 2011, 13:04
Revenir en haut Aller en bas
Contenu sponsorisé




La partie header du forum Empty
MessageSujet: Re: La partie header du forum   La partie header du forum Empty
Revenir en haut Aller en bas
 

La partie header du forum

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
»  Header « par dessus » le forum ?
» Problème avec le header du forum.
» Header du forum sur le côté , possible ? (Résolu)
» Largeur du forum de la taille du header? (résolu)
» Header collé au haut du forum. (RESOLU)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit