PUBLIC MARKS from camel with tags css & menu

Since I wrote my last tutorial on how to create a CSS only multilevel dropdown menu I got a lot of visitors who wanted to know how I created the main navigation of kriesi.at. (a so called kwicks menu) The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done. Since the Apple-flavored Leopard-text-indent style is currently one of my favorite menu styles, we will start from scratch and build such a menu in Photoshop, then create the needed HTML and CSS and last but not least improve it via jQuery.

Every web designer tries to be creative when it comes to designing the main navigation of the website. Now we present you with 13 awesome Javascript CSS menus that will be very handy and easy to modify to suit your needs. Lets take a look at recent examples of these …

Le but de ce cours est de vous amener à construire un document XHTML 1.1 présenté en utilisant CSS. Non seulement vous saurez construire un tel document, mais vous aurez des notions de "bonnes pratiques" ainsi qu'un aperçu sur les standards du w3c. Ce site constitue le support de cours que je donne. Il s'inscrit dans une formation sur HTML dynamique, avant des cours sur php ou encore javascript. C'est pourquoi j'insiste nottamment sur les formulaires Le site est volontairement écrit en HTML, sans utiliser php, pour pouvoir distribuer les versions locales des pages. Si vous en avez besoin, demandez les. A la fin du cours, nous aurons construit une page : * En XHTML * En utilisant la mise en page CSS * Avec un menu à gauche de la page * Avec un formulaire * Avec une image * Avec du contenu texte

Pour répondre à la demande d'un collègue graphiste, j'ai developpé un equivalent au script mootools suivant (source PhatFusion) mais basé sur la librairie jQuery. le résultat me semblant réussi (bien qu'il soit surement possible d'optimiser le code de nombreuse manière) je vous le propose. Voir la démonstration Je tiens à signaler que ce script n'est pas obstrusif et que la désactivation du javascript et ou du css ne gène en rien la consultation et l'utilisation du menu

Voici un article sur un menu en accordéon aparament accessible. Son auteur s'est permis de réutiliser le script d'un menu anciennement composé de divs. Il a aussi recodé le javascript et les css et explique très pédagogiquement pour quelles raisons.

Devthought - Guillermo Rauch’s Blog » CSS+Javascript power. Fancy menu

Control.Tabs : Projects : LivePipe™

Phatfusion

Menu CSS - Sliding doors (Horizontal) - Peut-être une réponse ?

Accessibility and Usability improved Suckerfish Drop Down / Flyout- / DHTML-Menu - pfirsich-melba

Pour le menu de www.cedrich.net j'utilise un effet que je trouve assez intéressant. Pour faire en sorte que les onglets s'allongent au survol, pas besoin de flash ni de choses compliquées. Les seuls ingrédients sont : des png avec transparence alpha (pour permettre une transparence partielle), quelques CSS et une fonction javascript.

Objectif : réaliser un menu déroulant XHTML + CSS (sans javascript) avec fonds transparents. Inconvénients : seuls quelques navigateurs récents (Mozilla/Firebird, Safari) seront capables de rendre ce menu correctement. En contre-partie, comme IE Windows n'affichera pas les sous-menu, il y a possibilité d'utiliser des PNG avec transparence alpha