Web Analytics Made Easy -
StatCounter CSS external code - CodingForum

Announcement

Collapse
No announcement yet.

CSS external code

Collapse
This topic is closed.
X
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • CSS external code

    I realize this seems like a relatively simple question

    But here goes:

    I want to get my scrollbar to change colors, but I want to do it using external CSS. I've been trying a long time to figure this out, but to no success.

    If someone could help me out, I would really appreciate it! Thanks a bunch.

  • #2
    Just make a text file that says this:

    BODY {
    SCROLLBAR-BASE-COLOR: #86BF4B;
    SCROLLBAR-ARROW-COLOR: #000000;
    }

    Then name it something like myfile.css (just make sure it has a .css extension). From there all you need to do is unclude this code in the head section of your page:

    <link rel="stylesheet" type="text/css" href="myfile.css">

    That should work, come back if you need more help!!!
    My Site {Mike's Adventures}

    Yikes, forums are almost too much fun.

    Comment


    • #3
      http://www.dynamicdrive.com/dynamicindex11/barcolor.htm

      and

      http://www.dynamicdrive.com/dynamici...rolleffect.htm

      My way of doing it...
      • Open Notepad
      • Paste code
      • remove the following lines:
        <style>
        <!--
        -->
        </style>
      • save file as whatever.css
      Gordo
      "In the End, we will remember not the words of our enemies, but the silence of our friends."
      - Martin Luther King Jr. (1929-1968)

      Comment


      • #4
        external CSS code

        well i need the code in this context:

        p {color: #ffffff; font-size: 11pt; font-style: normal; font-family: "Lucida Sans Unicode", sans-serif; text-align: left;}
        A:link {color: #9933CC;}
        A:visited {color: #ffffff;}
        A:hover {color: #d2691e;}
        body {background-color: #a8cdec;}
        img {align: center;}

        thats exactly how my code looks for my external css file

        how does the scrollbar code fit into that?

        thanks

        Comment


        • #5
          external css

          how does the scrollbar code fit into that?
          p {color: #ffffff; font-size: 11pt; font-style: normal; font-family: "Lucida Sans Unicode", sans-serif; text-align: left;}
          A:link {color: #9933CC;}
          A:visited {color: #ffffff;}
          A:hover {color: #d2691e;}
          body {background-color: #a8cdec; scrollbar-base-color: 86BF4B; scrollbar-arrow-color: #000000;}
          img {align: center;}

          That should do it for you.
          "Computers are considered female - As soon as you make a commitment to one, you find yourself spending half your paycheck on accessories for it."

          Comment


          • #6
            you don't need the quotes in the text name...

            So, to sum things up here...

            create a text file in notepad (or whatever text editor you may choose)

            Put your CSS code into it:

            Code:
            BODY {background-color: #a8cdec; scrollbar-base-color: 86BF4B; scrollbar-arrow-color: #000000;} 
            p {color: #ffffff; font-size: 11pt; font-style: normal; font-family: Lucida Sans Unicode, sans-serif; text-align: left;} 
            A:link {color: #9933CC;} 
            A:visited {color: #ffffff;} 
            A:hover {color: #d2691e;} 
            img {align: center;}
            now save that file as styles.css (You don't have to call it styles, just using it as an example.)

            In your HTML pages, put this code:
            <link rel="stylesheet" type="text/css" href="styles.css">

            That's pretty much it,

            if you run into any trouble with it, don't hesitate to ask.

            ~Quack

            Comment


            • #7
              i think you are supposed to use quotes for fonts that are more than one word.

              http://www.w3.org/TR/REC-CSS2/fonts....nt-family-prop

              Comment

              Working...
              X