Page 1 of 3
Scrollbalken "verschönern"
Posted: Tue Apr 20, 2010 1:25 pm
by Xenolith
Hallo,
Ich suche nach einer Möglichkeit den Scrollbalken designmäßig an mein Template anzupassen bzw einen alternativen Scrollbalken zu verwenden. Wichtig dabei ist das es von allen gänigen Browsern unterstützt wird.
vielen Dank für eure Hilfe,
Xenolith
Re: Scrollbalken "verschönern"
Posted: Tue Apr 20, 2010 1:28 pm
by owr_bgld
Google: Suchworte css und scrollbar
Re: Scrollbalken "verschönern"
Posted: Tue Apr 20, 2010 1:43 pm
by Xenolith
Meinst du sowas hier?
Code: Select all
scrollbar-face-color: #DDDDDD;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-darkshadow-color: #808080;
scrollbar-shadow-color: #969696;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
EDIT: außerdem ist dieses CSS Statements nicht valide...
EDIT2:
http://www.firefox-browser.de/wiki/FAQ: ... Scrollbars
Re: Scrollbalken "verschönern"
Posted: Tue Apr 20, 2010 1:55 pm
by owr_bgld
Xenolith wrote:
Funktioniert leider nur im IE...
außerdem ist dieses CSS Statements nicht valide...
Das meinte ich eigentlich, denn es funktioniert nur teilweise und da nur mit Bauchweh bzw. sollte man davon Abstand nehmen.
Re: Scrollbalken "verschönern"
Posted: Tue Apr 20, 2010 2:04 pm
by Xenolith
owr_web wrote:
Xenolith wrote:
Funktioniert leider nur im IE...
außerdem ist dieses CSS Statements nicht valide...
Das meinte ich eigentlich, denn es funktioniert nur teilweise und da nur mit Bauchweh bzw. sollte man davon Abstand nehmen.
Problem ist das ich bei google nur solche Mülltreffer finde.
Ich dachte jetzt auch eher an eine lösung mittels ajax/javascript/schlagmichtot.
Re: Scrollbalken "verschönern"
Posted: Tue Apr 20, 2010 3:26 pm
by Jos
Re: Scrollbalken "verschönern"
Posted: Wed Apr 21, 2010 4:28 am
by nockenfell
jScrollpane ist sehr gut. Ich habe es z.B. hier eingebaut:
http://bit.ly/b5j5RK (Der Inhalt der Seite ist nicht von mir)
Re: Scrollbalken "verschönern"
Posted: Wed Apr 21, 2010 3:44 pm
by Xenolith
Hallo,
Hast du mal ein Beispiel wie ich es in mein Template einbaue?
Liebe Grüße Xenolith
Re: Scrollbalken "verschönern"
Posted: Wed Apr 21, 2010 6:44 pm
by nockenfell
Hm, kommt nun darauf an was du genau gesucht hast. Mit jScrollPane kannst du den Scrollbalken eines div Containers nach deinen Wünschen gestalten. Ob dies auch mit dem Scrollbalken des Browsers möglich ist, weiss ich ehrlich gesagt nicht.
Hier würde ich je nach dem das Browserfenster mit einem Container füllen und den Content in diesem Container selber scrollen lassen.
Re: Scrollbalken "verschönern"
Posted: Wed Apr 21, 2010 7:12 pm
by Xenolith
Code: Select all
<!-- HEAD -->
<!-- Einbindung von Stylesheets -->
{stylesheet}
<link rel="stylesheet" type="text/css" media="all" href="uploads/joc_template/css/jScrollPane.css" />
<!-- Einbindung von Javascript -->
<__script__ type="text/javascript" src="uploads/joc_template/js/jquery-1.4.2.min.js"></__script>
<__script__ type="text/javascript" src="uploads/joc_template/js/jScrollPane.js"></__script>
<!-- Scrollbalken -->
{literal}
<__script__ type="text/javascript">
$(function()
{
$('#content').jScrollPane();
});
</__script>
{/literal}
<!-- BODY -->
<!-- mittels CSS wurde die Eigenschaft overflow auf auto gesetzt -->
<div id="content">
{content}
</div>
So geht es schonmal nicht;)
Re: Scrollbalken "verschönern"
Posted: Wed Apr 21, 2010 7:16 pm
by nockenfell
Du musst auch ein paar Eigenschaften mitgeben. Wie gross ist der Inhalt? Hast du eine Demoseite wo wir schauen können?
Re: Scrollbalken "verschönern"
Posted: Wed Apr 21, 2010 7:18 pm
by Xenolith
Link:
Code: Select all
http://jesusourcaptain.org/testcms/sports/snow/snowboardenone
CSS:
Code: Select all
#content {
height: 430px;
width: 586px;
display:block;
overflow:auto;
position:absolute;
margin: 30px;
background: transparent url(uploads/joc_template/images/background/content.png) no-repeat;
}
Re: Scrollbalken "verschönern"
Posted: Wed Apr 21, 2010 7:23 pm
by NaN
Xenolith wrote:
So geht es schonmal nicht;)
$('content').jScrollPane(); ist ja auch falsch.
$('#content').jScrollPane(); sollte funktionieren.
Re: Scrollbalken "verschönern"
Posted: Wed Apr 21, 2010 7:25 pm
by Xenolith
Ich muss dich enttäuschen auch so geht es nicht
Hab eich eine Möglichkeit zu überprüfen ob der die *.js Dateien findet die ich eingebunden habe?
Re: Scrollbalken "verschönern"
Posted: Wed Apr 21, 2010 7:28 pm
by NaN
Versuchs mal so:
$(document).ready(function()
{
$('#content').jScrollPane();
});