Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

LE MENU DE CODES-SOURCES [HTML + CSS]


Information sur la source

Catégorie :WebDesign Classé sous : menu, cs, codessources, css Niveau : Débutant Date de création : 15/06/2005 Date de mise à jour : 16/06/2005 08:10:58 Vu / téléchargé: 23 412 / 2 838

Note :
10 / 10 - par 3 personnes
10,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (13)
Ajouter un commentaire et/ou une note


Description

Ce code vous montre comment faire le meme menu que celui de CodeS-SourceS.

Cela fait deja un petit moment que j'ai envie qu'il y ait une catégorie webdesign ici, voici maintenant choses faites :), pour cette premiere source, je vous montre 3 etapes qui m'ont mené à la realisation du menu de CS. Celui ci a été réalisé en utilisant presque exclusivement CSS !

Ces sources font partie d'un article que vous pouvez retrouver ici : http://www.aspfr.com/tutorial.aspx?ID=147
 

Source

  • Il y a 3 exemples dans le zip, correspondant à 3 etapes du design.
  • pour voir un apercu de cette source, regarder tout simplement le menu de CodeS-Sources à votre gauche :)
Il y a 3 exemples dans le zip, correspondant à 3 etapes du design. 

pour voir un apercu de cette source, regarder tout simplement le menu de CodeS-Sources à votre gauche :) 

Conclusion

Un article complet sur la sémantique de ce menu est dispo sur cet article : http://htmldog.com/articles/suckerfish/dropdowns/ et un autre ici : http://www.alistapart.com/articles/horizdropdowns/


 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Historique

15 juin 2005 23:09:57 :
ajout lien article
16 juin 2005 08:10:58 :
zip

Commentaires et avis

signaler à un administrateur
Commentaire de gwpkwz le 16/06/2005 06:03:08

Il n'y a pas de zip
C'est normal ?

signaler à un administrateur
Commentaire de jesusonline le 16/06/2005 08:31:58 administrateur CS

en effet ...

Zip rajouté :)

Merci

signaler à un administrateur
Commentaire de Mafassure le 16/06/2005 22:43:05 administrateur CS


Bien jouer la rubrique CSS
Je "bricole" le CSS, c'est l'occass de s'y collé pour de vrai !

Je sais que les utilisateurs de IE5 (mac) sont pas nombreux (heureusement vu les perf), la  dernière version de CS est presque illisible avec ce brosser ! Le menu est infernal et les forum invisible.
C’est ce menu ? Ou un script externe viens interférer !!

95 % du tps je peux me passé de ce navigateur (chez moi par exemple), mais j’ai  une machine ou j’ai pas le choix….

Tu peux en dire plus sur les compatibilité de cette source  (et sur le bug CS sous IEC for mac)

signaler à un administrateur
Commentaire de jesusonline le 16/06/2005 23:26:31 administrateur CS

alors pour ce qui est des compatibilités, j'ai testé avec tous les navigateurs récents (IE6, FF 1.0.x (FF.1.1 corrige un bug), gecko en général, opera8, (netscape 8)), et j'ai pas eu de problèmes horribles.

Mais les problèmes que j'ai eu :

