Change the default logo graphic on an internet presence site.
The default image on the Internet presence site is an italicized A or leaning arrow in the color of the selected style sheet. In order to modify the graphic, you can either change the master page template to hide or remove the existing logo area and add your own hard coded image link or you can continue with the style-sheet approach built into the site. The benefits of using the style sheet approach is the ability to define multiple images and link them to different styles. The disadvantage is that the image is included as a background image and will not be printed by default and is more difficult to resize.
To change the image in the Style Sheets:
1. If using the same sized image:
_________________________________________________
Just go to the Site Content And Structure tool within the Sharepoint site. Go to Style Library, then to Images. Upload your new graphic, then overwrite the default graphic for each style (bl_logo, blk_logo, gr_logo).
Alternatively, go to the Style Library and change the background-image:url in the .logo style for each of the styles (Black, BlackGlass, Blue, BlueGlass, Green, Green Glass) and in the en-us/*.css files where * is each master page template you are using in the site.
Note: You only have to change the style you plan to implement.
2. If using a different sized image:
__________________________________________________
You will need to modify the style sheet elements in the master page style sheet en-us/*.css file.
The following is an example for a 238×33 logo in TopNavFlyouts.css:
.topArea
{
background:url("../../images/bl_band.jpg") no-repeat;
background-position:top right;
padding-left:10px;
}
.topArea :active
{
text-decoration:none;
}
.logo
{
background-image:url("../../images/kieferlogo.png");
background-repeat:no-repeat;
background-position:left center;
font-size:14pt;
padding-top:16px;
font-family: tahoma;
height:38px;
}
.logo a
{
color: #656B77;
padding-left:245px;
}
