Excellent article about SharePoint Styling and Branding strategy from : http://sharing-the-experience.blogspot.ca/2012/08/sharepoint-ux-styling-and-branding.html
Archive | SharePoint 2010 Branding RSS feed for this section
Enhancing a SharePoint 2010 blog with pictures
July 23, 2012 
1 Comment
How to enhance SharePoint 2010 blog with with Pictures?
Step by step instruction to enhance SharePoint 2010 blog site with pictures can be found here.
Enhancing a SharePoint blog with pictures (Part 1)
Enhancing a SharePoint blog with pictures (Part 2)
SharePoint 2010 CSS Reference Chart
May 9, 2012 0 Comments
The following CSS Reference Chart highlights the major styles used in SharePoint Foundation 2010 and SharePoint Server 2010. CSS styles are grouped by area of the page and include the class/ID value, an explanation of how it is used in SharePoint and other related information including a screenshot where appropriate. Code (and file location) for the style statement is included.
Source: http://sharepointexperience.com/csschart/csschart.html?utm_source=spexp.me&utm_medium=urlshortener
Learn to Brand SharePoint 2010
May 1, 2012 0 Comments
Brand your SharePoint 2010 in easy way..
https://www.nothingbutsharepoint.com/sites/eusp/Pages/SharePoint-Learn-to-Brand-from-the-Start.aspx
Branding the Quick Launch in SharePoint 2010
March 27, 2012 0 Comments
How to brand quick launch in SharePoint 2010?
Great steps and code form Christian have a look
http://chrisstahl.wordpress.com/2012/03/27/branding-the-quick-launch-in-sharepoint-2010-part-i/
Branding SharePoint 2010 Search Box
December 22, 2011 1 Comment
How to customize and brand SharePoint 2010 Search Box?
Excellent post from Chris Stahl speaks about how you can customize and brand SharePoint 2010 search box. You can get source code and images to brand your search box for SharePoint 2010
Read more about
how you can brand SharePoint 2010 search box
SharePoint 2010 and 2007 Themes
December 5, 2011 0 Comments
http://sharepoint.tuning.bind.pt/step_1.aspx
SharePoint 2007, 2010 and Office 365 by http://sharepoint.tuning.bind.pt
Bind Tuning platform allows you to easily create professional, fully customizable Sharepoint themes in minutes, like never before.
Customize colors, menus, fonts, widths and much more.
Just like if you had a design team working for you
Displaying .png and .gif images with with transparency backgrounds
September 29, 2011 0 Comments
SharePoint 2010 will not generate thumbnails for for PNG/GIF images with transparency backgrounds.
This is what you see if you upload gif/png images with transparency backgrounds
Great solutions from Shailen Sukul may resolve this problem
http://consultingblogs.emc.com/shailensukul/archive/2010/12/10/custom-thumbnails-in-sharepoint-2010-lists.aspx
Moving Top Navigation in SharePoint to top of page
September 6, 2011 0 Comments
How to move SharePoint top Navigation to top of the page?
Place tag <div class="s4-lp s4-toplinks"> above <div id="s4-ribbonrow" class="s4-pr s4-ribbonrowhidetitle">
End results
SharePoint 2010 Navigation, Flyouts menus
August 29, 2011 13 Comments
How to customize SharePoint 2010 navigation with many level of flyouts?
Setting up flyouts menus in SharePoint 2010 is very easy and here are the instructions how you can customize SharePoint 2010 top navigation with dropdown menus and flyouts
Here is my site setup:
Here is my Taxonomy | Canada | Ontario | Toronto | North York |
When I move the mouse over to Canada, I want to see all the sub sites in flyouts menu
Before Modification:
Now I am going make some changes to the master page to have four level flyouts.
Open your SharePoint site using SharePoint designer 2010 and edit your master page
By default the Maximum Dynamic Display Level is 1 and I am going to change to 4
Now search for “topNavigationDelegate” and change the values to “True”
ShowStartingNode="True"
SiteMapProvider="SPSiteMapProvider"
and remove "StartingNodeUrl="sid:1002"
Save your master page and publish. Make sure your sub sites SharePoint Server Publishing features are actives
This should be your end result.
SharePoint 2010 CSS Reference Chart
August 4, 2011 0 Comments
I need a CSS reference chart for SharePoint 2010 to brand my SharePoint Site. Where can I find SharePoint 2010 CSS Reference chart?
You can find CSS Reference Chart for SharePoint 2010 from
SharePoint 2010 CSS Reference Chart
The following CSS Reference Chart highlights the major styles used in SharePoint Foundation 2010 and SharePoint Server 2010.
CSS styles are grouped by area of the page and include the class/ID value, an explanation of how it is used in SharePoint and other related information including a screenshot where appropriate. Code (and file location) for the style statement is included.
Customizing SharePoint 2010 global navigation with Css and jQuery
August 2, 2011 0 Comments
The global navigation in SharePoint is an important factor for the SharePoint site, this navigation are there to help orient users so they easily can move around the site. So when it comes to branding and customizing a SharePoint site it´s one of the key factors. When you branding the global navigation don´t forget to think simple but attractive, users may use the site navigation more than they use the search to find information.
In SharePoint 2010 the global navigation renders with unordered lists and list items (UL and LI), which gives us a simpler and more standard way for customization, especially compared to previous versions of SharePoint when the navigation rendered in a nestled table markup. There are a couple of ways and tools when it comes to build a custom navigation in SharePoint. The central point for the navigation is the functionality and the look and feel that means that we have to deal with CSS 2.1 or 3.0 and the SharePoint ASP menu control and its data source
Read More: Customizing SharePoint 2010 global navigation with Css and jQuery
SharePoint 2010 List View, Exceeds Browser Window Width
August 1, 2011 0 Comments
How to resolve list view layout problem when it exceeds browser width problem?
From Problem With List Views That Exceeds Browser Window Width by estruyf have the answer to resolve this issue.
This problem occurs when loading the page, the JavaScript of SharePoint sets the browser window width to the title row element.
After some research I found two solution to set the width of the list view to the title row.
To see the solution, Go to : Problem With List Views That Exceeds Browser Window Width
SharePoint 2010 People Search Box Layout Problem
August 1, 2011 2 Comments
When you add the People Search Box Web Part to your page, the layout looks fine.
People Search Box
The problem arises when you click on the Search Options link.
People Search Box Layout Problem
As you can see, the property box is shown with a transparent background and the labels are almost unreadable.
Solution
To solve this problem, you could add the following CSS styles to your custom stylesheet or inside the master page itself.
-
.psrch-OptionsContainer {
-
font-size: 8pt;
-
height: 130px;
-
margin-top: 20px;
-
width: 355px;
-
}
Result
People Search Box With CSS Fix
Source: Fix: People Search Box Has Layout Problems When Used Outside a Search Center
How to add top level navigation to SharePoint 2010 Search Center
July 15, 2011 0 Comments
By default SharePoint 2010 Search Center site will not have the top navigation.
To add the top navigation to your SharePoint 2010 Search Enter Site, you need to copy from the v4.master the entire block of code starting
<div id=”s4-topheader2” class=”s4-pr s4-notdlg”> and to end of <dev> and past it in your SharePoint Search Center site where you want the top level navigation to reside
Copy the code from v4.master and past it in your SharePoint Search Center Site to display top level navigation to your site.
After pasting the code, you should see the top level navigation appear in your SharePoint 2010 Search Center Site
- Adding Custom Attributes to Active Directory user profile
- Removing the left-hand navigation in SharePoint 2010
- SharePoint 2010 Navigation, Flyouts menus
- InfoPath 2010 Advanced Form Options
- Adding Flash to SharePoint 2010
