Bien le bonjour.

Je ne savais pas trop où poster ça donc par défaut, hein, on improvise. Voilà donc place à ma question de petit noobette.
Pour mon forum, j'aimerai réaliser une barre imagée d'utilisateur (Accueil - Faq - Search ... Comme ici quoi !).
Réaliser la barre, ça peut passablement passer. Je rencontre juste deux problème :

1) La barre n'est pas la même pour un utilisateur inscrit et pour un invité. Quels "boutons" dois-je employer/racoler/etc pour ne pas "casser" la barre dans un cas comme dans l'autre ?

2) Comment découper cette barre ? La réaliser en entière pas de soucis, mais j'avoue avoir du mal à appréhender ladite découpe. Ce genre de truc demande quand même de la précision au pixel près ...

Voilà, merci à l'âme charitable qui me viendra en aide.

Je commence à avoir l'habitude perso, je pourrai te faire un tit tuto rapide pendant les vacances qui arrivent vendredi prochain ^^.

1) Fais d'abord une barre pour connecté (y a plus de trucs...) pour bien gérer la longueur (qu'on se retrouve pas avec une barre latérale pour aller de gauche à droite en bas de l'écran). Les boutons qui doivent rester les mêmes sur les deux barres : Accueil, Faq, Rechercher, et éventuellement membres et groupes (ça dépend de tes réglages). Spécifiques aux invités : s'enregistrer, connexion. Spécifiques aux connectés : (membres, groupes), profil, mp (n'oublie pas aussi le new mp qui doit tenir sur la même image que le mp), déconnexion.
Donc en fait tu vas te retrouver avec deux calques : le calque de fond de ta barre, avec la forme et tout, et le calque de ton texte (aligné à gauche), sur lequel tu pourras remplacer les boutons spécifiques.

2) Oui malheureusement ça se retrouve souvent à du pixel près... Après il me semble qu'il y a des astuces pour être sûr de son coup, mais ma technique perso permet d'aller plus vite si on se plante pas x) . C'est de bien aligner le bas du + (ton curseur) avec le côté droit de la sélection déjà existante. Après y a quelques spécificités pour passer de la barre connectés à la barre invités, et pour le MP/new MP. Je détaillerai ça dans un tuto ^^.

Voilà en espérant que ça puisse déjà te donner quelques pistes .

Merci, je vais déjà essayer avec ça ^^ Mais je n'ai effectivement rien contre un tuto.
Le truc qui m'embête un peu avec les deux barres, c'est que j'ai du coup peur d'avoir des faux raccords entre les boutons.

Lieno a bien résumé en gros, surtout pour l'organisation de la barre de navig. Perso, je la customise souvent pour éviter les complications comme celle des invités qui voit une barre autre que les membres. En arrangeant un peu, on peut parvenir à quelque chose qui facilite la créa de la barre de navigation. Bref, à voir selon ce qu'on veut!

Cependant, je proposerai une alternative encore plus simple quant au découpage. J'ai nommé le grand et irremplaçable outil tranche! On le trouve dans les onglets de l'outils de recadrage.



C'est assez instinctif niveau utilisation. Y a pas plus simple pour découper je crois!
Ensuite, il suffit de faire Fichier-> Enregistrer pour le web et les périphériques.
Ça ouvre une fenêtre du genre:

Spoiler:

Là, il suffit juste de cliquer sur chaque tranche pour leur donner leur format. Ensuite tu cliques sur enregistrer, tu renommes, et il te mettras toutes tes images dans un nouveau petit dossier.

Voilà, en espérant avoir un peu aider. On peut faire un mini tutoriel, mais c'est tellement vite expliqué que j'en voyait pas trop l'utilité pour le moment. xD

Ah ouais !
Récemment, je me suis essayé au design de forum.
Me suis créer un forum-test en vu d'un concours de design sur un autre forum.
J'ai fait une barre dans ce style. Mais y'a des boutons qui clochaient, c'était le premier "Forum", qui était décollé des autres par un-deux pixels. et le dernier "Au Revoir" (Déonnexion) qui était plus bas de 1 petit pixel. Ce qui faisait bizarre.
Je pense que je n'ai pas été assez précise et mon bouton "Bonjour" était légèrement moins large que le bouton "Au Revoir", donc, ça a créer un petit dé-balancement.
Parce que j'avais fait ma barre... je l'avais dupliquée en vu des autres boutons, comme (New MP).
Mais, quand je vais me ré-essayer, je vais tenter d'être plus précise et de mieux calculer mon affaire. MDR Parce que je veux trop faire une barre comme ça et bien la réussir.

