Reprise du message précédent :
j'ai edité ^^
 
 
ça donnerait aps mieux un a:visited en marron? là ça fait palôt..
 
 
au fait, j'y connais rien, je peux fortemment dire de la merde ^^

pour les histoires de trucs déroulants j'ai pas trop compris ce que tu voulais
 
pour le text alternatif, pour être w3c compliant il faut des alt, et mettre un espace à la place d'une image qui n'est pas cruciale, ça me parait pas aberrant mais c'est vrai que je pourrait mettre un ">"
 
pour le marron, je vais voir, mais sinon l'idée du plus clair=déja vu me semble pas mal et le texte reste vraiment visible je pense non?
edit: je viens de regarder: le marron se distingue pas assez (j'entend du marron pas pisseu/jaune) et noircir encore les visited rend moins visible la différence, donc je vais rester sur du gris un peu foncé
 
pour les > les mettre en image me permet de pouvoir les changer en tant que sigle, vu que je sais qu'on peut faire mieux point de vue style et en plus, je peut les aligner à droite assez facilement sans créer de tableau ou autre truc compliqué
 
edit2: en me battant pour mettre du padding-left au bon endroit, j'ai réussi à faire un placement correct de mon texte sans tricher sur les espaces

---------------

['JdR"]Le loup-garou vous lasse ? Essayez Sporz
[photos]le CERN: accélérateur de particule. Non accesssible au public
Gérer sa vidéothèque avec mégathèque, logiciel gratuit

remplace les alt="espace" par des alt="menu deroulant"
 
etre w3c compliant c'est surtout un esprit, des normes qui facilitent la navigation, par exemple pour les malvoyants, qui ne sauront aps ce que signifie l'image..alors que avec alt="menuderoulant" ils sauront ce qu'il y a..
 
le marron, c'est pas pour etre plus lisible, pas de probleme de ce coté, mais pour etre moins moche
 
mais bon, c'est que mon avis, je suis un neophyte hein ^^
 
 
pour les trucs deroulants c'est tres simple:
toi tu as des menus deroulants, et d'autres.. non
donc, ceux qui se deroulent ne devraient aps etre liés(sans <a> donc), mais etre de couleur differente(je verrais bien un vert de bleu..)
donc, differencier :
les li non deroulant: liés, d'une couleur
les li deroulants: non liés, d'un autre couleur, mais leurs .deroulants li seraient les memes que les li non deroulants SAUF QUE ils seraient à derouler quoi..

Fais gaffe à pas niquer tes balises avec ça ... utilises plutôt un code comme &gt; voire &#155;  

---------------
« L'inconvénient des écrans plats par rapport aux CRT, c'est qu'on peut rien poser dessus »

@guigolum ouais bof, pour les couleurs, je trouve le marron plus moche et pour différencier les munus déroulants, la petite image suffit, multiplier trop le nombre de couleurs risque de perdre un peu les visiteurs etsurtout, trouver un jeu de couleur qui aille bien, j'y arrive très difficilement déjà que pour ces deux couleurs là, j'ai piqué ça sur un autre site
 
@Constance: "&gt;" power, j'ai un colorateur de texte qui me met tout en rouge si jamais je met un > qui sert pas au HTML donc j'ai pas le choix, je passe en &gt;

---------------

['JdR"]Le loup-garou vous lasse ? Essayez Sporz
[photos]le CERN: accélérateur de particule. Non accesssible au public
Gérer sa vidéothèque avec mégathèque, logiciel gratuit

bin en fait, tu peux carrement faire une image de fond style 'bouton enfoncé' vu que la taille du menu est fixée, elle est sur 'bouton sorti' quand tu es aps en :hover .. faudrait que je trouves ça..
un peu comme ça en normal:

euh, oui mais les hover marchant pas terrible sous IE je préfère me limiter au maximum de ce coté là
 
et je veut que ça reste sobre, pondre de vieux boutons moches, je préfère m'abstenir (mes talents graphiques sont malheureusement assez réduits )
 
Autant retoucher oui ça va, autant créer, non

---------------

['JdR"]Le loup-garou vous lasse ? Essayez Sporz
[photos]le CERN: accélérateur de particule. Non accesssible au public
Gérer sa vidéothèque avec mégathèque, logiciel gratuit

pour les bouttons, tu peux demander sur aide du forum, demandes un bouton lime comme ton ton de site, spécifies la taille de ton block..
 
sur google:

Les boutons, ava, je peut faire en rectangulaire:
http://eolindel.free.fr/images/bouton.gif

 
Mais ça n'apporte rien visuellement, ça alourdit le chargement, des boutons "ronds", je peut pas faire avec ma version de paint shop etc..
 
(d'ailleurs, avec des boutons, j'avais fait ce site, mais je trouve pas ça super beau ..
http://eolindel.free.fr/TPE/ )

---------------

['JdR"]Le loup-garou vous lasse ? Essayez Sporz
[photos]le CERN: accélérateur de particule. Non accesssible au public
Gérer sa vidéothèque avec mégathèque, logiciel gratuit

A la rigueur si le bouton de la page active était enfoncé ça pourrait être sympa ...

---------------
« L'inconvénient des écrans plats par rapport aux CRT, c'est qu'on peut rien poser dessus »

le truc c'est que j'ai "triché" Mon menu est le même pour toutes les pages et il est intégré seulement par le serveur à la page en dur, c'est pour ça que j'utilise le shtml,

et ma page menu.html est séparée:
http://eolindel.free.fr/foobar0.9/menu.html
 ça m'évite à avoir à faire du search and replace à gogo, donc je souhaite garder un menu commun à toutes les pages (c'est plus facile que 60 pages ou il faut mettre à jour le menu à chaque changement)
 
vivi, je suis difficile Mais çeçi dit j'apprécie toutes les suggestions

---------------

['JdR"]Le loup-garou vous lasse ? Essayez Sporz
[photos]le CERN: accélérateur de particule. Non accesssible au public
Gérer sa vidéothèque avec mégathèque, logiciel gratuit

heu tapa compris ce que je disais..
les boutons, tu en as deux:
un pour le menu deroulable
et un pour le menu deroulé
.deroulant
{
background-image:url("boutonpaspoussé.png" );
}
.deroulant:hver
{
background-image:url("boutonpoussé.png" );
}
 
et comme ça, tu as juste deux petits boutons qui se cahrgent une fois pour toute
apres ildoit bien y avoir un moyen de recuperer l'adresse de la page en cours, pour mettre en valeur la page actuelle dans le menu

Je vois le système je pensais que tu parlais d'un bouton par élément du menu ce qui était beaucoup plus contraignant
 
Faudrait que je trouve un truc pour faire des boutons non rectangulaires. ce qui serait déjà plus sympa Mon père doit avoir un truc pour ça
 

---------------

['JdR"]Le loup-garou vous lasse ? Essayez Sporz
[photos]le CERN: accélérateur de particule. Non accesssible au public
Gérer sa vidéothèque avec mégathèque, logiciel gratuit

le transparent? mais ie supporte pas ça ^^
conseil: mets un lien pour telecharger firefox dedans ^^

Hmm tu peux essayer ZPaint...

---------------
« L'inconvénient des écrans plats par rapport aux CRT, c'est qu'on peut rien poser dessus »

la transparence, si je met des images en GIF, je vois pas pourquoi ça marcherait pas

---------------

['JdR"]Le loup-garou vous lasse ? Essayez Sporz
[photos]le CERN: accélérateur de particule. Non accesssible au public
Gérer sa vidéothèque avec mégathèque, logiciel gratuit

bin je croyais que ie ne supportais pas le transparent.. à moins que ce ne soit que sur les jpeg.. ou les png?

IE bug avec la transparence des PNG ; y'a pas de gestion de la transparence dans le format JPEG en lui-même, et avec les GIF ça roule (mais pas plus de 256 couleurs ... enfin sur des boutons ça devrait suffire ^^ ).

---------------
« L'inconvénient des écrans plats par rapport aux CRT, c'est qu'on peut rien poser dessus »

ouaip, bon, j'ai mis un truc en poussé non poussé mais même si ça m'a pris tout l'après midi je trouve pas que ce soit franchement mieux qu'avant
http://eolindel.free.fr/foobar0.9/index2.shtml

---------------

['JdR"]Le loup-garou vous lasse ? Essayez Sporz
[photos]le CERN: accélérateur de particule. Non accesssible au public
Gérer sa vidéothèque avec mégathèque, logiciel gratuit

Ah, le look commence à devenir cool

---------------
« L'inconvénient des écrans plats par rapport aux CRT, c'est qu'on peut rien poser dessus »

Je trouve que ça commence à être trop surcharé moi et très tape a l'oeil pour pas grand chose, bref, pour le fun, mais je suis encore très hésitant sur le fait de rajouter ça dans la version finale du site

---------------

['JdR"]Le loup-garou vous lasse ? Essayez Sporz
[photos]le CERN: accélérateur de particule. Non accesssible au public
Gérer sa vidéothèque avec mégathèque, logiciel gratuit

Surchargé oO?
Omagad, vas jamais visiter un château à la décoration baroque, tu ferais une crise direct xD

---------------
« L'inconvénient des écrans plats par rapport aux CRT, c'est qu'on peut rien poser dessus »

Je suis allé à Versailles tu sais (même si c'est pas Baroque)
 
Nan mais je trouve pas qu'ajouter ça apporte quelque chose franchement au site web point de vue look, ça le rend pas super visuellement parlant, ça le rend pas forcément plus moche non plus d'ailleurs

---------------

['JdR"]Le loup-garou vous lasse ? Essayez Sporz
[photos]le CERN: accélérateur de particule. Non accesssible au public
Gérer sa vidéothèque avec mégathèque, logiciel gratuit

Bah tu devrais faire un sondage
/me trouve ça quand même 'achement plus agréable à l'oeil, tout en restant fonctionnel...

---------------
« L'inconvénient des écrans plats par rapport aux CRT, c'est qu'on peut rien poser dessus »

Coucou Eo,
 
Bon j'avoue j'ai pas trop pris le temps de me perdre dans les méandres des posts parlant codage, moi mon kiff c'est que je graphisme le reste je suis une bouse.
 
Par eyecandy je parle des "nouveaux" designs, avec pleins de reflets, ombres, fausse 3D, ce genre de chose mais de manière pro, pas les horreurs genre wordart.
J'ai pas de site précis en tete, mais il est vrai qu'une interface plutot léchée genre celle de gamekult (au pif) c'est agréable, mais il faut pas que ca fasse du tape à l'oeil. Par exemple ton titre de page " Foobar2000 Manual", le mettre en forme en image avec un certain effet sans en faire trop, tout dans la subtilité. Ou alors les couleurs dedans, les faire moins "pure" mais quelques dégradés, fondus subtile, ombres, etc... Enfin je dis ca je dis rien
 
Genre pour ton titre :

 
 
Bon c'est qu'une idée...
 
 Pour la lourdeur si c'est fait subtilement ca ne changera quasi rien au poids de ta page. Genre ce gif fait 10ko et je peux le faire tomber à 2 ou 3 facilement

Edith : Bon j'ai inversé la couleur du bas et celle du haut
M'enfin ca change rien, c'est juste pour te montrer qu'avec deux manips moisies on arrive à des trucs que je trouve joli sans en faire trop

Quant aux boutons de ta version 2, je trouve ca mieux mais je les trouve "trop". Je prefere quand c'est plus subtile, la c'est trop grassouillet, ca fait un peu genre le mec il a suivi le tuto toshop pour faire des boutons bulles

c'est bien ce que je leur reproche
 
Sinon, sympa ce que tu as fait, beaucoup trop grand, mais j'envisageais de mettre une image à la place du texte pur, mais le truc c'est que je n'ai pas tes compétences en graphisme malheureusement (en même temps t'as pas de mal, toi tu fais des études pour )

---------------

['JdR"]Le loup-garou vous lasse ? Essayez Sporz
[photos]le CERN: accélérateur de particule. Non accesssible au public
Gérer sa vidéothèque avec mégathèque, logiciel gratuit

avec 'juste' paint tu peux facilement decouper/redimensionner une image
 
pour les boutons, ceux donnants sur un menu deroulant sont toujours en lien..essayes de les mettre avec simplement une couleur de fond, mais pas de bouton(en gros ils restent toujours pareils..)
de plus ça rajoute quelques pixel à l'image en hover..ce qui decale tout le tableau vers le bas

juste coupée:

et redimmensionnée à 60% de la hauteur

oui, mais inverser les couleurs, c'est plus dur

---------------

['JdR"]Le loup-garou vous lasse ? Essayez Sporz
[photos]le CERN: accélérateur de particule. Non accesssible au public
Gérer sa vidéothèque avec mégathèque, logiciel gratuit

bin demandes à shoggynouchet ^^
 
mais regardes pourquoi il y a un probleme sur les box de button :hover à mon avis ils ont un pixel de trop, ou l'image est trop haute
 
essayes aussi d'assombrir un tout petit peu tes boutons, et de leur enlever cet effet 3D.. nul(ça fait tache ^^ )

Les boutons ont exactement la même taille, je sais pas d'ou viens ce foutu pixel l'effet 3D=les pixels décalés en hover?
 
sinon, j'ai récupéré cette image avec laquelle je pense que l'on peut faire quelque chose, j'attend l'accord du créateur pour utiliser son image
 

http://eolindel.free.fr/images/foobar1_blue_base.png
la transparence buggue

---------------

['JdR"]Le loup-garou vous lasse ? Essayez Sporz
[photos]le CERN: accélérateur de particule. Non accesssible au public
Gérer sa vidéothèque avec mégathèque, logiciel gratuit

Ya pas de soucis Eo je peux te faire c'que tu veux, ca m'fait plaize de t'aider
 
***
 
Oui c'est trop grand mais c'est pour se rendre compte
 
test 2, je colle plus à tes attentes je pense :

 
Si tu veux que je taff un peu ton graphisme, ou si tu veux carrement que je fasse tout le graph, tu me bip

 
voila un petit test pour les boutons de menu
qu'en penses tu ? c'est dans l'esprit nan ?
 
C'est moins pétant, c'est soft quoi. Si ca te plait je fait le roll toussa toussa

je coris qu'il vaut mieux mettre une petite image qu'il fera repeter qu'une seule grosse image non?

Mais c'est le cas La c'est juste un apercu du rendu ^^
 
edith : je peux faire plus plastique, plus pétant, plus eye candy quoi

C'est pas que je veuille faire ch... mais bon, les liens visités dans le menu qui s'affichent en grisé, ça fait un peu trop genre "option désactivée / page pas disponible"
 
Sinon c'est une bien jolie amélioration visuelle par rapport aux anciens menus.

---------------
        MetalGear   aka   MetalGearLiquid
                >> Undead polyglotte <<
                 
À lire absolument : FAQ et Aide du forum MD.net * FAQ Diablo2 * FAQ Warcraft3 * FAQ WoW * FAQ StarCraft II * Règles du forum dédié à StarCraft II

@shoggynou, désolé pour le délai, mon ordi faisait des siennes (cf topic [carte graphique]Conseil) Sinon, hum, si tu met tes talents graphiques à disposition, je dis pas non  
 
Tes boutons sont sympas, et pour le menu, je vais faire deux trois tests pour voir comment l'intégrer
 
Pour la  couleur des visited, bon, je continue mes recherches sur le sujet alors

---------------

['JdR"]Le loup-garou vous lasse ? Essayez Sporz
[photos]le CERN: accélérateur de particule. Non accesssible au public
Gérer sa vidéothèque avec mégathèque, logiciel gratuit

j'ai une question en php
 
en fait, j'ai une liste de termes, et une liste de valeurs à recuperer
puis je creer un $tableau= array(), le remplir du genre

 
puis le remplir automatiquement avec
 

Bon, j'ai rajouté le titre de shoggynou, mais vu que j'ai dû agrandir, j'ai perdu un poil en qualité mais ça reste "propre"
 
Par contre, dès qu'on veut un peut améliorer le graphisme, bonjour le bordel pour tripatouiller le code, même s ça reste très faisable
 
edit:
http://eolindel.free.fr/foobar0.9/context.shtml
pour un aperçu
 
edit
Rah, Paint shop m'enregistre mes gif trop mal, je sais pas pourquoi, je vais essayer de régler ça
 
Sinon, j'ai réussi à faire en sorte que même pour les pages plus courtes qu'un écran, on voit la séparation entre le menu et le contenu jusqu'au bas de la page
 
edit2 passer au png a tout réglé et ça se voit
 
edit3 pour les pages très hautes, je voudrait afficher le dégradé à gauche tout du long or pour l'instant, je n'arrive à mettre le dégradé que sous le texte du menu et aucunement après le menu quelqu'un aurait une idée?
 
edit4 Bon, je suis passé au marron pour les visited

---------------

['JdR"]Le loup-garou vous lasse ? Essayez Sporz
[photos]le CERN: accélérateur de particule. Non accesssible au public
Gérer sa vidéothèque avec mégathèque, logiciel gratuit

Ok alors il faut quoi en gros ?
 
Tu veux que j'agrandisse le logo un peu ?
 
Tu veux un rollover sur les boutons ? Comment ?
 
Hum ca va etre galère comme ca ! Bon je pense que le mieux c'est que tu me donnes une sorte de cahier des charges avec elements, le type de design que tu veux, noms des elements, formats et dimensions et je fais all.
Si tu veux un truc un peu futuriste, ou classe, ou sobre, ou alors un site de référence et je m'en inspire... etc...