Scroll Balken in Farbe und wie & wo einfügen

[TJGonline]

Hallo liebe Leute,

ich wollte mal einiges mit Dreamweaver MX ausprobieren und habe es leider nicht geschaft den Code für ein farbigen Scrollbalken, egal wo auf der Seite, einzubauen ! Wer kann bitte helfen ! Ich benutze dazu das Programm: ScrollBar Styler 5.5 (geht eigenlich mit Netobjects MX ganz gut)

DANKE !!!!

[jph]

du hast ja denn quellcode für den scroll-bar-css aus dem programm.
diesen kopierst du in ie zwischenablage.
nun gehts du hin in dw mx:
modifizieren->text->css-stile anfügen
nimmst body (als HMTL-Tag) erstellst es und fügst nix ein.
Dann gehst du mit F10 in den Quellcode und fügst in den geschweiften klammern hinter body die sachen für die scollbars ein!

[Green-Green]

Möchte meinen Scrollbalken auch per DW eine andere Farbe geben...nur weiß ich nicht wie.

Füge ich so etwas wie:

scrollbar-base-color:#8C8CC6;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#8C8CC6;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#ACACE6;

ein, passiert nichts, bzw. der Code ist unterstrichen und ich bekomme die Meldung das der Code nicht unterstützt wird.
Könnte mir jemand weiterhelfen?

danke

[PeterBrand]

Welchen Browser verwendest Du?
Die färbigen Scrollbalken werden nur vom IE unterstützt.

[Green-Green]

Ich verwende IE6.

[PeterBrand]

Hast Du das ganze als Style des Body-Tags definiert?
Die Reihenfolge der Elemente könnte auch eine Rolle spielen:

   <style type="text/css">
  <!--
  BODY {
  scrollbar-face-color: #941418; 
  scrollbar-highlight-color: #941418; 
   scrollbar-shadow-color: #941418; 
   scrollbar-3dlight-color: #EFE59A; 
   scrollbar-arrow-color: #EFE59A; 
   scrollbar-track-color: #F3ECB0; 
   scrollbar-darkshadow-color: #9B833F;
   }
   -->
   </style>

[Green-Green]

Also bei mir schaut das alles so aus:

<style type="text/css">
<!--
body {
	background-color: #898989;
	scrollbar-face-color: #C73914; 
  	scrollbar-highlight-color: #941418; 
   	scrollbar-shadow-color: #941418; 
   	scrollbar-3dlight-color: #C73914; 
   	scrollbar-arrow-color: #EFE59A; 
   	scrollbar-track-color: #F3ECB0; 
   	scrollbar-darkshadow-color: #9B833F;
	}
.Stil1 {
	font-family: "Century Gothic";
	font-size: 18px;
	font-weight: bold;
}
-->
</style></head>

Den IE6 scheint das aber kalt zu lassen...warum nur?

[PeterBrand]

Welchen DOCTYPE verwendest Du?

Hab´s gerade getestet: bei "strict" stellt auch der IE die färbigen Scrollbalken nicht dar.

[ingo]

moinsen,
der ie stellt im standardmodus keine scrollbarangaban dar, die für body definiert sind.
so sollte es funzen:

body, html {
	background-color: #898989;
	scrollbar-face-color: #C73914; 
  	scrollbar-highlight-color: #941418; 
   	scrollbar-shadow-color: #941418; 
   	scrollbar-3dlight-color: #C73914; 
   	scrollbar-arrow-color: #EFE59A; 
   	scrollbar-track-color: #F3ECB0; 
   	scrollbar-darkshadow-color: #9B833F;
	}

[PeterBrand]

Stimmt, mit body, html funktioniert es!

[ingo]

wahrscheinlich reicht auch nur html, ich war mir gerade nicht so sicher
aber: doppelt hält besser.

[Green-Green]

Cool, es funktioniert...

DOCTYPE? Wo steht denn ob "strict" oder nicht?

Warum funktioniert dieser Code hier nicht?

<!--
body, html {
	background-color: #898989;
	scrollbar-face-color: #898989; 
  	scrollbar-highlight-color: #898989; 
   	scrollbar-shadow-color: #000000; 
   	scrollbar-3dlight-color: #000000; 
   	scrollbar-arrow-color: #000000; 
   	scrollbar-track-color: #000000; 
   	scrollbar-darkshadow-color: #000000;
	}
