diff options
| author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:15 -0500 |
|---|---|---|
| committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:15 -0500 |
| commit | 4b1a9203c547c019fc5398082ae19a3f3d4c3efe (patch) | |
| tree | d4a40e13ceeb9f85479605110a76e7a4d5f3b56b /files/de/codeschnipsel/scrollbar/index.html | |
| parent | 33058f2b292b3a581333bdfb21b8f671898c5060 (diff) | |
| download | translated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.tar.gz translated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.tar.bz2 translated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.zip | |
initial commit
Diffstat (limited to 'files/de/codeschnipsel/scrollbar/index.html')
| -rw-r--r-- | files/de/codeschnipsel/scrollbar/index.html | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/files/de/codeschnipsel/scrollbar/index.html b/files/de/codeschnipsel/scrollbar/index.html new file mode 100644 index 0000000000..3fa77ebaf7 --- /dev/null +++ b/files/de/codeschnipsel/scrollbar/index.html @@ -0,0 +1,32 @@ +--- +title: Scrollbar +slug: Codeschnipsel/Scrollbar +translation_of: Archive/Add-ons/Code_snippets/Scrollbar +--- +<p>Dieses Beispiel zeigt, wie die Scrollbars in einer XUL-Applikation verändert werden können. Scrollbars im Browser werden auch gestylt. <br> +(Auf Windows XP getestet)</p> +<p>Das Beispiel setzt die folgende Struktur voraus:</p> +<pre class="eval">app/chrome/chrome.manifest +app/chrome/skin/global/ +</pre> +<p>Kopieren Sie die scrollbars.css von <code>xulrunner/chrome/classic.jar/skin/classic/global</code> nach <code>app/chrome/skin/global/scrollbars.css</code></p> +<p>Öffnen Sie <code>app/chrome/chrome.manifest</code> und fügen Sie folgende Zeilen hinzu:</p> +<pre class="eval">skin app-global standard/1.0 skin/global/ +override <a class=" external" rel="freelink">chrome://global/skin/xulscrollbars.css</a> <a class=" external" rel="freelink">chrome://app-global/skin/scrollbars.css</a> +</pre> +<p><code>xulscrollbars.css</code> wird für Windows XP benutzt, <code>nativescrollbars.css</code> auf OSX. Für OSX, fügen Sie noch folgendes an:</p> +<pre class="eval">override <a class=" external" rel="freelink">chrome://global/skin/nativescrollbars.css</a> <a class=" external" rel="freelink">chrome://app-global/skin/scrollbars.css</a> +</pre> +<p>Ändern Sie nun ein paar Farbwerte in <code>app/chrome/skin/global/scrollbars.css</code> um zu testen, ob das CSS benutzt wird.</p> +<p>Beispielfenster in XUL:</p> +<pre class="eval"><?xml version="1.0"?> +<?xml-stylesheet href="<a class=" external" rel="freelink">chrome://global/skin/</a>" type="text/css"?> +<window id="sampleWindow" width="320" height="240" + xmlns="<a class=" external" href="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" rel="freelink">http://www.mozilla.org/keymaster/gat...re.is.only.xul</a>"> +<hbox flex="1"> + <browser type="content" src="<a class=" external" href="http://mozilla.org" rel="freelink">http://mozilla.org</a>" flex="1"/> + <scrollbar orient="vertical"/> +</hbox> +</window> +</pre> +<p>{{ languages( { "en": "en/Code_snippets/Scrollbar" } ) }}</p> |