Scrollbalken selber machen? Wie geht sowas?

[Sven L.]

Hi, ich hab da mal ne Frage, ich möchte für meine Page den Scrollbalken selber designen, nur weiss ich nicht wie so was geht. Als Vorbild hab ich da www.nintendo.de, wenn man dort z.B. auf eine News klickt erscheint der Scollbalken auch in einem eigenen Design. Ich würde das gern auch so machen, nur das ich den Scrollbalken anders designen würde. Kann mir da jemand weiterhelfen? Wäre euch wirklich sehr verbunden! :) _ MfG, Sven L. (ICQ: 91211909)

[Marcus]

Hi,

such mal nach "chromeless windows" in google.

Gruss
Marcus

[Christian Seiler]

Hallo Sven,

ich hab da mal ne Frage, ich möchte für meine Page den Scrollbalken selber designen, nur weiss ich nicht wie so was geht.

Die einzige mehr oder minder brauchbare Möglichkeit, die ich kenne: http://selfhtml.teamone.de/css/eigenschaften/anzeigefenster.htm#scrollbar

Du könntest natürlich auch einen Scrollbalken mit JS/DHTML selbst programmieren, allerdings rate ich davon ab, da ich bis heute keine Lösung gesehen habe, die wirklich gut funktioniert. (Auch mit Scrollrad etc.)

Als Vorbild hab ich da www.nintendo.de, wenn man dort z.B. auf eine News klickt erscheint der Scollbalken auch in einem eigenen Design.

Hmmm? Bei mir sehen die Scrollbalken alle ganz normal aus. Habe zwar keinen IE da, aber der Konqueror unterstützt auch farbige Scrollbalken und der zeigt die Scrollbars auf der Seite auch normal an.

Viele Grüße,
Christian

[Sven L.]

@ Christian Seiler: Ich meinte nicht den Scrollbalken umfärben, das kann ich nämlich schon, ich meinte einfach andere Grafiken verwenden, das man den Scrollbalken anders designen kann. Bei www.nintendo.de haben die das auch hinbekommen, sie haben den Scrollbalken bei den News z.B. nicht umgefärbt, sondern selber gemacht. _ MfG, Sven L.

[Christian Seiler]

Hallo Sven,

Bei www.nintendo.de haben die das auch hinbekommen, sie haben den Scrollbalken bei den News z.B. nicht umgefärbt, sondern selber gemacht.

