Hi,<br/><br/>I am redesigning the top navigation bar in our SharePoint site.  I'd like to see if it's possible to use images for the text in each tab as opposed to just basic text.  Basically I'd like to use a custom font for the text that appears on each tab but since end-users will not have this font I was thinking I could use image text for each tab.  Plus it looks a bit better I think.<br/><br/>Any way to do this?<br/><br/>-Westside© 2009 Microsoft Corporation. All rights reserved.Fri, 10 Jul 2009 07:26:04 Z5026e8a4-a450-4120-a0fb-f8cfa9628e31http://social.msdn.microsoft.com/Forums/en-US/sharepointcustomization/thread/5026e8a4-a450-4120-a0fb-f8cfa9628e31#5026e8a4-a450-4120-a0fb-f8cfa9628e31http://social.msdn.microsoft.com/Forums/en-US/sharepointcustomization/thread/5026e8a4-a450-4120-a0fb-f8cfa9628e31#5026e8a4-a450-4120-a0fb-f8cfa9628e31Westside2008http://social.msdn.microsoft.com/Profile/en-US/?user=Westside2008Hi,<br/><br/>I am redesigning the top navigation bar in our SharePoint site.  I'd like to see if it's possible to use images for the text in each tab as opposed to just basic text.  Basically I'd like to use a custom font for the text that appears on each tab but since end-users will not have this font I was thinking I could use image text for each tab.  Plus it looks a bit better I think.<br/><br/>Any way to do this?<br/><br/>-WestsideThu, 02 Jul 2009 19:14:46 Z2009-07-02T19:14:46Zhttp://social.msdn.microsoft.com/Forums/en-US/sharepointcustomization/thread/5026e8a4-a450-4120-a0fb-f8cfa9628e31#3019f8c4-15cb-43ce-850e-c25f7d5c9ce7http://social.msdn.microsoft.com/Forums/en-US/sharepointcustomization/thread/5026e8a4-a450-4120-a0fb-f8cfa9628e31#3019f8c4-15cb-43ce-850e-c25f7d5c9ce7SLF05http://social.msdn.microsoft.com/Profile/en-US/?user=SLF05<p>Sounds like you just need to change the CSS.<br/><br/>Here are the styles to change<br/><br/><a href="http://www.heathersolomon.com/content/sp07cssreference.htm#TopNav">http://www.heathersolomon.com/content/sp07cssreference.htm#TopNav</a></p>Thu, 02 Jul 2009 20:04:04 Z2009-07-02T20:04:04Zhttp://social.msdn.microsoft.com/Forums/en-US/sharepointcustomization/thread/5026e8a4-a450-4120-a0fb-f8cfa9628e31#286d83e5-c09e-4300-a468-d251d63a14cfhttp://social.msdn.microsoft.com/Forums/en-US/sharepointcustomization/thread/5026e8a4-a450-4120-a0fb-f8cfa9628e31#286d83e5-c09e-4300-a468-d251d63a14cfWestside2008http://social.msdn.microsoft.com/Profile/en-US/?user=Westside2008Hi,<br/><br/>Yes, through the CSS you can change the background and/or background-image but I'd like to have a different image for each tab.<br/><br/>-WestsideThu, 02 Jul 2009 21:06:32 Z2009-07-02T21:06:32Zhttp://social.msdn.microsoft.com/Forums/en-US/sharepointcustomization/thread/5026e8a4-a450-4120-a0fb-f8cfa9628e31#6706a9be-ba7d-497c-acf6-f58000c53392http://social.msdn.microsoft.com/Forums/en-US/sharepointcustomization/thread/5026e8a4-a450-4120-a0fb-f8cfa9628e31#6706a9be-ba7d-497c-acf6-f58000c53392SLF05http://social.msdn.microsoft.com/Profile/en-US/?user=SLF05<p>Ah gotcha... that should be able to be done as well. Download the IE Developer Toolbar, this will help you.<br/><br/>To get down to each individual tab, try modifying these ids:<br/><br/>#zz1_TopNavigationMenun0<br/>#zz1_TopNavigationMenun1<br/>#zz1_TopNavigationMenun2<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>Until you get them all... You'll probably have to get the a:hover and such on them as well. I haven't tried this, but that's where I'd start and hopefully it gets you in the right direction.</p>Thu, 02 Jul 2009 21:15:16 Z2009-07-02T21:15:40Zhttp://social.msdn.microsoft.com/Forums/en-US/sharepointcustomization/thread/5026e8a4-a450-4120-a0fb-f8cfa9628e31#025ec51a-f44a-4cbb-9691-c158944bd167http://social.msdn.microsoft.com/Forums/en-US/sharepointcustomization/thread/5026e8a4-a450-4120-a0fb-f8cfa9628e31#025ec51a-f44a-4cbb-9691-c158944bd167Mike Walsh MVPhttp://social.msdn.microsoft.com/Profile/en-US/?user=Mike%20Walsh%20MVP(Reason why self proposed as answer removed)<br/><br/>Any post that says &quot;I haven't tried this, but that's where I'd start and hopefully it gets you in the right direction.&quot; is not an answer. At least not until the original poster comes back and says that it worked (at which point HE should Mark your post as an answer).<br/><br/>(Moderator) <hr class=sig> WSS FAQ sites: <a href="http://wssv2faq.mindsharp.com">http://wssv2faq.mindsharp.com</a> and <a href="http://wssv3faq.mindsharp.com">http://wssv3faq.mindsharp.com</a> <br/>Total list of WSS 3.0 / MOSS 2007 Books (including foreign language) <a href="http://wssv3faq.mindsharp.com/Lists/v3 WSS FAQ/V Books.aspx">http://wssv3faq.mindsharp.com/Lists/v3%20WSS%20FAQ/V%20Books.aspx</a>Fri, 03 Jul 2009 06:50:15 Z2009-07-03T06:50:31Zhttp://social.msdn.microsoft.com/Forums/en-US/sharepointcustomization/thread/5026e8a4-a450-4120-a0fb-f8cfa9628e31#ba528e62-aa86-425b-876b-eee7c6db1de1http://social.msdn.microsoft.com/Forums/en-US/sharepointcustomization/thread/5026e8a4-a450-4120-a0fb-f8cfa9628e31#ba528e62-aa86-425b-876b-eee7c6db1de1Westside2008http://social.msdn.microsoft.com/Profile/en-US/?user=Westside2008I will try this today and post back.... <br/> <br/> Thanks,<br/> <br/> -Westside<br/>Fri, 03 Jul 2009 18:49:36 Z2009-07-03T18:49:36Zhttp://social.msdn.microsoft.com/Forums/en-US/sharepointcustomization/thread/5026e8a4-a450-4120-a0fb-f8cfa9628e31#1ea4da37-8069-46e3-9d53-532feaccd103http://social.msdn.microsoft.com/Forums/en-US/sharepointcustomization/thread/5026e8a4-a450-4120-a0fb-f8cfa9628e31#1ea4da37-8069-46e3-9d53-532feaccd103Kyle Schaefferhttp://social.msdn.microsoft.com/Profile/en-US/?user=Kyle%20SchaefferWestside,<br/><br/>I have a blog post that describes how to add icons to your SharePoint navigation menus.  This same methodology can be used to achieve the effect you're going for.  Read more about it here:<br/><br/><a href="http://www.thesug.org/Blogs/kyles/archive/2009/6/1/IconsinSharePointNavigationMenus.aspx">http://www.thesug.org/Blogs/kyles/archive/2009/6/1/IconsinSharePointNavigationMenus.aspx</a><br/><br/>I hope this helps!<br/>KyleMon, 06 Jul 2009 14:45:27 Z2009-07-06T14:45:27Z