Par contre, c'est vrai que mon écran est pas large. Voyez ce que je vois quand je suis connecté ici :

Spoiler:

Et je ne vais pas changer ma résolution, parce que je n'y verrai plus rien si c'est trop petit. (C"est déjà en 1024x768) Et ouais, mes yeux ce sont des yeux de grand-mère qui veulent pas voir les petits minuscules écriteaux. XD

Juste un problème : Photoshop Element n'a pas l'outil Tranche ^^
Jinny : Il me semble qu'il est possible de forcer la barre à rester sur une même ligne dans les options d'administrations (; ça élargira juste un poil la couleur de fond, ce qui dans l'absolu n'est pas un drame, à moins d'avoir vraiment l'écran le plus riquiqui du monde.

Bon, je vais tenter de faire ça. Je pourrais peut-être magouiller un peu dans le sens où le motif de ma part devrait être semblable à ce que j'ai déjà fais pour le header :

(La petite barre brune à motif horizontale)

(Voilà Jinny maintenant ça va rester sur une ligne x) En espérant que ça ne t'élargisse pas trop la page ^^).

Mais c'est génial cet outil tranche Oo.

Bon, j'ai réalisé mes barres (Miraaaaacle !).
Maintenant il faut découper (et je n'ai pas l'outil tranche xD)

Quelqu'un veut très généreusement s'en charger pour moi ? Comme c'est gentil ! Quoi, ce n'est pas vrai ... ? Oh ... Vous êtes sûrs ? Vraiment ? *fuit*

Ooooh ! C'est gentil, Lieno ! (Avoue, ça te dérangeais que je vois la barre comme ça ?) MDR
Et ça n'élargit pas ma page.

Cielle : Je t'aurais bien aidée, mais comme j'ai peur de ne pas être assez précise avec l'outil (Parce que je l'ai dans mon Photoshop), ben, je préfère ne pas m'y risquer. Surtout que je n'ai pas ré-essayer encore pour une barre.

Fais le mini-tuto, Styz' ! Je veux un tuto, moi. XD Parce que, avec ton image, moi j'y comprends pas trop tous ces chiffres. ^^

Vas-y poste la ta barre Cielle x) .

Quelle générsoité Lieno xD
Bon comme je savais pas tellement comment faire je me retrouve avec 3 machins, je sais pas si ça ira ...

Spoiler:

Si tu arrives à faire quelque chose pour moi, merci infiniment !
*Crée un culte en l'honneur de l'admin*

Rohhh merciiiiiiiiii !!!!!!!! *-*
*Erige un temple en l'honneur de Kiel*

EDIT : Erf comme je le penais des choses bizarres ce sont passées. Des pixels blancs sont apparus sur les bouts pointus (On/Off et Accueil), il y a un écart d'environ deux pixels entre Acuueil et Faq, et sur S'inscrire et Nouveau message, la barre du haut est plus foncée. Pour S'inscrire, le bouton est également quelques pixels plus bas que le reste ... M'enfin je vais essayer de régler ça, merci beaucoup quand même *-*

Tu n'aurais pas ton format en psd? C'est vachement mieux pour avoir une image de qualité à te rendre.

Jinny-> Ok, mais je croyais ça plutôt simple. xD Je m'y met. ^^

Mouah ! C'est la technique de Styz qu'est mauvaise... Je le savais bien ! tss... (je rigole xD)

Sorry Cielle

Styz : J'ai le psd (mais sans le nouveau message et l'inscription en revanche, mais ça peut se refaire) mais je ne sais paaas du tout comment te le passer.

Kiel : Pas grave, merci quand même ^^ Je vais voir ce que je peux faire.

Tu peux l'heberger sur mediafire

http://www.mediafire.com/

Tu héberge juste le fichier et après tu donne le lien de téléchargement ^^

Je plussoie Kiel!
Au pire, je pourrai reprendre ce qui est posté dans ton dernier message!

Kiel tu m'as volé la vénération .

Bref moi je l'ai fait, et en mieux, et sans l'outil tranche
*lieno veut récupérer sa vénération*

Je t’embête !!! (aaaah c'est ça que tu faisait tout ce temps xD)

Merciii Lienoooooooo *-*
(Même si je ne comprends définitivement pas pourquoi la "barre du haut" change de couleur xD mais pas grave suffit de passer un coup sur photoshop pour rectifier ça, j'ai toujours la palette des couleurs.)

Merci merci merciiiiiiiiiiiiiiiiiii *-*