Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Jun 2002
    Location
    West Lafayette, IN
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile 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
    Regular Coder
    Join Date
    Jun 2002
    Location
    Iowa / Notre Dame
    Posts
    538
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Location
    TEXAS . . . 'nuf said
    Posts
    468
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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)

  • #4
    New to the CF scene
    Join Date
    Jun 2002
    Location
    West Lafayette, IN
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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

  • #5
    Regular Coder
    Join Date
    Jun 2002
    Location
    -27 28' 22" , 153 1' 22"
    Posts
    135
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Lightbulb 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.

  • #6
    Regular Coder
    Join Date
    Jun 2002
    Posts
    344
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #7
    Regular Coder
    Join Date
    Jun 2002
    Location
    Dallas, Texas
    Posts
    188
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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



  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •