begin process at 2010 02 09 17:09:12
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

WebDesign

 > LE MENU DE CODES-SOURCES [HTML + CSS]

LE MENU DE CODES-SOURCES [HTML + CSS]


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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é :29 748 / 3 419
Auteur : jesusonline

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
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

Les Membres Club peuvent 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

 Sources du même auteur

Source avec Zip Source avec une capture SCRIPT SYMPA (DIFFICILE À EXPLIQUER)
Toutes les sources de jesusonline

 Sources de la même categorie

Source avec Zip CUSTOMISATION DE BUTTON TAGS AUTOMATIQUE par labotemplates
Source avec une capture MAQUETTE WEB par yacdj
Source avec Zip MENU DEROULANT VERTICAL/HORIZONTAL EN CSS par nery88
Source avec Zip Source avec une capture CASCADING MENU CSS par labotemplates
Source avec Zip MENU "DÉROULANT" CSS COMPATIBLE par labotemplates
Toutes les sources de la catégorie WebDesign

 Sources en rapport avec celle ci

Source avec Zip MENU DEROULANT VERTICAL/HORIZONTAL EN CSS par nery88
Source avec Zip Source avec une capture BANNIÈRE ET MENU STYLE TECHNIQUE. par Lapinpsykopate
Source avec Zip Source avec une capture HAUT DUN SITE A REUTILISER par Hfyx
Source avec Zip ENCORE UN MENU LIVEMOTION par Jackboy
Source avec Zip Source avec une capture UN AUTRE MENU LIVEMOTION par Jackboy

Commentaires et avis

Commentaire de gwpkwz le 16/06/2005 06:03:08

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

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

en effet ...

Zip rajouté :)

Merci

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)

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

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!!!!!!!!!

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.

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

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

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.

Commentaire de afmb le 10/03/2006 17:50:51

merci

Commentaire de Almantors le 19/01/2007 13:35:01

Cool, mais...?!?

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

mais ???

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 menu avec un sous menu avec css & html [ par jiji2703 ] j ai realisé un menu avec css&html et je voulais integé des sous menu a mon menu mais j ai pas pu reussir voila mon code le code css: .menu { list-st supprimer une image pour l'impression css [ par Sweety521 ] Bonjour, J'ai créée une feuille de style pour l'impression et j'aimerais pouvoir ne pas imprimer l'image qui me permet de faire la navigation entre l 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 Transparance Photoshop CS 8 [ par alexcross ] Salut a tous.Bon voila...j'ai un immense probleme...Je suis en train de faire une banniere de noel pour un site mais mon photoshop fait quelque erreur


Nos sponsors


Sondage...

Comparez les prix


Console Nintendo DS Lite Rouge
Entre 137€ et 160€

Visiter le guide achat

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), 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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,655 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)