How do I change html that works from scratch into html that works in a...

  • Thread starter Thread starter Angela Q
  • Start date Start date
A

Angela Q

Guest
Here's a tutorial on coloring your scroll bars with css.

http://websitetips.com/articles/css/scrollbars/

When I took the space out of the word "color", the scroll bar worked, after adding some text. But you have white font on pale pink background. That won't work.
 
...make-your-own-website form? I have a scroll box on my website. My website was made using the easy editor on the citymax website. The scroll box works fine. This is the html:

<div style="border: 1px solid #aaa;background-colo r:#f9efef; width:350px; height:250px; overflow:auto; color:#FFF;"><p>
</p>
</div>

I wanted to change the colors of the scroll bar. I love the colors and way this color scroll bar looks:

{scrollbar-face-color: #8AB200;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color:#53670D;
scrollbar-darkshadow-color: #53670D;
scrollbar-track-color: #D4E597;
scrollbar-arrow-color: #53670D;}

I added it once at a random place in the scroll box html. I think I might have changed the { and } to < and > but I'm not sure. I went back to the 'view source' thing later and the html was split up and the { and } were definitely gone. The scroll box and color scroll bar both worked fine. Then I messed up the code for the whole page and had to redo it all.

Now I can't get color scroll bar to work at all. I add the color scroll bar html before the last > for the scroll box or other places in the scroll box html. Then I click save. Then either the scroll bar doesn't change colors, or worse yet the whole scroll box code goes away mysteriously! The images I have in the scroll box sometimes just appear as a long line of images if I try to add the color scroll bar code.

Does anyone know how I can combine the scroll box html and color scroll bar html in the way that works on a citymax form-made website? I use the 'source' thing where you can add your own html and it usually works fine.

Thanks in advance!
Thanks! This edited version looks much more like the rest of the html on the page:

<style type="text/css">scrollbar-face-color: #8AB200;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color:#53670D;
scrollbar-darkshadow-color: #53670D;
scrollbar-track-color: #D4E597;
scrollbar-arrow-color: #53670D;</style>

But where do I put it? I assume it goes somewhere in the html for the scroll box itself, but I don't know where to put the color scroll bar code.
 
If it is mixed in with HTML, then you need this.
CSS is different from HTML, so either you have a stylesheet or have the style tage.
Hope I helped!
<style type="text/css">scrollbar-face-color: #8AB200;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color:#53670D;
scrollbar-darkshadow-color: #53670D;
scrollbar-track-color: #D4E597;
scrollbar-arrow-color: #53670D;</style>
 
Back
Top