Wie Design CSS3 Styles

Es gibt eine Reihe von Überlegungen für diese CSS3-Anwendung von einem Stil Perspektive. Jedoch ist die dringendste Bedarf, ein Mittel zu schaffen, der Grafiken in einer Weise anzeigt, die der Benutzer erwarten würde, ungeachtet der Art, in der die Variablen definiert sind. Normalerweise würden diese Komponenten übereinander erscheinen. Sie müssen einige CSS, um die erforderliche Aussehen zu erhalten zu schaffen.

Hier ist die CSS für dieses Beispiel:

Beachten Sie, dass die Breite von Kategorien ist, so dass die DrawingContainer rechts von ihm erscheinen. Die Auswahlmöglichkeiten sind eingerichtet, um voll in Kategorien passen. Wenn die Breite der Auswahl einstellen, müssen Sie für den Einzug Konto, das jQuery UI stellt automatisch als Teil des Akkordeon-Widgets.

Der wichtigste Teil des DrawingContainer Setup ist die linke Einstellung, die konfiguriert werden müssen, das Akkordeon-Widget auf der linken Seite davon aufzunehmen. Die Größe der Zeichnung ist so, dass die Anwendung das Seitenverhältnis der Bilder beibehalten kann es angezeigt wird.

Mit einigen zusätzlichen Arbeit, könnten Sie ermöglichen die Bilder von mehreren Größen im Raum leicht zu passen - die Beispielbilder die ganze Größe gleich sind.