So erstellen Sie Specialized CSS3 Menü-Effekte

Das grundlegende CSS3 Menü ist schön, aber es gibt noch einige fit-and-Finish Änderungen, die Sie vornehmen können. Eine, die besonders wichtig ist, ist das Attribut title für jede der Menüeinträge zu definieren.

Zum Beispiel könnte man einfach title = "auf die Startseite gehen" für die Home-Taste verwenden. Das Hinzufügen der Titel Attribut stellt den Betrachter mit einem Tooltip, wenn der Mauszeiger schwebt und bietet auch Input für Menschen Bildschirmlesegeräte verwenden.

Das Menü bietet keine schnelle Methode zum Ändern der Textfarbe oder etwas über die Schriftart verwendet, um sie anzuzeigen. Wie bei anderen Beispielen können Sie verschiedene Arten von CSS-Änderungen verwenden, um die Darstellung von Text im Menü zu beeinflussen.

Die Tasten verlassen sich auf die .splitmenubutton Stil den Text zu erstellen Erscheinung- die Untermenüs auf dem ul.splitdropdown li ein Stil verlassen. Versuchen Sie, diese Änderungen an den Beispiel Stile zu machen, und Sie werden das Zusammenspiel zwischen den verschiedenen Split-Taste Menü-Elemente zu sehen.

.splitmenubutton {color: Gelb-} ul.splitdropdown li a {color: DarkOrchid-Hintergrund: Lavendel-}

Es ist möglich, die Split-Taste Menü zu ändern, zu erfüllen jeden Bedarf Sie haben könnten. Die wichtige Sache zu erinnern ist, so viele Änderungen wie möglich zu machen außerhalb der Original-Dateien. Änderungen an den Dateien führen, dass Sie Probleme an einem gewissen Punkt, weil Dynamic Drive wird auf die Beispiele wahrscheinlich Updates machen.