Skip to main content

Favicon's in a SharePoint Master Page

Favicon's are 'Custom Icon for your websites'.
A Favicon is a multi-resolution image included on nearly all professional developed sites
I have always preferred to call out favicons specifically with a link tag in the html head tag this way I ensure that my code, not the server, is handling the file. So now, how do you do this in SharePoint? Here are my steps
Drag a favicon.ico file to the Images directory of your MOSS site with SharePoint designer.

Add the following line to your Master Page at the bottom of the head section right before the /head tag:
(link rel="shortcut icon" href="/images/favicon.ico")
Check-in, publish, and approve your Master Page so that anonymous folks can see the change.
Refresh the site, and you should see the favicon

For more details:http://www.chami.com/html-kit/services/favicon/

Comments

Popular posts from this blog

Accordion "Left Navigation" (Quick Launch) for SharePoint 2013

For Expand/collapse "Left Navigation (Quick Launch) for sharepoint 2013 Copy the below code and paste in Master page jQuery(document).ready(function () {  /*set dynamic css logic*/  if($('#sideNavBox .menu-item.selected').length){   //propagates the selected class, up the three.   $('li.static').removeClass('selected');   $('#sideNavBox .menu-item.selected').parents('li.static').addClass('selected');   //collapses top siblings of selected branch   $('#sideNavBox .menu-item.selected').parents('li.static').last().siblings()    .find('> ul').hide();  }  else $('#sideNavBox .root.static > li.static > ul').hide();  /*set accordion effect*/  $('#sideNavBox .root.static > li.static').each(function(){   if($(this).find('ul').length){    $(this).addClass('father').click(function(){     if($(this).children('ul').css('display')...

Modifying the second level navigation arrow image

Open your master page. Switch to Code View. Search for "TopNavigationMenu". This should take you to the global navigation (top nav) instance of AspMenu. Using Intellisense in the code view, or using the Properties pane, add the following property to the AspMenu tag: DynamicPopOutImageUrl="insert image URL/path here"So your code should look like: Runat="server" DataSourceID="topSiteMap" DynamicPopOutImageUrl="/images/myimage.gif" >