Verwendung von CSS-Klassen (Cascading Stylesheets) in SharePoint Foundation
Letzte Änderung: Samstag, 1. Mai 2010
Gilt für: SharePoint Foundation 2010
In Cascading Stylesheets (CSS) werden Formatregeln definiert, die ein Entwickler auf Elemente einer Webseite anwenden kann. Mit CSS-Formaten kann beispielsweise definiert werden, wie Elemente angezeigt werden und wo Elemente auf der Seite positioniert werden. Sie können CSS in Verbindung mit ECMAScript (JavaScript, JScript) und den in der Gestaltungsvorlage (v4.master) und auf einzelnen Seiten definierten HTML-Elementen verwenden, um die Anzeige von Microsoft SharePoint Foundation-Websites anzupassen.
Elemente von Teamwebsite-Homepages und CSS-Klassen
In der folgenden Tabelle werden ausgewählte auf der Standardhomepage für Teamwebsites verwendete Elemente auf oberster Ebene und CSS-Formate zusammengefasst. Verwenden Sie diese Tabelle als Ausgangspunkt, um zu verstehen, wie Cascading Stylesheets zum Anpassen von SharePoint Foundation verwendet werden. Weitere Informationen finden Sie unter Cascading Stylesheets.
Element |
CSS-Klasse(n) |
Hinweise |
|---|---|---|
<body> |
v4master |
Wendet CSS-Formate in corev4.css auf die Seite an. |
Menübandcontainer |
s4-pr |
Legt für den Menübandcontainer die gesamte Breite der Seitenzeile fest. |
s4-ribbonrowhidetitle |
Wird zum Ein- oder Ausblenden des Menüband-Titelbereichs verwendet, wenn das Menüband geöffnet oder geschlossen wird. |
|
ms-cui-ribbon |
Definiert die CSS-Klasse für das Hauptmenüband. |
|
ms-cui-ribbonTopBars |
Definiert die Elemente über dem Hauptteil des Menübands, vom oberen Rand der Seite bis einschließlich zu den Titeln der Registerkarten des Menübands. |
|
Menü Websiteaktionen |
ms-siteactionsmenu |
Legt Formate für das Menü Websiteaktionen als Ganzes fest. |
ms-siteactionsmenuinner |
Legt Formate für das innere Menü Websiteaktionen fest. |
|
ms-menu-a |
Legt die margin-right-Eigenschaft im Hauptmenü fest. |
|
Breadcrumb-Menü |
s4-breadcrumb-menu |
Legt Formate für das Breadcrumb-Menü als Ganzes fest. |
s4-breadcrumb-anchor |
Legt Formate für das Zeigen auf das Breadcrumb-Menü fest. |
|
Kopfzeile des Breadcrumb-Menüs |
s4-breadcrumb-top |
Legt Formate im oberen Bereich des Breadcrumb-Menüs fest, wenn die Dropdownstruktur geöffnet ist. |
s4-breadcrumb-header |
Legt Formate für das Symbol des Breadcrumb-Ordners fest, wenn das Dropdownmenü der Breadcrumb-Struktur ausgewählt ist. |
|
Elemente des Breadcrumb-Menüs |
s4-breadcrumb |
Legt Formate für Breadcrumb-Elemente fest. |
s4-breadcrumbRootNode |
Legt Formate für das Breadcrumb-Strukturelement des Teamwebsitestamms fest. |
|
s4-breadcrumbCurrentNode |
Legt Formate für das Breadcrumb-Basisstrukturelement fest. |
|
Registerkarte Bearbeiten |
ms-qatbutton |
Legt Formate für die Registerkarte Bearbeiten fest. |
Registerkarte Durchsuchen |
ms-cui-tts |
Legt Formate für den Container für den Registerkartentitel fest. |
ms-cui-tt |
Legt Formate für den Registerkartentitel fest. |
|
ms-browseTab |
Legt spezifische Formate für die Registerkarte Durchsuchen fest. |
|
ms-cui-tt-s |
Legt Formate für einen ausgewählten Registerkartentitel fest. |
|
ms-cui-tt-a |
Legt Formate für den Anker des Menüband-Registerkartentitels fest (das Verknüpfungselement, durch das auf den Tabellentitel geklickt werden kann). |
|
ms-cui-tt-span |
Legt Formate für die Breite des Registerkartentitels fest. |
|
Registerkarte Seite |
ms-cui-tt |
Legt Formate für den Registerkartentitel fest. |
ms-cui-tt-a |
Legt Formate für den Anker des Menüband-Registerkartentitels fest (das Verknüpfungselement, durch das auf den Tabellentitel geklickt werden kann). |
|
ms-cui-tt-span |
Legt Formate für die Breite des Registerkartentitels fest. |
|
Menü Benutzer |
s4-trc-container-menu |
Legt Formate für das Containermenü in der rechten oberen Ecke fest. |
ms-SPLink |
Legt Formate fest, die auf ein Menüelement angewendet werden. |
|
ms-welcomeMenu |
Legt die margin-right-Eigenschaft für ein Element eines Dropdownmenüs fest. |
|
ms-menu-a |
Legt die margin-right-Eigenschaft für das Hauptmenü fest. |
|
Titelzeile |
s4-pr |
Legt für die Titelzeile die gesamte Breite der Seitenzeile fest. |
s4-title |
Legt Formate für Seitentitelelemente fest. |
|
s4-lp |
Legt Formate für Elemente im linken Teil der Seite fest. |
|
s4-titlelogo |
Legt den Rand und die Ausrichtung für das Titellogobild fest. |
|
s4-titletext |
Legt Formate für den gesamten Text auf der rechten Seite der Seitenlogografik fest. |
|
Suchbereich |
s4-search |
Legt Werte für den Textabstand im Suchsteuerelement im sekundären Menü fest. |
s4-rp |
Legt Formate für Elemente im rechten Teil der Seite fest. |
|
Elemente des Schnellstartmenüs |
menu-item |
Legt Formate für die Home-Schaltfläche unter dem Websitelogo fest. |
menu-item-text |
Legt Formate für den Text der Home-Schaltfläche fest. |
|
Verknüpfung Papierkorb |
s4-rcycl |
Legt spezifische Formate für das Papierkorb-Verknüpfungselement fest. |
ms-splinkbutton-text |
Legt Formate für das Verknüpfungselement fest. |
|
Verknüpfung Gesamter Websiteinhalt |
s4-specialNavIcon |
Legt spezifische Formate für das Verknüpfungselement Gesamter Websiteinhalt fest. |
ms-splinkbutton-text |
Legt Formate für das Verknüpfungselement fest. |
|
Verknüpfung Freigegebene Dokumente |
ms-WPHeaderTd |
Legt Formate für den Kopfzeilenabschnitt des Webparts fest. |
ms-standardheader |
Legt Formate für die Standardkopfzeile fest. |
|
ms-WPTitle |
Legt Formate für den Webparttitel fest. |
|
Webpartmenü |
ms-WPHeaderTdMenu |
Legt Formate für das Webpartmenü fest. |
ms-WPHeaderMenuImg |
Legt Formate für das Bild des Webpartmenüs fest. |
|
Auswahlkontrollkästchen |
ms-WPHeaderTdSelection |
Legt Formate für das Auswahlkontrollkästchen für Webparts fest. |
ms-WPHeaderTdSelSpan |
Legt Formate für die span style-Elemente des Auswahlkontrollkästchens für Webparts fest. |
|
Auswahlkontrollkästchen für Elemente |
ms-vh-icon |
Legt Formate für das Symbol des Auswahlkontrollkästchens für Elemente fest. |
ms-vh2 |
Legt die Eigenschaft für die Höhe fest. |
|
Optionen Typ, Name, Geändert, Geändert von |
ms-vh-div |
Legt die padding-top-Eigenschaft fest. |
s4-ctx |
Legt Eigenschaften für Abstand, Position und Anzeige im Dropdownmenü fest. |
|
ms-vh2 |
Legt die Eigenschaft für die Höhe fest. |
|
Text für Freigegebene Dokumente |
ms-vb |
Legt Formate für den Textbereich der Steuerelementgruppe Freigegebene Dokumente (unterer Teil der Gruppe) fest. |
Verknüpfung Dokument hinzufügen |
ms-addnew |
Legt spezifische Formate für die Verknüpfung Dokument hinzufügen fest. |
Foto |
ms-rte-layoutszone-outer |
Rich-Text-Editor-Klasse, mit der die float-Eigenschaft für Steuerelemente des Teamwebsite-Homepagewebparts festgelegt wird. |
ms-rte-layoutszone-inner |
Rich-Text-Editor-Klasse, mit der Formate für Inhaltsbereiche des Teamwebsite-Homepagewebparts festgelegt werden. |
|
ms-rteThemeForeColor-5-5 |
Rich-Text-Editor-Klasse, mit der die Designvordergrundfarbe (dunkelblau) im Wiki-Bereich Erste Schritte festgelegt wird. |
|
Bereich Erste Schritte |
ms-rte-layoutszone-outer |
Rich-Text-Editor-Klasse, mit der die float-Eigenschaft für Steuerelemente des Teamwebsite-Homepagewebparts festgelegt wird. |
ms-rte-layoutszone-inner |
Rich-Text-Editor-Klasse, mit der Formate für Inhaltsbereiche des Teamwebsite-Homepagewebparts festgelegt werden. |
|
ms-rteThemeForeColor-5-5 |
Rich-Text-Editor-Klasse, mit der die Designvordergrundfarbe (dunkelblau) im Wiki-Bereich Erste Schritte festgelegt wird. |
|
Verknüpfungen für Diese Website freigeben, Websitedesign ändern, Symbol für die Website festlegen, Schnellstart anpassen |
ms-rteTable-0, ms-rteTableEvenRow-0, ms-rteTableEvenCol-0, ms-rteTableOddCol-0, ms-rteTableOddRow-0 |
Rich-Text-Editor-Klassen, mit denen Formate für die Steuerelemente unter dem Wiki-Bereich Erste Schritte festgelegt werden. |