38 users online (0 members and 38 guests)  


  Results 1 to 4 of 4

Related

  1. Replies: 17
  2. Editing iFrame Scrollbar Color and Look    Forum: PHP Forum
    Replies: 1
  3. Changing Color of Text Box Scroll Bar    Forum: HTML Forum
    Replies: 4
  4. Changing Text Box Scroll Bar Color    Forum: HTML Forum
    Replies: 1
  5. Changing scrollbar colour    Forum: HTML Forum
    Replies: 3
  1. #1
    elizainmt's Avatar
    New User

    Status
    Offline
    Join Date
    Mar 2007
    Posts
    2

    changing the color of scrollbar in an iframe

    I know that there have been threads about this subject before but I must really be having some trouble...since I can't seem to change the iframe scrollbar at all. It stays the color of the default browser scrollbar.
    I am trying to change the colors of the iframe.....
    Here are the colors that I would like to change it to:
    <STYLE> BODY {SCROLLBAR-FACE-COLOR: #f4eca6; SCROLLBAR-HIGHLIGHT-COLOR: #f4eca6; SCROLLBAR-SHADOW-COLOR: #f4eca6; SCROLLBAR-3DLIGHT-COLOR: #f4eca6; SCROLLBAR-ARROW-COLOR: #996633; SCROLLBAR-TRACK-COLOR: #f4eca6; SCROLLBAR-DARKSHADOW-COLOR: #f4eca6; SCROLLBAR-BASE-COLOR: #996633}</STYLE>Any assistance you can offer is appreciated. Thank you so much!

  2. #2
    JamesonLewis3rd's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2007
    Location
    Arlington TX
    Posts
    11

    Re: changing the color of scrollbar in an iframe

    You do not mention which browser you are using, so, first of all, as far as I know, modifying the scroll bars in the fashion you presented will not work in Firefox but will work in IE (I know this because I currently have the same code in the CSS on my blog).

    I would also suggest creating a class in your CSS for that particular frame (parent/child relationship might be in play, but that's a guess).

  3. #3
    elizainmt's Avatar
    New User

    Status
    Offline
    Join Date
    Mar 2007
    Posts
    2

    Re: changing the color of scrollbar in an iframe

    Jameson - that is exactly what I'm trying to do with my site (just like the type of scrollbar on your iframe on your blog). Here is a sample page of the site I'm working on:
    http://www.ebethstudio.com/ruzicka/history.htm
    Do you have a sample code from your site that you can send me?
    Thanks so much for your help!

  4. #4
    JamesonLewis3rd's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2007
    Location
    Arlington TX
    Posts
    11

    Re: changing the color of scrollbar in an iframe

    I could not get the scrollbar CSS to work in an iframe.

    However, I replaced your iframe with <div class="scroll">, took your source from the iframe, took that out of the table (leaving just the <p> tags and what was between them:
    <td scope="col">
    <div class="scroll">
    <p class=style18>HISTORY</p>...).

    As a test, I changed the scrollbar-track-color to match and it did work. Of course, you can tweak to suit.....

    .scroll {
    width: 475px;
    height: 285px;
    overflow: auto;
    padding-top:0;
    padding-left:10px;
    padding-right:10px;

    scrollbar-base-color: #be917c;
    scrollbar-face-color: #be917c;
    scrollbar-track-color: #f4eca6;
    scrollbar-arrow-color: #62202b;
    scrollbar-highlight-color: #f9dab0;
    scrollbar-3dlight-color: #f9dab0;
    scrollbar-shadow-color: #62202b;
    scrollbar-darkshadow-color: #62202b;
    }