avec Firefox : si il y a une iframe derriere, Firefox fait deconner le menu, c'est un bug connu de Gecko marqué comme corrigé dans bugzilla depuis 2002, la version 1.1 a l'air de corriger enfin le problème ... (mais je ne parlerais pas de Firefox et de ses bugs, c'est pas le lieu)

Il y a aussi un autre problème avec Firefox (la c'est pas de sa faute) si on a des menus avec un long titre, firefox va pas agrandir la zone, "le problème" est sur le CSS de CS, mais je ne sais pas si le CSS qui est fournis ici possede ce problème (j'ai réécrit de 0 le CSS pour mettre les commentaires) ce "problème" est présent car il fallait faire un choix entre IE ou FF, or IE = 80% le choix etait vite fait. J'aurais pu corriger le problème, mais comme le menu de CS n'utilises pas de long titre, j'ai pas recherché en détails.

Il semble aussi qu'il y a des problèmes avec Norton internet security, surement quand il est configuré en mode super parano :p

Sinon j'ai pas testé avec d'anciens navigateurs, donc dites moi si vous avez des problèmes

signaler à un administrateur
Commentaire de RM50Man le 21/06/2005 15:48:55

C'est facile en vrai ce menu, moi personnellement je me complique  la vie a faire tout a la volée!!!!!!!!!

signaler à un administrateur
Commentaire de ZED le 21/09/2005 13:14:42

Tiens c'est drole, Visual Web Developer 2005 genère le même code JS avec les mêmes CSS pour ce même menu ;-)
Normal, ce code a été inspiré des menus CS, qui eux sont generés par du code .NET
Bon boulot en tk.

signaler à un administrateur
Commentaire de sono748 le 01/11/2005 17:06:45

probléme avec le menu il recouvre tout ma page cose des des cadre

merci pour les reponse

http://sono748.free.fr/page%20source/1.htm

http://sono748.free.fr/page%20source/

sono748@hotmail.com

signaler à un administrateur
Commentaire de jesusonline le 01/11/2005 19:02:14 administrateur CS

Bonjour Sono748,

Tout d'abord, j'aurais apprecié un peu plus de courtoisie :) Mais pour répondre à ta question, tu "l'explique" toi même le problème vient des frames ... Le menu a été concu pour les personnes qui veulent faire un web plus propre :)donc les frames sont fortement déconseillés, tu risques également des problèmes en utilisant des tableaux pour faire ta mis en page etc...

Voici un lien expliquant l'utilité des frames : http://forum.alsacreations.com/topic.php?fid=1&tid=451

++
Cyril

signaler à un administrateur
Commentaire de Arnauti le 20/01/2006 22:27:00

Bonjour,
la seule chose que je puisse faire après avoir noté 10/10, c'est remercier fortement Jesusonline.
A++, et encore merci.

signaler à un administrateur
Commentaire de afmb le 10/03/2006 17:50:51

merci

signaler à un administrateur
Commentaire de Almantors le 19/01/2007 13:35:01

Cool, mais...?!?

signaler à un administrateur
Commentaire de jesusonline le 19/01/2007 13:44:58 administrateur CS

mais ???

signaler à un administrateur
Commentaire de nicomilville le 01/05/2008 16:03:27 10/10

Salut,

ça fait un moment que je cherche ce code, encore merci !

10/10

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

CSS - deux flottant entre une image [ par Guizmo95 ]     Bonjour, Voilà mon probleme, je souhaite faire un site avec un menu à droite, un menu à gauche et au centre, du text Script Photoshop Cs [ par battit64 ] Voila ce que je veux faire.J'ai un script photoshop CS qui marche qui me redimensionne en automatique des PDF qui se trouve dans un dossier et me les CS TOOLBAR [ par BruNews ] OHE les utilisateurs IE: NOUVELLE CSBar incluant liens vers tous les sites CS, Emploi, Technos, boutique et geoguide y compris. http://brunew Photoshop CS 3 [ par Ichigo_2006 ] Salut à tous je viens d'acquerir Photoshop CS 3 et j'essaye de me lancer O_o : Resultat : I am a big newbie / je debute :pEt donc je vais sur GraphFR css vertical-align [ par forcels ] Hello tout le monde !Voila mon problème: J'aimerais centrer un texte dans un td, à l'aide des styles css. Précision: Je ne veux pas mettre les styles Probleme avec photoshop cs [ par Davy59430 ] Bonjour a tous voila j'ai un probleme avec mon photoshop cs Le probleme et que avant j'avais la possibiliter de prendre tout les filtres et maintenant style css probleme d'alignement [ par fafal ] J'ai un petit probleme avec mon tableaux je voudrai supprimer l'espace qui il y a en dessous de l'image afin que le boutons sois collé en bas a droite css !? [ par yafuka ] Salut à tous !J'ai un petit probleme concernant les css.en fait je ne sais pas vraiment utiliser les css je me contente juste de mes link.visited , ho


Nos sponsors

Sondage...

CalendriCode

Octobre 2008
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,80 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.