All about Branding & Customizations in SharePoint

Left navigation

Hi,

I want the left navigation to be like the blue navigation i attached, when i add dashed lines in the leftNav2 class i get dasched lines in between the Training course and calender links:

.leftNav2
{
color: #354260;
background-color: #fdfcf9;
border-top:1px #ece3b5 dashed;

}

I'm attaching 2 images the leftNav.JPG is how i want it to be like, and the leftnav2.JPG is how i have it right now

Attachments:

leftNav.JPG, 14 KB
leftNav2.JPG, 12 KB

▶ Reply to This

Replies to This Discussion

Permalink Reply by Christian Ståhl on June 17, 2009 at 8:45pm

Hi Jean, this blue one is one of the new MS 'Ten themes', that ya have to packup wihtin VS right? The other one, is that one of your own, or a theme? Without to try this my self, can you rebrand the blue one (you got all the CSS and images packed in this theme) to make it look like the other one?

▶ Reply

Permalink Reply by Heather Waterman on July 9, 2009 at 4:51pm

make sure you set the .ms-navItem to have no borders - the leftnav2 comes before that and if borders are not turned off for the navitem, they might be picked up. Also definately use FireBug for FireFox or IE Developer toolbar for IE - this will give you real time changes on the page, so you can see what happens when you have a CSS change.