Hmmm? Ich sehe unter jedem graphischen Browser, den ich installiert habe, (Mozilla 1.3, Opera 7.11, Konqueror 3.1.2, Netscape 4) einen stinknormalen Scrollbalken, nichtmal eingefärbt. Bist Du Dir sicher, dass wir beide wirklich von der gleichen Seite reden? (ich werde beim Zugriff auf http://www.nintendo.de/ immer auf http://www.nintendo-europe.com/NOE/de/DE/home/index.jsp weitergeleitet)

Viele Grüße,
Christian

[Maxx]

Hallo Sven,

das ist ganz einfach: Du nimmst etwas Scrollbar, ein Pils und etwas Balken. Das Ganze wird kräftig gerührt .... Nach einiger Zeit sondert das Scroll etwas Bar ab, was sich mit dem Pils zu einer Pilsbar verbindet. Das Scroll möchte nicht alleine sein, lehnt sich an den Balken. Bingo! Da hast du deinen Scrollbalken.

www.nintendo.de, wenn man dort z.B. auf eine News klickt erscheint der Scollbalken auch in einem eigenen Design.

Bei mir nicht.

Ich würde das gern auch so machen, nur das ich den Scrollbalken anders designen würde.

Meinst du vielleicht: http://selfhtml.teamone.de/css/eigenschaften/anzeigefenster.htm#scrollbar

HTH

Maxx

[Sven L.]

@ Maxx: Verarscht mich doch! -_- Zum letzten mal, ich meine so etwas wie hier: http://www.nintendo-europe.com/NOE/de/DE/news/article.jsp;jsessionid=OIQAXTTAKKR1MCRNN2GCFEQKFVXQ0I2C?ElementId=69c01f22-4ef5-44c9-98fa-eac70695923b -> Der innere Scrollbalken der orange ist! _ MfG, Sven L.

[Michael Schröpl]

Hi Sven,

http://www.nintendo-europe.com/NOE/de/DE/news/article.jsp;jsessionid=OIQAXTTAKKR1MCRNN2GCFEQKFVXQ0I2C?ElementId=69c01f22-4ef5-44c9-98fa-eac70695923b -> Der innere Scrollbalken der orange ist!

was hat Dich davon abgehalten, den Quelltext dieser Seite zu lesen?

<!-- new detail news needs extra javascript -->

<script language="javascript" type="text/javascript" src="../../../scripts/1k.js"></script>
 <script language="javascript" type="text/javascript" src="../../../scripts/scrollbar_new.js"></script>
 <script language="javascript" type="text/javascript">
 <!--
  preloadRollover('../../../../images/scroll_up_on.gif', '../../../../images/scroll_up_off.gif', 'scrollbar_up');
  preloadRollover('../../../../images/scroll_down_on.gif', '../../../../images/scroll_down_off.gif', 'scrollbar_down');
  preloadRollover('../../../../images/scroll_handle_top_on.gif', '../../../../images/scroll_handle_top_off.gif', 'scrollhandle_top');
  preloadRollover('../../../../images/scroll_handle_fill_on.gif', '../../../../images/scroll_handle_fill_off.gif', 'scrollhandle_fill1');
  preloadRollover('../../../../images/scroll_handle_mid_on.gif', '../../../../images/scroll_handle_mid_off.gif', 'scrollhandle_mid');
  preloadRollover('../../../../images/scroll_handle_fill_on.gif', '../../../../images/scroll_handle_fill_off.gif', 'scrollhandle_fill2');
  preloadRollover('../../../../images/scroll_handle_bottom_on.gif', '../../../../images/scroll_handle_bottom_off.gif', 'scrollhandle_bottom');

// -->
 </script>

Viele Grüße
      Michael

[David Tibbe]

Hallo

Verarscht mich doch!

Würden wir nicht machen.

Zum letzten mal, ich meine so etwas wie hier

Zum ersten Mal! Zuvor nanntest du nur die News-Seite auf der sich lediglich die ganz normalen, browsereigenen Scrollbalken befinden. Und nicht aufregen, ruhig bleiben :)

http://www.nintendo-europe.com/NOE/de/DE/news/article.jsp;jsessionid=OIQAXTTAKKR1MCRNN2GCFEQKFVXQ0I2C?ElementId=69c01f22-4ef5-44c9-98fa-eac70695923b

Sei so gut und mache daraus beim nächsten Mal einen Link.

Grüße
  David

[Christian Seiler]

Hallo Sven,

Zum letzten mal, ich meine so etwas wie hier: http://www.nintendo-europe.com/NOE/de/DE/news/article.jsp;jsessionid=OIQAXTTAKKR1MCRNN2GCFEQKFVXQ0I2C?ElementId=69c01f22-4ef5-44c9-98fa-eac70695923b -> Der innere Scrollbalken der orange ist!

Entschuldige, aber Du hast gesagt, wir sollen auf News klicken. Du hast uns nicht gesagt, wir sollen uns weiterklicken. Also bitte lass solche Sprüche wie

Verarscht mich doch!

denn auf der Seite, die beim Punkt "News" direkt kommt, ist nichts dergleichen.

Der Scrollbalken, den Du dort siehst, ist ein DHTML/JS-Konstrukt. Das ganze hat zur Folge, dass ich nur einen grauen Bereich sehe, wenn ich JavaScript deaktiviere. Mit aktiviertem JavaScript funktioniert der Balken zwar, aber mein Scrollrad nicht. Bist Du Dich sicher, dass Du so etwas bei Dir einbauen willst? (Und nein, ich wüßte auch nicht, wie man mit DHTML/JS so etwas sauber hinbekommt) Wenn Du es unbedingt willst, dann findest Du in einschlägingen Scriptarchiven wie z.B. http://www.hotscripts.com/ solche Scripte.

Viele Grüße,
Christian

[MudGuard]

Hi,

