PUBLIC MARKS with tags css & navigation

Using within-page links presses the jumped-to content right at the very top of the viewport. This can be a problem when using a fixed header. With a bit of hackery, there are some CSS methods to insert space between the top of the viewport and the target element within a page.

CSS Tricks nous propose un tutoriel bien sympathique : la réalisation d’un Fil d’ariane (ou breabcrumb en anglais)en HTML/CSS. d'ariane, breadcrumb, html/css Le fil d’ariane est une aide à la navigation. Il permet à l’internaute, en un coup d’oeil, de savoir où il se trouve dans la hiérarchie des différents menus et sous menus de votre site Internet. La réalisation proposée par CSS Tricks se résume à l’implémentation de balises UL/LI dans la partie HTML et à un code CSS associé. Un petit dégradé de couleur entre les différents menus vient agrémenter le rendu visuel. En passant la souris sur l’un des menu, la couleur de fond est également modifiée. Un très bon script qui sait s’adapter à toutes les situations !

"creating a new css drop-down menu means creating only a new theme since structure is permanent. What is more, creating a new theme is easy with available templates and takes 10-15 mins"

Fancy Navigation est une ressource permettant d’ajouter une barre de menus animées. L’auteur explique pas à pas comment implémenter le menu. Cette ressource s’appuie sur le framework jQuery. Associé d’une définition CSS et d’un petit code JavaScript, votre site se voit doté d’un menu affichant un magnifique effet de “roll over”. Rien de bien complexe… et [...]

some of the best ways to use CSS for your website navigation

No 1No 2No 3No 4No 5No 6No 7No 8 Previous Next

Un portfolio tout en navigation horitontale. Joli, mais à améliorer pour ce qui est du contenu.

Comment réaliser un Fil d'Ariane de qualité sur son site. idée graphique et base HTML,CSS.