Thursday, November 20, 2008 6:26:40 AM
use css for color scroll bar
<style type="text/css">
BODY{
scrollbar-face-color:#DFFFBF;
scrollbar-shadow-color:green;
}
</style>
|
BiographyWeb has not submitted biographical details. Site Rank: 16th place - Current Winnings: $0.00
Reply
Reply Using Power Editor
|
Colored scroll bar
mv ark replied to sasi rekha
Thursday, November 20, 2008 6:29:10 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
|
BiographyM.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.
Reply
Reply Using Power Editor
|
i used this code..but giving errors
Thursday, November 20, 2008 7:33:37 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
|
Biographysasi has not submitted biographical details. Site Rank: Not applicable - Current Winnings: $0.00
Reply
Reply Using Power Editor
|
Thursday, November 20, 2008 8:00:48 AM
u write </hear>tag
this is not valid
</head> is valid one |
BiographyWeb has not submitted biographical details. Site Rank: 16th place - Current Winnings: $0.00
Reply
Reply Using Power Editor
|
Thursday, November 20, 2008 8:29:51 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
|
Biographysasi has not submitted biographical details. Site Rank: Not applicable - Current Winnings: $0.00
Reply
Reply Using Power Editor
|
Thursday, November 20, 2008 11:25:16 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
|
BiographyBinny has not submitted biographical details. Site Rank: Not applicable - Current Winnings: $0.00
Reply
Reply Using Power Editor
|
Thursday, November 20, 2008 11:26:23 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. |
BiographyBinny has not submitted biographical details. Site Rank: Not applicable - Current Winnings: $0.00
Reply
Reply Using Power Editor
|
Try this to get diifernt coloures scrollbar
Binny ch replied to sasi rekha
Thursday, November 20, 2008 11:28:58 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> |
BiographyBinny has not submitted biographical details. Site Rank: Not applicable - Current Winnings: $0.00
Reply
Reply Using Power Editor
|
|
|