Der Scrollbalken, den Du dort siehst, ist ein DHTML/JS-Konstrukt. Das ganze hat zur Folge, dass ich nur einen grauen Bereich sehe, wenn ich JavaScript deaktiviere. Mit aktiviertem JavaScript funktioniert der Balken zwar, aber mein Scrollrad nicht. Bist Du Dich sicher, dass Du so etwas bei Dir einbauen willst? (Und nein, ich wüßte auch nicht, wie man mit DHTML/JS so etwas sauber hinbekommt) Wenn Du es unbedingt willst, dann findest Du in einschlägingen Scriptarchiven wie z.B. http://www.hotscripts.com/ solche Scripte.

Besonders nett finde ich, daß je nach Position des Pseudo-Scrollbalkens die Gesamtseite einen Scrollbalken rechts bekommt (Mozilla 1.4) und damit während des Verschiebens des Pseudo-Scrollers die Seite in der Horizontale rumzuckt...

cu,
Andreas

[Sven L.]

@ Christian Seiler: Deshalb sagte ich ja auch "wenn man dort z.B. auf eine News klickt...", also wer hat hier was nicht genau durchgelesen? ;) _ MfG, Sven L.

[Christian Seiler]

Hallo Sven,

@ Christian Seiler:

Nur mal so als Hinweis: Ein einfaches Hallo tuts auch. Wer hier auf wen antwortet, ist sowieso aus der Struktur des Forums ersichtlich. (-> http://aktuell.de.selfhtml.org/artikel/gedanken/foren-boards/index.htm)

Deshalb sagte ich ja auch "wenn man dort z.B. auf eine News klickt...", also wer hat hier was nicht genau durchgelesen? ;)

Urgs.... Ups....

<Rechtfertigung>
1. Du hättest ja die URL einer Unterseite gleich angeben können.
2. Bei der ersten News tritt das ja auch nicht auf, deswegen gilt das nicht.
</Rechtfertigung> ;-)

Viele Grüße,
Christian

[David Tibbe]

Hallo

Nach einigem Suchen habe ich auch jene ominöen, eigenen Scrollbalken gefunden, sie sind nur bei einigen News zu beobachten.
http://www.nintendo-europe.com/NOE/de/DE/news/article.jsp?ElementId=821997b5-14a6-41a7-876c-f505e940694f
Schau doch in den Quelltext, dort steht doch, wie das ganze "funktioniert". Es ist ein JavaScript für das Scrollen zuständig.

Wie dir die anderen aber schon gesagt haben, lass es lieber bleiben. Der User ist die Browsereigenen Scrollbars gewöhnt, nimm sie ihm nicht weg. Andere User haben gar kein JavaScript zu Verfügung. Und wieder andere haben einen guten Browser, bei dem solche Scripts nicht funktionieren.
Du siehst, es gibt genügnd Argumente gegen ein solches Vorhaben, spare dir die Mühe besser...

Grüße
  David

[MudGuard]

Hi,

wie sowas geht?
Meistens in die Hose - weil es nicht in allen Browsern funktioniert...

cu,
Andreas

[Sven L.]

@ All: Danke für eure Ratschläge! :) Bin jetzt auch zu dem entschluss gekommen es zu lassen! ^^ Der Scrollbalken auf Nintendo.de ist halt nicht der beste, ich hatte gehoft das jemand das viel besser kann, aber ich wusste nicht wie schwierig so etwas ist! Dann behalte ich halt meinen eingefärbten Windows Scrollbalken! ;) Das Problem war auch folgender, das Design meiner Page ist auch ein wenig von der breite des Scrollsbalken abhängig. Ein normaler Windows Scrollbalken ist 16 Pixel breit, der von Netscape nur 15 Pixel und die XP-Version ist 17 Pixel breit, dadurch ergab sich für mich ein paar probleme! Diese habe ich aber inzwischen lösen können! :) Die Idee kam mir auf dem Klo, echt wahr! ^^ Und für alle Nintendo Fans, an dieser Page arbeite ich gerade: www.nfreakz.de _ MfG, Sven L.

[Lactrik]

Hallo,

also bei mir tritt diese Anomalie nicht auf, liegt wohl daran, dass ich JavaScript deaktiviert habe, wie so viele andere Benutzer auch.

Aber solltest du mal wieder auf diese Anomalie stoßen, deaktiviere auch einfach dein JavaScript - dann kennst du auch den Grund, warum du sowas bei dir nicht einbauen solltest ;-)

Grüße
Lars