| re |
Web star provided a  rated reply to sasi rekha on Thursday, November 20, 2008 6:26 AM |
|
use css for color scroll bar
<style type="text/css">
BODY{
scrollbar-face-color:#DFFFBF;
scrollbar-shadow-color:green;
}
</style>
|
| Reply Reply Using Power Editor |
| |
| |
Rank |
Winnings |
Points |
| November |
5 |
$55.00 |
143 |
| October |
10 |
$28.00 |
94 |
|
|
|
|
|
|
| Colored scroll bar |
mv ark provided a  rated reply to sasi rekha on Thursday, November 20, 2008 6:29 AM |
|
To get a colored scroll bar for a webpage, you can adapt this CSS class -
body {scrollbar-3dlight-color:#ffd700;
scrollbar-arrow-color:#ff0;
scrollbar-base-color:#ff6347;
scrollbar-darkshadow-color:#ffa500;
scrollbar-face-color:#008080;
scrollbar-highlight-color:#ff69b4;
scrollbar-shadow-color:#f0f}
For more info & example, check this link - http://websitetips.com/articles/css/scrollbars/
Note that these may not be supported on all browsers.
If you need a colored scrollbar for your complete browser & not just for specific pages, you could try this Firefox addon -
https://addons.mozilla.org/en-US/firefox/addon/3699
|
| Reply Reply Using Power Editor |
| M.V. 'Anil' Radhakrishna is a seasoned developer and a Microsoft MVP (ASP/ASP.NET). He blogs his little discoveries and Web development tips, tricks and trivia quite regularly. You can find some of his unusual code samples & snippets at his Code Gallery. |
| |
Rank |
Winnings |
Points |
| November |
6 |
$46.00 |
119 |
| October |
4 |
$66.00 |
225 |
|
|
|
|
|
|
| i used this code..but giving errors |
| sasi rekha replied to Web star on Thursday, November 20, 2008 7:33 AM |
|
i used this code in masterpagse.i wrote this code before </hear>tag
but giving error saying that these are not a valid CSS property names
|
| Reply Reply Using Power Editor |
| |
| |
Rank |
Winnings |
Points |
| November |
0 |
$0.00 |
0 |
| October |
0 |
$0.00 |
0 |
|
|
|
|
|
|
| yes |
| Web star replied to sasi rekha on Thursday, November 20, 2008 8:00 AM |
|
u write </hear>tag
this is not valid
</head> is valid one
|
| Reply Reply Using Power Editor |
| |
| |
Rank |
Winnings |
Points |
| November |
5 |
$55.00 |
143 |
| October |
10 |
$28.00 |
94 |
|
|
|
|
|
|
| before </head> tag |
| sasi rekha replied to Web star on Thursday, November 20, 2008 8:29 AM |
|
sorry Aravind i typed worngly..i placed the below code
<style type="text/css">
BODY{
scrollbar-face-color:#DFFFBF;
scrollbar-shadow-color:green;
}
</style>
before </head>tag..but saying these are not valid CSS properties..wat is the solution
|
| Reply Reply Using Power Editor |
| |
| |
Rank |
Winnings |
Points |
| November |
0 |
$0.00 |
0 |
| October |
0 |
$0.00 |
0 |
|
|
|
|
|
|
| reply |
| Binny ch replied to sasi rekha on Thursday, November 20, 2008 11:25 AM |
|
Use the following before the </HEAD>
<style type="text/css">
html
{
scrollbar-face-color:#DFFFBF;
scrollbar-shadow-color:green;
}
</style>
The Entire code would look like:
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPages_MasterPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
<style type="text/css">
html
{
scrollbar-face-color:#DFFFBF;
scrollbar-shadow-color:green;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</body>
</html
|
| Reply Reply Using Power Editor |
| |
| |
Rank |
Winnings |
Points |
| November |
0 |
$0.00 |
0 |
| October |
0 |
$0.00 |
0 |
|
|
|
|
|
|
| reply |
| Binny ch replied to sasi rekha on Thursday, November 20, 2008 11:26 AM |
|
The CSS like this in head tag would work perfectly for IE but in firfox it will not work.
<style type="text/css">
html
{
scrollbar-face-color:#DFFFBF;
scrollbar-shadow-color:green;
}
Firefox does not support this, and it is unlikely to change as this is a deliberate design decision by the firefox development team. There is no workaround, unfortunately. |
| Reply Reply Using Power Editor |
| |
| |
Rank |
Winnings |
Points |
| November |
0 |
$0.00 |
0 |
| October |
0 |
$0.00 |
0 |
|
|
|
|
|
|
| Try this to get diifernt coloures scrollbar |
| Binny ch replied to sasi rekha on Thursday, November 20, 2008 11:28 AM |
|
Insert the following in your HTML page to change the scrollbars:
<style>
body {
scrollbar-base-color: #0025CC;
scrollbar-arrow-color: #00E81B;
scrollbar-3dlight-color: #C64C00;
scrollbar-darkshadow-color: #00A889;
scrollbar-face-color: #00ED5E;
scrollbar-highlight-color: #DD00C0;
scrollbar-shadow-color: #050066;
scrollbar-track-color: #093800;
}
</style>
|
| Reply Reply Using Power Editor |
| |
| |
Rank |
Winnings |
Points |
| November |
0 |
$0.00 |
0 |
| October |
0 |
$0.00 |
0 |
|
|
|
|
|
|
|