Making a Copy of a Transparent 1 x 1 Pixel .GIF
Windows SharePoint Services-based
Web sites contain some
elements with gradient background colors. Setting a background to a new color using table or cell
properties will have no effect until you effectively remove
the default gradient image by over-riding it in the
corresponding style (see-
Removing Gradient Backgrounds). This can be done by replacing it with a
transparent 1 x 1 pixel .gif already
available in the
/_layouts/images directory of the site.
To make a copy of trans.gif so you can use it to remove or
replaced gradient backgrounds in your Windows SharePoint
Services-based Web site, do the following:
- Open your Internet browser and browse to- http://<mywebsite>/_layouts/images/trans.gif
- Use the shortcut key combination Ctrl+A to
Select All. The trans.gif will then appear as
a tiny dot in the upper left corner of the blank Web
Page.
- Place the tip of the cursor on this dot and
right-click to Save Picture As... and select a
location on your local machine in the Save As
dialog.
Tip: Here are key styles from the
ows.css that use default
gradients as well as their file sizes and names (images
below were obtained using steps 1. through 3. above):
| UI Element to Change |
Default Image |
Style to Change |
Default Image Size
/ Filename |
| Top menu bar |
 |
.ms-bannerframe |
1 x 28 pixels / topgrad.gif |
| Web Part title bar (such as Announcements on home page) |
 |
.ms-wpheader |
1 x 18 pixels / partgrad.gif |
| Toolbar on document library and list pages |
 |
.ms-toolbar and table.ms-toolbar |
1 x 22 pixels / toolgrad.gif |
For more about gradient background images, see the article entitled
Changing Gradient Images in Sites Created
with Windows SharePoint Services. More information
For more information about customizing Themes, see Microsoft FrontPage 2003 Help.
|
