Ruban, CSS-Tricks
celui-ci fonctionne pour ajouter la classe dans le menu wordpress
wp_nav_menu (array ( « container_class' => « en-tête de menu, etc.
essayé une autre modification pour un logo recouvrant le ruban (avec navigation) en quelque sorte ne fonctionne pas pour les autres navigateurs, sauf pour Firefox. (sans hacks css)
Je travaille toujours sur un projet avec ruban nav et ce tutoriel est vraiment utile.
Crédits à l'auteur!
Très cool, ne savais pas que je pouvais le faire en CSS.
Mais quelqu'un at-il un hack pour cet effet dans IE8 et au-dessous? Parce qu'il ne fonctionne pas dans les navigateurs, ce qui signifie que je ne peux l'utiliser sur des projets personnels et non pour autre chose.
Alors, comment pourrais-je faire un ruban sans les « plis »? Je pensais de faire une barre latérale avec un arrière-plan de ruban pour le lien de la page active. Quelque chose comme cette forme:
Ou. comment voulez-vous faire un ruban avec les deux côtés avec la même coupe triangulaire?
Je voudrais le faire avec les éléments de liste, pas divs, cependant. Des idées?
Si vous voulez l'utiliser comme un menu html, juste incorporer un
- de votre navigation à l'intérieur .ribbon contenu. Toute autre personne ayant des problèmes avec ce en mobile? Plus précisément, le z-index semble ignorés, ce qui porte les extrémités de la bannière au-dessus du ruban principal. Il fonctionne très bien sur les navigateurs de bureau, mais en chrome sur mon téléphone Android, les coins sont sur le dessus.
- CareSprout est l'embauche d'un développeur Web
- Outpost Jeux est l'embauche d'un Front End Sr Software Engineer
- Duke University Libraries est l'embauche d'un développeur référentiel MorphoSource
Grand code de ruban. Je ne sais pas si vous vérifiez toujours vos anciens articles, mais j'ai remarqué que lorsque vous mettez le ruban sur une image transparente (que vous avez ajouté la transparence sur l'image avec CSS ou non) Les bords du ruban devient semi-transparent. Cela est arrivé au moment de la dernière version de Chrome je l'ai écrit ce
Je lui ai répondu à ma propre question ci-dessus, est un à cause de la façon dont je mets le z-index ,.
Code d'affichage
Code de conduite
Voulez-vous nous dire quelque chose en privé?
Beaucoup de grandes choses qui ne sont pas publiés nulle part ailleurs!
CSS-Astuces d'hébergement Web depuis le premier jour. Économisez 20% avec CSSTRICKS de code.
CSS-Tricks * est créé, écrit par et maintenu par Chris Coyier et une équipe de houle. Il est construit sur WordPress. hébergé par Media Temple. et les actifs sont desservis par MaxCDN. Il est rendu possible grâce à des commandites de produits et services que nous aimons.