Sie können Mehrfach-Layout-Bereiche anpassen, indem Sie den CSS-Code in der Design-Ansicht bearbeiten.
Sie können allgemeine oder spezielle Änderungen am Mehrfach-Layout-Bereich-Style vornehmen.
Wenn Sie Änderungen am allgemeingültigen Style des Mehrfach-Layout-Bereichs vornehmen möchten, können Sie die Datei MLR.css bearbeiten.
Die Datei MLR.css betrifft die gesamte Site. Möchten Sie den aktuellen Style eines bestimmten Mehrfach-Layout-Bereichs ändern, so bearbeiten Sie die ihm zugehörige Datei. Der Dateiname setzt sich folgendermaßen zusammen: MehrfachLayoutBereich.Nummer.Typ.css.
Zum Beispiel: MehrfachLayoutBereich1Registerkarte_Oben.css.
Sie müssen den Namen des Mehrfach-Layout-Bereichs sowie dessen Typ kennen, um die .css-Datei bestimmen zu können. Die Bestimmung dieser Datei wird über ihren Namen und den Typ des Mehrfach-Layout-Bereichs vorgenommen (MehrfachLayoutBereich1Registerkarte_Oben.css).
Wenn Sie die ID des Mehrfach-Layout-Bereichs ändern, wird die ihm zugehörige CSS-Datei ihren Namen beibehalten, der Selektorenname ändert sich jedoch.
Hat zum Beispiel ein Mehrfach-Layout-Bereich die Objekt-ID „MehrfachLayoutBereich1" und Sie ändern seinen Namen zu „mlb1", so lautet der Name der CSS-Datei „MehrfachLayoutBereich1" und der Selektorenname lautet „mlb1".
Hinweis: Sie können diese Dateien bearbeiten, es wird jedoch nicht empfohlen sie zu löschen.
Vergewissern Sie sich vor dem Durchführen von Änderungen am CSS-Code, dass Sie eine der Registeroptionen für die Mehrfach-Layout-Bereiche ausgewählt haben.
So bearbeiten Sie den CSS-Code eines Mehrfach-Layout-Bereichs:
Öffnen Sie „Design-Ansicht".
Wählen Sie im Styles-Explorer die Datei MLR.css aus.
Wählen Sie unter „Selektoren" die blaue Schaltfläche links aus, die dem Register entspricht, das Sie bearbeiten wollen.
Wenn Sie den Mehrfach-Layout-Bereichen mehrere Registertypen hinzufügen, werden alle Registertypen im linken Selektorenfenster angezeigt.
Wählen Sie das grafische Element der Mehrfach-Layout-Bereiche aus, das Sie bearbeiten möchten.
Führen Sie die Änderungen im Fenster „CSS - Standard" durch.
Möchten Sie zum Beispiel den Style, die Breite und die Farbe der Rahmen des Ziehharmonika-Mehrfach-Layout-Bereichs ändern, gehen Sie wie folgt vor:
Öffnen Sie „Design-Ansicht".
Wählen Sie im Styles-Explorer die Datei MLR.css aus.
Wählen Sie unter „Selektoren" die blaue Schaltfläche links aus, die dem Ziehharmonika-Register entspricht, das Sie bearbeiten wollen.
Wählen Sie .basic.
Wählen Sie im Fenster „CSS - Standard" die Registerkarte „Rahmen" aus.
Darunter befinden sich vier Schaltflächen für die Einstellungen der vier Rahmen: „Oben", „Links", „Rechts", „Unten".
Stellen Sie den Style, die Breite und die Farbe für den ausgewählten Rahmen ein.
Platzieren Sie ein Ziehharmonika-Mehrfach-Layout-Bereich auf der Seite und zeigen Sie die Seitenvorschau an, um das Ergebnis anzusehen.
Jeder Mehrfach-Layout-Bereich umfasst Navigationselemente oder Register und Fenster oder Layout-Bereiche. Unter „Seitengestaltung" können Sie den Hintergrund jedes Mehrfach-Layout-Bereichs und der darin enthaltenen Layout-Bereiche bearbeiten. Die Register können nicht unter „Seitengestaltung" bearbeitet werden. Die Navigationselemente können in der Design-Ansicht durch Bearbeiten des CSS-Codes bearbeitet werden.
Angenommen, Sie haben einen Mehrfach-Layout-Bereich, der als Register oben mit zwei Layout-Bereichen angezeigt wird, und Sie möchten der gesamten Komponente dieselbe Hintergrundfarbe zuweisen. Obwohl Sie die Hintergrundfarbe für den Mehrfach-Layout-Bereich und seine Layout-Bereiche geändert haben, ist die Hintergrundfarbe des Registers unverändert.
So bearbeiten Sie den Style des Registers:
Öffnen Sie „Design-Ansicht".
Wählen Sie im Styles-Explorer die Datei MultiLayoutRegion1tab.css aus.
Wählen Sie unter „Selektoren" die blaue Schaltfläche links aus, die dem Register „Register oben" entspricht, das Sie bearbeiten wollen.
Wählen Sie #MehrfachLayoutBereich1LYR.ui-tabs-panel aus.
Wählen Sie im Fenster „CSS - Standard" die Schaltfläche „Hintergrund" aus und ändern Sie die Farbe.
Die Änderungen am Element werden sichtbar.
Schauen Sie sich dann die Seite in der Seitenvorschau an, um sich vom Ergebnis zu überzeugen. Das Register hat dieselbe Farbe wie der Hintergrund des Mehrfach-Layout-Bereichs und seiner Layout-Bereiche.
Weitere Informationen erhalten Sie unter Bearbeiten über das CSS-Fenster.