Css breadcrumbs
Si vous utilisez des breadcrumbs vous aurez peut être besoin de ses quelques lignes de css, indispensable pour une bonne navigation de l’utilisateur.
Pour l’essentiel voici le CSS compressé :
#crumbs{height:2.3em;border:1px solid #dedede;margin:20px;}
#crumbs li{float:left;line-height:2.3em;color:#777;padding-left:.75em;}
#crumbs li a{background:url(crumbs.gif) no-repeat right center;display:block;padding:0 15px 0 0;}
#crumbs li a:link,#crumbs li a:visited{color:#777;text-decoration:none;}
a:link,a:visited,#crumbs li a:hover,#crumbs li a:focus{color:#dd2c0d;}
Et le Html
<ul id="crumbs">
<li><a href="#">Accueil</a></li>
<li><a href="#">Catégorie</a></li>
<li><a href="#">Sous-Catégoire</a></li>
<li><a href="#">Sous-Catégoire Section</a></li>
<li>Vous êtes ici</li>
</ul>
voilà tout simplement,
mais comme un exemple vaut plus que mille mots, voici l’exemple
Télécharger la démo (.rar 3.06 ko)
Détails : http://veerle.duoh.com/blog/comments/simple_scalable_css_based_breadcrumbs/
Loading ...