Ribbon, CSS-Tricks
diese funktioniert für das Hinzufügen von Klasse in Wordpress-Menü
wp_nav_menu (array ( ‚container_class' =>‚Menü-Header‘usw.
eine andere Modifikation versuchte, für ein Logo, um das Band (mit Navigation) überlappende irgendwie nicht für anderen Browser arbeitet mit Ausnahme von Firefox. (ohne CSS-Hacks)
Ich arbeite immer noch an einem Projekt mit Band nav und dieses Tutorial ist sehr hilfreich.
Credits an den Autor!
Sehr cool, wusste nicht, dass ich dies in CSS tun könnte.
Aber hat jemand einen Hack für diesen Effekt in IE8 und unten? Weil es nicht in diesen Browsern arbeiten, was bedeutet, kann ich dies nur auf persönliche Projekte verwenden und nicht für irgendetwas anderes.
Also, wie würde ich eine Band ohne die „Falten“? Ich dachte an eine Sidebar mit einem Band Hintergrund für die aktive Seite der Verbindung zu tun. So etwas wie diese Form:
Oder. Wie würden Sie ein Band mit beiden Seiten mit dem gleichen dreieckigen Schnitt machen?
Ich möchte diese Artikel mit der Liste zu tun, nicht divs, though. Irgendwelche Ideen?
Wenn Sie es als HTML-Menü verwenden möchten, betten nur ein
- Ihre nav innerhalb .ribbon-Inhalts. Wer sonst in mobilen Probleme mit diesem zu haben? Insbesondere scheint der z-Index ignoriert werden, um die Enden der Banner über dem Haupt Band zu bringen. Es funktioniert auf Desktop-Browser, sondern in Chrom auf meinem Android-Handy, die Ecken sind an der Spitze.
- CareSprout ist die Einstellung einer Web Developer
- Outpost Spiele ist die Einstellung einer Sr Front-End-Software Engineer
- Duke University Libraries ist die Einstellung eines MorphoSource Repository Entwickler
Großer Ribbon-Code. Ich weiß nicht, ob Sie immer noch Ihre alten Artikel überprüfen, aber ich merkte, dass, wenn Sie das Band über ein transparentes Bild setzen (unabhängig davon, ob Sie die Transparenz auf dem Bild mit CSS hinzugefügt oder nicht) Die Bandkanten werden halbtransparent. Dies geschah in der aktuellen Chrome-Version zu der Zeit ich dies schrieb
Ich antwortete meine eigene Frage oben, sein ein, weil, wie ich den Z-Index gesetzt ,.
Posting-Code
Verhaltensregeln
privat wollen uns etwas mitteilen?
Viele tolle Sachen, die nicht anderswo veröffentlicht!
CSS-Tricks Web-Host seit dem ersten Tag. Sparen Sie 20% mit Code CSSTRICKS.
CSS-Tricks * erstellt, geschrieben von und von Chris Coyier und einem Team von Dünung Menschen gehalten. Es basiert auf Wordpress gebaut. von Media Temple gehostet. und die Vermögen von MaxCDN serviert. Es wird möglich gemacht durch Sponsoring von Produkten und Dienstleistungen, die wir möchten.