.Stil1 {font-family: "Century Gothic"}
.Stil2 {color: #FFFFFF}
-->

und der hier ohne Probleme...

<!--
body, html {
	background-color: #898989;
	scrollbar-face-color: #898989; 
  	scrollbar-highlight-color: #898989; 
   	scrollbar-shadow-color: #000000; 
   	scrollbar-3dlight-color: #000000; 
   	scrollbar-arrow-color: #000000; 
   	scrollbar-track-color: #000000; 
   	scrollbar-darkshadow-color: #000000;
	}
-->

Könnte "Stil1 & Stil 2" stören?

Wie deaktiviert man denn Zeilen im Code? mit "//"?

[PeterBrand]

DOCTYPE? Wo steht denn ob "strict" oder nicht?

Hier gibt´s eine gute Zusammenfassung zum dem Thema.

[Green-Green]

Ich hab "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"" also hab ich W3C.

Das mit den scrollbars hab ich hinbekommen, nur ein Problem habe ich noch...!
Ich hab ein Webalbumhersteller (JAlbum) der logischerweise eine html Datei generiert und ich hab keinen blassen schimmer wo ich in diesem Code die Farbveränderung angehen soll... Kann mir da uU jemand n Tip geben?

Hier mal n Ausschnitt aus dem Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>hockenheimring - 2004</TITLE>
<LINK HREF="res/styles.css" rel=stylesheet>
</HEAD>

<BODY ID="index">

<!-- Include header.inc from image directory if present -->
<!-- header HTML goes here -->
<table width="100%" border="0">
  <tr class="headerRow">
    <td>
      <div class="indexLinks" align="left"><a href="index.html"><b>Bilderalbum</b></a> </div>
    </td>
  </tr>
  <tr class="titleRow">
    <td align="center">
      <div class="indexTitle" align="center">Bilderalbum</div>
      
    </td>
  </tr>
  <tr>
    <td>      
      <!-- Iterate through images and produce an index table -->
      <table align="center" border="0" cellspacing="10">
        <tr>
          <td colspan="3" class"pageNavCell" align="center">
          
          
          <table align="center" border="0">
            <tr>
              <td>
              
                <div><img src="res/previous_disabled.gif" border="0" alt="No Previous Page" align="texttop"></div>
               
              </td>
              <td class="pageNavCell">    
                Pages: <span class='currentPageNum'> 1 </span> <a class='pageNumLink' href="index2.html">2</a>   
              </td>
              <td class="pageNavCell" align="center"> 
              
                <a href="index2.html"><div><img src="res/next.gif" border="0" alt="Next Page" align="texttop"></div>
                
                </a>
                
              </td> 
             </tr>
            </table>
            
            <br>
           </td>
        </tr>
      
        <TR>
.
.
.
.
                     
              <TD class="indexThumbCell" align="left" WIDTH="25%">
              <A HREF="slides/hhr (1).html">
              <IMG CLASS="image" SRC="thumbs/hhr (1).JPG" WIDTH="185" HEIGHT="140" BORDER=0 ALT="Click for large version"><BR>
              <div class="thumbLabel"><b>hhr (1)</b></div></A>
              <div class="thumbDetails">09.02.05 14:53, <SMALL>283 KB</SMALL></div>
               <div class="thumbComment"></div>
               <BR>
            
            <br>
          </TD>
         
                      
      
            
              
      
          <tr>
          <td colspan="3" class="pageNavCell" align="center">
          
          <table align="center" border="0">
            <tr>
              <td>
              
                <div><img src="res/previous_disabled.gif" border="0" alt="No Previous Page" align="texttop"></div>
                
               
              </td>
              <td class="pageNavCell">    
                Pages: <span class='currentPageNum'> 1 </span> <a class='pageNumLink' href="index2.html">2</a>   
              </td>
              <td class="pageNavCell" align="center"> 
              
                <a href="index2.html"><div><img src="res/next.gif" border="0" alt="Next Page" align="texttop"></div>
                
                </a>
                
              </td> 
             </tr>
            </table>
            
           </td>
        </tr>
</TABLE>
    </td>
  </tr>
</table>
<!-- Include footer.inc from image directory if present -->
<!-- footer HTML goes here -->

<P>
  <SMALL>Generated by <A HREF="http://jalbum.net/?skin=Experience" TARGET="_blank"> JAlbum 5.1</A>
  </SMALL>
</P>
</BODY>
</HTML>

[PeterBrand]

Du importierst da ja ohnehin eine externe CSS-Datei
<LINK HREF="res/styles.css" rel=stylesheet>

Pack den Code dann doch gleich da rein, dann ist er an einer Stelle zentral definiert.