Skip to main content

Custom Theme in SharePoint

  1. 1. On the SharePoint Server go to the Themes folder e.g. C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\THEMES
    2. Copy any one of the theme folders from there and paste it in the same directory and give the folder a unique name, say "MyCustomTheme".
    3. Find the .inf file in the copied folder, and rename it with the name given to the folder i.e. in this example rename that .inf file with MyCustomTheme.INF.
    4. Open the .inf file and assign the same name i.e. MyCustomTheme to the title in the [info] section of the file, and in the [titles] section replace the previous names with your new name.
    5. There is one theme.css file in that MyCustomTheme folder, open that, delete all the classes from that file and place your own css classes in that file.
    6. Open “C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\1033\SPTHEMES.XML” file with notepad
    7. Add the following lines under tag

    MyCustomTheme
    MyCustomTheme
    This is custom theme.
    images/MyCustomTheme.gif
    images/MyCustomTheme.gif

    8. Where Template ID must be that of same name as that of the folder.
    9. In order to display thumbnail and preview correctly, you will need to capture the screen and save the file in "C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\IMAGES" folder with MyTheme.gif name. You can change the .gif file name if you change the thumbnail and preview file names in tag.
    10. Do an iisrest for the server to recognize the new theme.
    11. Open your SharePoint site and go to the theme page by typing following URL in address bar: http://***/_layouts/themeweb.aspx
    12. Select the theme and apply it to your site by clicking the Apply button

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')...

SharePoint 2013 - Suggested Content Browser Locations

In SharePoint Site collection, we can configure “Suggested Content Browser Locations” to access the directories easily. When we configure these locations, we can see them as drop down to the users when we select the content SharePoint. To view this link, we need to activate the publishing feature. We can configure suggested content browser location at site collection level. To configure suggested content browser locations, navigate to Site Settings, in the Site Collection Administration section, click on “Suggested Content Browser Locations” link. We can see the list. Click on new item to create new suggested location link. To check the suggested content browser location navigates to any page, edit the page. Select Insert option. In the Select Asset dialog, We can see the Suggested link drop down as shown the image below.