<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>www.pinkpetrol.com</title>
	<atom:link href="http://www.pinkpetrol.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.pinkpetrol.com</link>
	<description>sams blog</description>
	<lastBuildDate>Tue, 01 Jun 2010 01:43:06 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Top 20 Examples of Creative Navigation within SharePoint</title>
		<link>http://www.pinkpetrol.com/blog/2010/06/top-20-examples-of-creative-navigation-within-sharepoint/</link>
		<comments>http://www.pinkpetrol.com/blog/2010/06/top-20-examples-of-creative-navigation-within-sharepoint/#comments</comments>
		<pubDate>Tue, 01 Jun 2010 01:04:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[Top 20]]></category>
		<category><![CDATA[2007]]></category>
		<category><![CDATA[2010]]></category>
		<category><![CDATA[Branding]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.pinkpetrol.com/?p=395</guid>
		<description><![CDATA[With the launch of SharePoint 2010, I thought it might be fitting to start focusing on the design and branding element of SharePoint and show the world what can be done when you are thinking of being creating with the product.
Leading on from that I am doing to launch a series of Top 20&#8217;s ranging [...]]]></description>
			<content:encoded><![CDATA[<p>With the launch of SharePoint 2010, I thought it might be fitting to start focusing on the design and branding element of SharePoint and show the world what can be done when you are thinking of being creating with the product.</p>
<p>Leading on from that I am doing to launch a series of Top 20&#8217;s ranging from search box examples , navigation examples and my favourite sites all based on the platform of SharePoint.</p>
<p>So to start the series off I am going to start with my Top 20 Examples of Creative Navigation, with a brief summary of why I like it. They are in no particular order and are the opinion of myself. Enjoy.</p>
<p>So then, let the showcase commence&#8230;</p>
<p><strong> 1. Carbon Trust</strong></p>
<p><strong><a href="http://www.carbontrust.co.uk" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/1.jpg" alt="" width="564" height="314" /></a></strong></p>
<p>I really like the font they have used for starters and I think the hover state with the reverse colour is effective combined with the immediate show of the sub navigation, which has a subtle fade for the potential white-on-white scenario.</p>
<p><a href="http://www.carbontrust.co.uk" target="_blank">http://www.carbontrust.co.uk</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong> 2. BSG Blog</strong></p>
<p><strong><a href="http://blogs.bsg.co.uk" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/2.jpg" alt="" width="564" height="314" /></a></strong></p>
<p>I love this Silverlight navigation, orbiting around home/earth button is really cool. I always love the little touches of the shooting star, UFO that flies across and the twinkle of stars that happens every now and again. All in all and unique and very creative navigation that can be achieved with the combination of SharePoint and Silverlight.</p>
<p><a href="http://blogs.bsg.co.uk" target="_blank"> http://blogs.bsg.co.uk</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong> 3. Linklaters</strong></p>
<p><strong><span style="font-weight: normal;"><a href="http://www.linklaters.com" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/3.jpg" alt="" width="564" height="314" /></a></span></strong></p>
<p>I really like big and bold navigation as it is one of most important elements of any website &#8211; clear navigation. Looking at it now as a little picture your eyes are drawn to the logo and navigation instantly. This navigation uses drop down menu functionality with combined with the purple arrow and purple text in hover state just polishes is clean and simple example.</p>
<p><a href="http://www.linklaters.com" target="_blank"> http://www.linklaters.com</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong> 4. Central Ohio Technical College</strong></p>
<p><strong><a href="http://www.cotc.edu" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/4.jpg" alt="" width="564" height="314" /></a></strong></p>
<p>One good way to gain your users attention is the use of animation. Too much can be overpowering and annoying but used subtly it can be a great way to get them clicking. This navigation I like because I did just that, I was hovering over all the  menu options over and over, the animation is smooth and colourful.</p>
<p><a href="http://www.cotc.edu" target="_blank"> http://www.cotc.edu</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong> 5. Hyder Consulting</strong></p>
<p><strong><a href="http://www.hyderconsulting.com" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/5.jpg" alt="" width="564" height="314" /></a></strong></p>
<p>Something a bit different in terms of layout, on top of a large photo, which sometimes can make navigations lost within the background. One way to counter this is using a large navigation which I this site does well, combined with white text in hover state in the line of sight with the logo and search area, this site navigation works.</p>
<p><a href="http://www.hyderconsulting.com" target="_blank"> http://www.hyderconsulting.com</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong> 6. Victorinox</strong></p>
<p><strong><a href="http://www.victorinox.com" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/6.jpg" alt="" width="564" height="314" /></a></strong></p>
<p>The use of the burgundy background with the white navigation as well as the capitalisation of lettering works really effectively and even more so when reversed on the hover state. Leading on from this, the sub menu and the active menu state still using the reverse color of white background and burgundy hover state on the submenu polishes off this example perfectly.</p>
<p><a href="http://www.victorinox.com" target="_blank"> http://www.victorinox.com</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong> 7. Arts &amp; Auto</strong></p>
<p><strong><a href="http://www.artsenauto.nl" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/7.jpg" alt="" width="564" height="314" /></a></strong></p>
<p>I really like colour-categorised navigation, it is a simple way to break up and easily identify content within sections on your website. Not only have they done this and have incorporated a dropdown / sub menu with some navigation, in which when cooked together they&#8217;ve baked a nice piece of animation with a nice design.</p>
<p><a href="http://www.artsenauto.nl" target="_blank"> http://www.artsenauto.nl</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong> 8. Hyro</strong></p>
<p><strong><a href="http://www.hyro.com" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/8.jpg" alt="" width="564" height="314" /></a></strong></p>
<p>Sometimes when you have a clean site you don’t need to use a graphically heavy navigation. Also using a clean and crisp navigation can really complement a design, which this site does and does well. Not over the top, no animation just simple text with a simple hover state that of an underline. Simples</p>
<p><a href="http://www.hyro.com" target="_blank"> http://www.hyro.com</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong> 9. Sdu Uitgever</strong></p>
<p><strong><a href="http://www.sdu.nl" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/9.jpg" alt="" width="564" height="314" /></a></strong></p>
<p>Not my favourite of navigation examples but I think it is important to demonstrate something different and with that I respect. One thing all creative designers should be looking to do is think outside of the box and this navigation does.</p>
<p><a href="http://www.sdu.nl" target="_blank"> http://www.sdu.nl</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong> 10. SharePoint HQ</strong></p>
<p><strong><a href="http://www.sharepointhq.com" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/10.jpg" alt="" width="564" height="314" /></a></strong></p>
<p>What I particularly like about this is the combination of colour palette (I love those blues), the animation and the bottom-right gradient they have used. Also what I think is good to recognise is the contrast of the menu with the background it sits on, creating enough contrast to make the user experience seamless without looking out of place.</p>
<p><a href="http://www.sharepointhq.com" target="_blank"> http://www.sharepointhq.com</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong> 11. Lutron</strong></p>
<p><strong><a href="http://www.lutron.com" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/11.jpg" alt="" width="564" height="314" /></a></strong></p>
<p>Having a site with a large navigation structure can be tricky to present in a clean and clear way, which isn&#8217;t busy and cluttered. This site does this perfectly! It is well presented and even incorporates a little bit of content in the sub menu pane. The only thing I think ruins, what could be a lovely example, is the animation for the sub menu pane, I think it very &#8216;choppy&#8217; and quite violent on the eyes going from a brown palette in their photography then to be presented with a white background instantly. My opinion is that a nice piece of fade in/out animation would be perfect here.</p>
<p><a href="http://www.lutron.com" target="_blank"> http://www.lutron.com</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong> 12. Central Ohio Technical College</strong></p>
<p><strong><a href="http://www.ccb.pt" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/12.jpg" alt="" width="564" height="314" /></a></strong></p>
<p>Similar to Central Ohio Technical College further up, this is animating up instead of to the right, BUT with a little twist not only does this navigation animated up it also changes the image below based on what you option you have decided to hover over. Although it is flash and I think that it is cheating to use a flash menu on a SharePoint site, I like it and it is my blog so I will include! but this will be the only one I promise! I would like to think that CCB have used flash to tap into a list to power their navigation, if they have then then I suppose that’s a decent compromise.</p>
<p><a href="http://www.ccb.pt" target="_blank"> http://www.ccb.pt</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong> 13. Ferrari</strong></p>
<p><strong><a href="http://www.ferrari.com" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/13.jpg" alt="" width="564" height="314" /></a></strong></p>
<p>If there is one colour that goes with a strong and vibrant color like red it is grey and in particular gun metal grey, one of my favourites. What I think makes this navigation really cool is that use of imagery on the drop down boxes to emphasis the area you are in and could head over to, I also like the animation that is used just tops off the whole navigation.</p>
<p><a href="http://www.ferrari.com" target="_blank"> http://www.ferrari.com</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong> 14. Safe Network</strong></p>
<p><strong><a href="http://www.safenetwork.org.uk" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/14.jpg" alt="" width="564" height="314" /></a></strong></p>
<p>First thing I noticed on this navigation was the shadow that is used on the right/bottom of the drop down which really gives the sub menu definition. With a site that used big, bold colours the navigation supports this really well. I also like the way the top header and navigation sit on top of the image slider/view that is used behind the site.</p>
<p><a href="http://www.safenetwork.org.uk" target="_blank"> http://www.safenetwork.org.uk</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong> 15. Rado</strong></p>
<p><strong><a href="http://www.rado.com" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/15.jpg" alt="" width="564" height="314" /></a></strong></p>
<p>Sometimes you just need to go back to the basics! The brand for this site is clearly black and white, using this they have kept their navigation simple, but with a twist. Using the sub menu they have added the functionality of when you hover over the different options you are presented with a visual representation, in this case a picture of the watch based on the what model you hover on. A perfect example of simplicity works.</p>
<p><a href="http://www.rado.com" target="_blank"> http://www.rado.com</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong> 16. Goodman</strong></p>
<p><strong><a href="http://www.goodman.com" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/16.jpg" alt="" width="564" height="314" /></a></strong></p>
<p><strong><span style="font-weight: normal;">One thing I like is trying something different! Clever navigation based on their logo the &#8216;+&#8217; (plus) sign really works well. Instantly identifiable with the logo you cant help but notice that Goodman use a + as there logo. Going back to the navigation you are clearly presented with 5 options which takes you to various areas. Once in those areas they use a standard navigation you see everywhere, shame really as their initial navigation is cool.</span></strong></p>
<p><a href="http://www.goodman.com" target="_blank"> http://www.goodman.com</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong> 17. Cox</strong></p>
<p><strong><a href="http://www.coxhelpcenter.com" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/17.jpg" alt="" width="564" height="314" /></a></strong></p>
<p>This is a common trend I have seen where people use the navigation to tell people the sections they will be clicking on them and underneath what the section is about. It can be used really effectively sometimes but also can become a very busy as well on the flip side. Just wish they had a mute button for the woman&#8230;</p>
<p><a href="http://www.coxhelpcenter.com" target="_blank"> http://www.coxhelpcenter.com</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong> 18. Embark</strong></p>
<p><strong><span style="font-weight: normal;"><a href="http://www.embark.com" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/18.jpg" alt="" width="564" height="314" /></a></span></strong></p>
<p>Sometimes you didn’t even need to use the conventional horizontal or vertical navigation. This site shows us you can use a search interface to get around your site however I will always put my money on that people prefer the normal way of navigation as that is what people are used to.  But I think it is a good example of what can be done especially with the search capabilities within SharePoint.</p>
<p><a href="http://www.embark.com" target="_blank"> http://www.embark.com</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong> 19. Neudesic</strong></p>
<p><strong><a href="http://www.neudesic.com" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/19.jpg" alt="" width="564" height="314" /></a></strong></p>
<p>What I want you to focus on here is the use of the &#8216;house&#8217; icon for the home button. First time I have seen this on a SharePoint site and it is a really good way to free up a bit of space if needed and is instantly recognisable as the button to click to go &#8216;home&#8217;.</p>
<p><a href="http://www.neudesic.com" target="_blank"> http://www.neudesic.com</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong> 20. 1 By Youth</strong></p>
<p><strong><a href="http://www.1byyouth.com" target="_blank"><img class="alignnone" src="/wp-content/themes/default123/blogimages/top20navigations/20.jpg" alt="" width="564" height="314" /></a></strong></p>
<p>Another example of pushing the boundaries of navigation with SharePoint is using the overwhelming power of CSS. Using the hover state and mixed with an image for the background you can instantly create a unique hover experience for your navigation as demonstrated here.</p>
<p><a href="http://www.1byyouth.com" target="_blank"> http://www.1byyouth.com</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p>Well there you have it! Some great examples of all the different possibilities of what can be achieved with SharePoint. I would be really keen to see what other sites out there with cool and quirky navigations, so feel free to share!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pinkpetrol.com/blog/2010/06/top-20-examples-of-creative-navigation-within-sharepoint/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>The SharePoint User Group &#8211; Why you should attend</title>
		<link>http://www.pinkpetrol.com/blog/2010/05/the-sharepoint-usergroup-why-you-should-attend/</link>
		<comments>http://www.pinkpetrol.com/blog/2010/05/the-sharepoint-usergroup-why-you-should-attend/#comments</comments>
		<pubDate>Thu, 27 May 2010 00:41:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Conferences & Events]]></category>
		<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[Community]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[SharePint]]></category>
		<category><![CDATA[SUGUK]]></category>
		<category><![CDATA[User Group]]></category>

		<guid isPermaLink="false">http://www.pinkpetrol.com/?p=386</guid>
		<description><![CDATA[Before I started working for myself the thought of doing out of hours work, attending meetings or even a conference was something that would make me gasp &#8211; &#8220;what?! continue working after the hours of 5pm, I think not&#8221;. Now I do work for myself and my attitude has taken a complete turnaround and as [...]]]></description>
			<content:encoded><![CDATA[<p>Before I started working for myself the thought of doing out of hours work, attending meetings or even a conference was something that would make me gasp &#8211; &#8220;what?! continue working after the hours of 5pm, I think not&#8221;. Now I do work for myself and my attitude has taken a complete turnaround and as a by product has made me a better person and I will tell you why I think that.</p>
<p>I had a look at what the word &#8216;community&#8217; meant -<br />
<em>com·mu·ni·ty - a social, religious, occupational, or other group sharing common characteristics or interests and perceived or perceiving itself as distinct in some respect from the larger society within which it exists (usually prec. by the): the business community; the community of scholars.</em></p>
<p>One particular bit stood out to me &#8211; &#8220;group sharing a common interest&#8221; &#8211; in this case the particular interest is Microsoft SharePoint. I have been attending these user groups for 2 years now all over the UK in Manchester, Wolverhampton, Leicester, Nottingham to name but a few and I can safely say that when I return home from a meeting I have either made a new contact, discussed something new with someone and most important then, I have learnt something new and/or shared something learnt. The last part of sentence is what sums these groups up &#8211; learning something new and/or shared something learnt.</p>
<h3>So what is a user group?</h3>
<p>This is a question that I do get asked a lot, when I talk about the SUGUK and when I get asked I see it as an opportunity to tell the person how great and invaluable these sessions are. In a nutshell the SharePoint User Group is a meeting that is held after hours that gives the opportunity to people to talk about all aspects of SharePoint with like minded people.</p>
<p>A meeting would last around 2 and a half hours with the common set up usually having two speakers with 1 hour slots talking about a particular area of SharePoint that could range from administrator to development all the way over to configuration &amp; design. Half way through there is a break where food and drinks are put on for free usually by the company that is kindly donating the meeting room or area that the session are presented in &#8211; <strong>yes for free, you read correctly</strong>. Once the sessions are wrapped up the common custom is to head to the nearest public house for a SharePint &#8211; the term coined by <a title="Link to Daniel McPherson's blog" href="http://community.zevenseas.com/Blogs/Daniel/" target="_blank">Daniel McPherson</a> and evolved by <a title="Link to Andrew Connell's blog" href="http://www.andrewconnell.com/" target="_blank">Andrew Connell</a> for sharing a alcoholic beverage with the SharePoint twist. Even then it doesn&#8217;t stop there because sometimes there is even a ShareCurry &#8211; I think that one is self explanatory.</p>
<h3>So why should you attend?</h3>
<p>Ever been stuck with something? ever opened up that browser typed in the search engine URL and entered in your SharePoint related problem, query or error message &#8211; the results you will be presented with were probably written by a SharePoint expert of some sort who, chances are, is a community member. The idea is putting back in to the community what you take out. Putting back in could be anything, it could be blog posts that is highlighted on the SUGUK website, it could be a 1hour session or could be just attending to keep the sessions worthy of a repeat &#8211; everything helps continue the community and the development of the product.</p>
<p>What you also get from these meetings is exposure to all walks of SharePoint life from server configuration all the way to design and branding then taking a left turn at development life cycles and security. Delivered through the variety of session (prepared in the presenters spare time) that are on offer you can get as much or as little as you wish from them, some sessions are very specific and deep dive into a particular area then others are very overview and skimming the surface. You get the chance to talk to people that specialise in there chosen field whether it be through open question and answer session, a chat over some pizza at break or at the SharePint that follows it&#8217;s a chance to ask your burning question to people that know what they are talking about such as Microsoft Valued Professionals (MVP) &#8211; we even have some guest speakers from over seas!</p>
<h3>Who helps run there user groups?</h3>
<p>First of all the session are chosen from the community &#8211; sessions, ideas and suggestions are put out there for people to comment on what they to see. The sessions can be presented by anyone who feels they want to share something with the community. if could be for an hour, it could be for 15 minutes &#8211; what ever you are comfortable with. There is however one rule &#8211; no business endorsement, selling or sponsorship &#8211; it it purely community helping itself, so you wont get business trying to shove their new products down your throat. The sessions are regular with up to 2 to 3 sessions a week sometimes, held all over the UK and are managed by regional leaders. But the most important people there are the people attending to listen, because the more people turn up the more sessions can be held and it makes the nights worthwhile. Also did I mention that the sessions are free to attend &#8211; <strong>yes you read correctly again they are free!</strong></p>
<h3>What will I get out of it?</h3>
<p>Help, knowledge, best practice, guidance, tips, tricks, how-tos, other peoples experiences, new tools, new features and what is coming up in the world of SharePoint are just a few of the potential things you can take away from the user groups. It is a great opportunity to network, speak to people potentially doing or have done what you are trying to achieve in your business and even if it is none of the previous its a chance to have a nice pint at the end of it &#8211; can&#8217;t go wrong really.</p>
<h3>How do I sign up and get involed?</h3>
<p>If you want to attend then head over to the <a title="SUGUK" href="http://www.suguk.org/" target="_blank">SUGUK website</a> to find out more information in the forums about what sessions are coming up and all you simple do is sign up by posting saying exactly that. If you would like to speak at a session whether it be something to do with a project you&#8217;ve delivered or maybe a tale from the trenches on something that was a nightmare and how you go through it &#8211; the community is keen to hear. All you need to do is speak to the regional leaders and they will be happy to discuss further.</p>
<h3>Summary</h3>
<p>The sessions are there to help people that are interested in SharePoint. The sessions are presented by experts from people who love the product all the way to SharePoint MVP&#8217;s down to the people who are just getting to grips with SharePoint. The session are prepared and presented in peoples spare time and in return they ask for people to continue to attend and help build up this already strong community. There is no pressure to get involved if you feel happy sitting a listening then fine, if you want to present and do a session or look to become a regional leader then even better &#8211; the choice is yours.</p>
<p>Information about the <a title="SUGUK" href="http://www.suguk.org/" target="_blank">SharePoint User Group</a> can be found at the <a title="SUGUK" href="http://www.suguk.org/" target="_blank">official website</a>.</p>
<p>Now the reason I think it has made me a better person is simple &#8211; being passionate about something and wanting that something to continue to keep that passion &#8211; David Brent once said &#8211; &#8220;There should be no ego when pulling together to do something good&#8221; but then again he said &#8220;I’ve created an atmosphere where I’m a friend first, boss second. Probably entertainer third.&#8221; &#8211; so I wouldn&#8217;t take the quotes I have used to seriously but hopefully you will get the idea!!</p>
<p>Thanks for reading.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pinkpetrol.com/blog/2010/05/the-sharepoint-usergroup-why-you-should-attend/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>SharePoint User Group UK Meeting &#8211; Nottingham</title>
		<link>http://www.pinkpetrol.com/blog/2010/01/sharepoint-user-group-uk-meeting-nottingham/</link>
		<comments>http://www.pinkpetrol.com/blog/2010/01/sharepoint-user-group-uk-meeting-nottingham/#comments</comments>
		<pubDate>Tue, 12 Jan 2010 19:39:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Conferences & Events]]></category>
		<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[Branding]]></category>
		<category><![CDATA[Conferences]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Events]]></category>

		<guid isPermaLink="false">http://www.pinkpetrol.com/?p=319</guid>
		<description><![CDATA[On Thursday, 14th January I am doing my first presentation for the SUGUK in Nottingham at Intelligent Decisioning Ltd head quarters in Strelley, Nottingham. I am doing a small session on SharePoint Design &#38; Branding, a little show and tell and my thought process when doing design and branding. The session is called Making SharePoint [...]]]></description>
			<content:encoded><![CDATA[<p>On Thursday, 14th January I am doing my first presentation for the SUGUK in Nottingham at Intelligent Decisioning Ltd head quarters in Strelley, Nottingham. I am doing a small session on SharePoint Design &amp; Branding, a little show and tell and my thought process when doing design and branding. The session is called Making SharePoint Beautiful &#8211; I hope you can all make it.</p>
<p>The user group kicks off with <a title="Link to Penny Coventry's blog" href="http://www.sharepointdesignerstepbystep.com">Penny Coventry</a> who will kicking off with &#8220;Branding SharePoint Sites: Using the browser and SharePoint Designer 2007/2010&#8243;, which will cover what is possible with 2007 in terms of design and a little sneak peek into SharePoint Design 2010.</p>
<p>After myself I will be followed by Nikki Ashington on Accessbility.</p>
<p>Also here a little bit of trivia for you. Nikki was who got me into SharePoint design when she was on site at my previous employment  as a design consultant &#8211; so she is to blame <img src='http://www.pinkpetrol.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>UPDATE &#8211; here is the write up of the event, really good feedback for the event &#8211; <a href="http://macraem.wordpress.com/2010/01/19/suguk-nottingham-14th-january-2010/">http://macraem.wordpress.com/2010/01/19/suguk-nottingham-14th-january-2010/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.pinkpetrol.com/blog/2010/01/sharepoint-user-group-uk-meeting-nottingham/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SharePoint Conference 2009 &#8211; Vegas</title>
		<link>http://www.pinkpetrol.com/blog/2009/10/sharepoint-conference-2009-vegas/</link>
		<comments>http://www.pinkpetrol.com/blog/2009/10/sharepoint-conference-2009-vegas/#comments</comments>
		<pubDate>Sun, 11 Oct 2009 03:13:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Conferences & Events]]></category>
		<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[2009]]></category>
		<category><![CDATA[Conference]]></category>
		<category><![CDATA[SharePint]]></category>

		<guid isPermaLink="false">http://www.pinkpetrol.com/?p=302</guid>
		<description><![CDATA[
Between 19th and 22nd of October, I am off to Las Vegas to attend the SharePoint Conference! With over 15000 minutes of SharePoint talk I am going to be coming back having absorbed it all and ready to go with 2010.
Talking of 2010 this is the chance to see the latest version of SharePoint &#8211; something [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-317" title="SharePoint Conference 2009" src="http://www.pinkpetrol.com/wp-content/uploads/2009/10/spc2009.jpg" alt="SharePoint Conference 2009" width="550" height="138" /></p>
<p>Between 19th and 22nd of October, I am off to Las Vegas to attend the <a title="SharePoint Conferece" href="http://www.mssharepointconference.com/Pages/default.aspx">SharePoint Conference</a>! With over 15000 minutes of SharePoint talk I am going to be coming back having absorbed it all and ready to go with 2010.</p>
<p>Talking of 2010 this is the chance to see the latest version of SharePoint &#8211; something I cant wait to see!</p>
<p>I am really looking forward to the conference, seeing the bright lights of Vegas and meeting some of the online people I talk to such as Marcy Keller, Heather Soloman, Mike Watson (again) and all the other design people that share their love for SharePoint!</p>
<p>Hope to see you all there! SharePints all round!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pinkpetrol.com/blog/2009/10/sharepoint-conference-2009-vegas/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Squashed SharePoint site when viewing Properties in Edit Mode</title>
		<link>http://www.pinkpetrol.com/blog/2009/09/squashed-sharepoint-site-when-viewing-properties-in-edit-mode/</link>
		<comments>http://www.pinkpetrol.com/blog/2009/09/squashed-sharepoint-site-when-viewing-properties-in-edit-mode/#comments</comments>
		<pubDate>Wed, 30 Sep 2009 14:26:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[Branding]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://www.pinkpetrol.com/?p=298</guid>
		<description><![CDATA[I have finally found a fix to a really annoying bug in SharePoint that squishes my site when I have edited a Web Part!
In side the SharePoint master page everything is set to Height:100% &#8211; EVERYTHING, even I feel I am set to Height:100% when I have finished looking at the damn code! Removing these [...]]]></description>
			<content:encoded><![CDATA[<p>I have finally found a fix to a really annoying bug in SharePoint that squishes my site when I have edited a Web Part!</p>
<p>In side the SharePoint master page everything is set to Height:100% &#8211; EVERYTHING, even I feel I am set to Height:100% when I have finished looking at the damn code! Removing these can cause all kinds of hidden issues so my rule of thumb is if CSS can bully in line styles then let it go to town them!</p>
<p>The problems crop up when you want to add a custom footer that combined with a small resolution causes this&#8230;</p>
<p style="TEXT-ALIGN: center"><img class="size-full wp-image-299 aligncenter" title="Example of a squashed SharePoint site" src="http://www.pinkpetrol.com/wp-content/uploads/2009/09/squashed.jpg" alt="squashed" width="577" height="238" /></p>
<p>As you can see this isn&#8217;t very user friendly and looks pretty poor. Well I used my trusty tool set of web apps to find out the cause and hopefully a fix and I feel I have found one. If you use this line of CSS code in your style sheets it will increase the height of the properties pane on the right hand side.</p>
<p><strong>#MSO_tblPageBody {<br />
 height:500px !important;<br />
}</strong></p>
<p>This is the fix I have found which has worked for me &#8211; if anyone knows a better one or an improvement on mine then feel free to share!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pinkpetrol.com/blog/2009/09/squashed-sharepoint-site-when-viewing-properties-in-edit-mode/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Customising the Content Query Web Part list results</title>
		<link>http://www.pinkpetrol.com/blog/2009/09/customising-the-content-query-web-part-list-results/</link>
		<comments>http://www.pinkpetrol.com/blog/2009/09/customising-the-content-query-web-part-list-results/#comments</comments>
		<pubDate>Wed, 30 Sep 2009 12:42:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[Branding]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://www.pinkpetrol.com/?p=282</guid>
		<description><![CDATA[
The CQWP is a fantasic webpart my only two annoyances are that you can only do 3 rules on the filtering and the second is that the results are a bit rubbish in terms of styling, look and feel.
There are two ways you can customise these results. First way is to put a DIV wrapper [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-283 alignleft" style="margin-bottom: 15px; margin-right: 10px;float:left;" title="Example of Read More links" src="http://www.pinkpetrol.com/wp-content/uploads/2009/09/readmorelinks.jpg" alt="Example of Read More Links" width="314" height="315" /></p>
<p>The CQWP is a fantasic webpart my only two annoyances are that you can only do 3 rules on the filtering and the second is that the results are a bit rubbish in terms of styling, look and feel.</p>
<p>There are two ways you can customise these results. First way is to put a DIV wrapper around the results and style them that way which is ok when you want to do text styling such as color change, style and padding which you can see in the orange box. You can do this by using the styles below but remember &#8211; you need to put a DIV wrapper around the Web Part Zone and/or Web Part.</p>
<p><strong>#blogbox .link-item,<br />
#blogbox .link-item a:link,<br />
#blogbox .link-item a:visited,<br />
#blogbox .link-item a:active<br />
{<br />
color:#990000;<br />
font-family:arial;<br />
font-size:1.15em;<br />
font-weight:bold;<br />
}</strong></p>
<p>When looking into this I first tried to style the <strong>A</strong> tag that is used for the <strong>TITLE</strong> which read &#8216;New version of Free2Teach launched&#8217; which worked ok until there was a long title line that wrapped around and underneath. This caused it to visually break and look poor. I then thought I am going to have to do this properly if I want to do it!</p>
<p>What I did was very very simple, I started by opening up <strong>ItemStyle.xsl</strong> inside the <strong>XSL Style Sheets</strong> within the <strong>Style Library</strong>. Next I took a copy of this file (very important!) and then added the following below. I set the template name to <strong>&#8216;ReadMoreLink&#8217; </strong>so I could remember it when selecting it in the CQWP settings.</p>
<p>&lt;xsl:template name=&#8221;NewLinkDefault&#8221; match=&#8221;Row[@Style='NewLinkDefault']&#8221; mode=&#8221;itemstyle&#8221;&gt;<br />
        &lt;xsl:variable name=&#8221;SafeLinkUrl&#8221;&gt;<br />
            &lt;xsl:call-template name=&#8221;OuterTemplate.GetSafeLink&#8221;&gt;<br />
                &lt;xsl:with-param name=&#8221;UrlColumnName&#8221; select=&#8221;&#8216;LinkUrl&#8217;&#8221;/&gt;<br />
            &lt;/xsl:call-template&gt;<br />
        &lt;/xsl:variable&gt;<br />
        &lt;xsl:variable name=&#8221;SafeImageUrl&#8221;&gt;<br />
            &lt;xsl:call-template name=&#8221;OuterTemplate.GetSafeStaticUrl&#8221;&gt;<br />
                &lt;xsl:with-param name=&#8221;UrlColumnName&#8221; select=&#8221;&#8216;ImageUrl&#8217;&#8221;/&gt;<br />
            &lt;/xsl:call-template&gt;<br />
        &lt;/xsl:variable&gt;<br />
        &lt;xsl:variable name=&#8221;DisplayTitle&#8221;&gt;<br />
            &lt;xsl:call-template name=&#8221;OuterTemplate.GetTitle&#8221;&gt;<br />
                &lt;xsl:with-param name=&#8221;Title&#8221; select=&#8221;@Title&#8221;/&gt;<br />
                &lt;xsl:with-param name=&#8221;UrlColumnName&#8221; select=&#8221;&#8216;LinkUrl&#8217;&#8221;/&gt;<br />
            &lt;/xsl:call-template&gt;<br />
        &lt;/xsl:variable&gt;<br />
        &lt;xsl:variable name=&#8221;LinkTarget&#8221;&gt;<br />
            &lt;xsl:if test=&#8221;@OpenInNewWindow = &#8216;True&#8217;&#8221; &gt;_blank&lt;/xsl:if&gt;<br />
        &lt;/xsl:variable&gt;<br />
        &lt;div id=&#8221;linkitem&#8221; class=&#8221;item&#8221;&gt;<br />
            &lt;div class=&#8221;link-item&#8221;&gt;<br />
             &lt;xsl:call-template name=&#8221;OuterTemplate.CallPresenceStatusIconTemplate&#8221;/&gt;    <br />
                &lt;a href=&#8221;{$SafeLinkUrl}&#8221; target=&#8221;{$LinkTarget}&#8221; title=&#8221;<a href="mailto:{@LinkToolTip">{@LinkToolTip</a>}&#8221;&gt;<br />
                    &lt;xsl:value-of select=&#8221;$DisplayTitle&#8221;/&gt;<br />
                &lt;/a&gt;<br />
                &lt;a href=&#8221;{$SafeLinkUrl}&#8221; target=&#8221;{$LinkTarget}&#8221; title=&#8221;<a href="mailto:{@LinkToolTip">{@LinkToolTip</a>}&#8221; class=&#8221;readmorelink&#8221;&gt;<br />
                  read more<br />
                &lt;/a&gt;</p>
<p>            &lt;/div&gt;<br />
        &lt;/div&gt;<br />
    &lt;/xsl:template&gt;</p>
<p>What I have simply done is coped the full <strong>A</strong> reference and copied it underneath and set the class to <strong>&#8216;readmorelink&#8217;</strong> and added the following css to my style sheet and it should work <img src='http://www.pinkpetrol.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><strong>.readmorelink {<br />
display:block;<br />
text-indent:-9999px;<br />
background:transparent url(&#8216;../Images/ergoimages/readnewsitem.jpg&#8217;) top left no-repeat;<br />
color:#666666;<br />
margin:10px 0 0 0 !important;<br />
padding:0;height:27px;<br />
font-family:arial;<br />
font-size:1.15em;<br />
font-weight:bold;<br />
}</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.pinkpetrol.com/blog/2009/09/customising-the-content-query-web-part-list-results/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adding Custom Styles to the RichTextEditor (RTE) in SharePoint</title>
		<link>http://www.pinkpetrol.com/blog/2009/09/adding-custom-styles-to-the-richtexteditor-rte-in-sharepoint/</link>
		<comments>http://www.pinkpetrol.com/blog/2009/09/adding-custom-styles-to-the-richtexteditor-rte-in-sharepoint/#comments</comments>
		<pubDate>Wed, 30 Sep 2009 12:11:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[Branding]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://www.pinkpetrol.com/?p=278</guid>
		<description><![CDATA[
Whilst doing some branding work for a client I was asked &#8216;can we have different text colors&#8217;. I instantly thought of hours of HTML teaching and had visions of brightly coloured pages illuminating fire red, yellow and radioactive greens! So what I needed to do was lock it down so the client can dictate the colors but the [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-304" title="SharePoint Rich Text Editor" src="http://www.pinkpetrol.com/wp-content/uploads/2009/09/rte.jpg" alt="SharePoint Rich Text Editor" width="577" height="200" /></p>
<p>Whilst doing some branding work for a client I was asked &#8216;can we have different text colors&#8217;. I instantly thought of hours of HTML teaching and had visions of brightly coloured pages illuminating fire red, yellow and radioactive greens! So what I needed to do was lock it down so the client can dictate the colors but the users can set them.  The best way to do this is give them a selection of custom styles they can use for titles that are outside of the standard h1, h2 &amp; h3 that are set.</p>
<p><strong>.ms-rteCustom-CustomStylesh1 { color: #990000; font-size:3em;font-weight:bold;}<br />
.ms-rteCustom-CustomStylesh2{ color: #666666;font-size:2em;font-weight:bold; }<br />
.ms-rteCustom-CustomStylesh3{ color: #cccccc;font-size:1em;font-weight:bold; }</strong></p>
<p>The way it works it by adding <strong>.ms-rteCustom-NEWSTYLENAME</strong> the RTE will pick up this style and will insert the desired styling.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pinkpetrol.com/blog/2009/09/adding-custom-styles-to-the-richtexteditor-rte-in-sharepoint/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Learning Gateway Conference &amp; the logos</title>
		<link>http://www.pinkpetrol.com/blog/2009/07/learning-gateway-conference-logos/</link>
		<comments>http://www.pinkpetrol.com/blog/2009/07/learning-gateway-conference-logos/#comments</comments>
		<pubDate>Fri, 10 Jul 2009 13:18:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Conferences & Events]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[Conferences]]></category>
		<category><![CDATA[Events]]></category>

		<guid isPermaLink="false">http://www.pinkpetrol.com/?p=292</guid>
		<description><![CDATA[
Just a reminder that the Learning Gateway Conference is on the 15th July at The Belfrey in Birmingham. The conference is being held by Richard Willis and Alex Pearce and is design for people using innovative technologies within the education sector. I am not primarily based in the education sector but I do have a keen interest [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-293" title="Learning Gateway Logo" src="http://www.pinkpetrol.com/wp-content/uploads/2009/09/lglogo.jpg" alt="lglogo" width="572" height="139" /></p>
<p>Just a reminder that the Learning Gateway Conference is on the <strong>15th July</strong> at The Belfrey in Birmingham. The conference is being held by <a title="Link to SalamanderSoft - owned by Richard Willis" href="http://www.salamandersoft.co.uk/"><strong>Richard Willis</strong></a> and <strong><a title="Link to Alex Pearce's blog" href="http://vspug.com/ajp/">Alex Pearce</a></strong> and is design for people using innovative technologies within the education sector. I am not primarily based in the education sector but I do have a keen interest in getting students on board and I love testing out my ideas on them!</p>
<p><strong>I hope you all take a look look at the SharePoint&#8217;y style logo I designed for them <img src='http://www.pinkpetrol.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </strong></p>
<p>If you want more information on the event then check out Alex Pearce&#8217;s blog &#8211; <a href="http://vspug.com/ajp/2009/06/22/but-i-m-a-business-why-should-i-attend-the-learning-gateway-conference/">http://vspug.com/ajp/2009/06/22/but-i-m-a-business-why-should-i-attend-the-learning-gateway-conference/</a></p>
<p><strong>Hope to see you there!</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.pinkpetrol.com/blog/2009/07/learning-gateway-conference-logos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The 10 step Web Designers check list for backing up</title>
		<link>http://www.pinkpetrol.com/blog/2009/05/the-10-step-web-designers-check-list-for-backing-up/</link>
		<comments>http://www.pinkpetrol.com/blog/2009/05/the-10-step-web-designers-check-list-for-backing-up/#comments</comments>
		<pubDate>Thu, 21 May 2009 16:11:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Contracting & Freelancing]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[backup]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.pinkpetrol.com/?p=255</guid>
		<description><![CDATA[A quick check list of items you need backup before you move, delete or format your system.

Recently a good friend of mine Martin Coulthurst of Lightness recently backed up his computer and asked me about various things he would need to backup, I had a think and we bounced a few things back and forth [...]]]></description>
			<content:encoded><![CDATA[<p><strong>A quick check list of items you need backup before you move, delete or format your system.</strong></p>
<p><img class="alignnone size-full wp-image-306" title="Picture of a check list" src="http://www.pinkpetrol.com/wp-content/uploads/2009/05/checklist.jpg" alt="Picture of a check list" width="577" height="200" /></p>
<p>Recently a good friend of mine Martin Coulthurst of <a title="External link to www.lightness.co.uk" href="http://www.lightness.co.uk/">Lightness </a>recently backed up his computer and asked me about various things he would need to backup, I had a think and we bounced a few things back and forth on what we need to back up, conversation ended and he did his install. The next day we spoke and he realised he forgot one or two very important things &#8211; fonts! This then prompted me to think about a little check list of items that I will be thinking about when next back!</p>
<h3>1. Get yourself an external hard drive</h3>
<p>With the price of external hard drives now a days there is no excuse for not having the money to buy one. Over at Overclockers.co.uk they have a Western Digital My Book Essential 500GB USB2.0 External Hard Drive for £62.99 &#8211; bargain! Get this and you are ready to go!</p>
<h3>2. Documents</h3>
<p>The treasure chest of any designer, if like me in this folder which can sometimes be called the Desktop (!) has everything saved picture files, word documents with little notes, CSS snippets and even the stray file called something informative such as smd-application3.php which a week ago was as familiar to you as your date of birth, 2 weeks down the line means nothing!</p>
<h3>3. Browser Settings, Favourites &amp; Add-ons</h3>
<p>There isn&#8217;t an easy to back up your browsers settings unless you download a 3rd party tool. In my experience I find that proxy settings, browser adds-ons such as FireBug/IE Dev Tool bar are my most important ones. Best and easiest way to do this is either &#8211; take notes or print screen them into a word document.</p>
<ul>
<li>To find out FireFox add-ons &#8211; Tools &gt; Add-ons</li>
<li>To find out IE add-ons &#8211; Tools &gt; Manage Add-ons</li>
<li>To find out Safari add-ons &#8211; Help &gt; Installed Plug-ins</li>
<li>To find out Opera add-ons &#8211; Widgets &gt; Manage Widgets</li>
</ul>
<p>Favourites is also something important you want to backup, as designs and most other IT people know how annoying it is when you find something and don&#8217;t bookmark it, well that feeling is multiplied by a million when you&#8217;ve lost ALL your favourites, trust me I know.</p>
<p><strong> To find your favorites they are here &#8211; C:\Documents and Settings\PCNAME\Favorites</strong></p>
<p><strong></strong></p>
<h3>4. Fonts</h3>
<p>Another little designer&#8217;s paradise &#8211; all the fonts you&#8217;ve sound, all the various versions of Arial that are slightly thinner or slightly bolder. Some fonts you&#8217;ve found and probably not paid for. All these can be found within the Control Panel &gt; Fonts.</p>
<p>Useful resource if you have lost all your lovely fonts &#8211; <a href="http://www.csstea.com/css-gallery-news-and-resources/807-11-best-free-fonts-websites.html">http://www.csstea.com/css-gallery-news-and-resources/807-11-best-free-fonts-websites.html</a></p>
<h3>5. MSN/SKYPE conversations</h3>
<p>I find keeping my conversation that I have had with clients is pretty useful. Whether it be checking back on something you maybe of lightly agreed to or something you may have said to a client or something else you can&#8217;t remember, it&#8217;s pretty useful to go back and check.</p>
<p><strong> If you are saving MSN conversation you can find them here &#8211; C:\Documents and Settings\COMPUTERNAME\My Documents\My Received Files\EMAILADDRESS1212445099954\History.</strong></p>
<p><strong>If you want to turn conversation saving on in MSN then open up the main MSN window &#8211; Tools &gt; Options &gt; Messages &gt; Message History (at the bottom)</strong></p>
<p><strong></strong></p>
<h3>6. Email</h3>
<p>I personally use Gmail and Hotmail just for the fact that if my system does die, I have this backed up online &#8211; for free! But if you are using Outlook then I recommend doing a PST backup of all the email, this may take a while so remember to stick a DVD to pass the time &#8211; I recommend the film Hunger &#8211; the story of Bobby Sands &#8211; Fantastic film.</p>
<h3>7. Software</h3>
<p>Everyone knows how annoying this is when you have your software suite perfect then the manufacturers go and do something intelligent like release a new version of software that is poorer than its predecessor (MSN Messenger &amp;amp; Fireworks CS4!) or discontinue the software you are using. I tend to keep my software AND products keys backed up, I suggest you to do the same! Last thing you want is a deadline date, dead system and no software! At least if you&#8217;ve backed up you can install what you need as a short term measure. A site I recommend is OldVersion &#8211; http://www.oldversion.com/ which I am sure you can guess what the site is about.</p>
<h3>8. Media</h3>
<p>Pictures, Music, films or even ambient sounds of frogs or even System of a Down albums (what I use to design to) is all pretty important when you&#8217;re in the ZONE.</p>
<h3>9. FTP site lists</h3>
<p>If like me you have 1 FTP programme with all the sites that I look after listed, then you will be pretty annoyed if you lost all them! I do have them all saved but it is a chore having to wade through emails trying to find each and every site you look after! Even if you have then found chances are the FTP password has been changed so you have to then log in to the cPanel or dashboard to get the details so its a pretty good tip to save these!</p>
<p>Most FTP programs come with an export/import option that usually exports out as a CSV or text file of some kind. This option is a winner for me, I probably would use an FTP programme that doesn&#8217;t have this feature &#8211; WiseFTP 5 does and that is what I use.</p>
<h3>10. Client list &amp; business documents</h3>
<p>This is probably THEE most important thing to back up, I personally carry all these on USB stick which is locked away in a fireproof, flood proof and child proof safe. My client list has all my clients&#8217; names, emails, contact numbers and dates of work and what was done. Just imagine if you lost this? I actually feel anxious writing that! Same goes with business documents, all backed up just in case anything happens.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pinkpetrol.com/blog/2009/05/the-10-step-web-designers-check-list-for-backing-up/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The 10 step guide to being a UK Contractor</title>
		<link>http://www.pinkpetrol.com/blog/2009/04/the-10-step-guide-to-being-a-uk-contractor/</link>
		<comments>http://www.pinkpetrol.com/blog/2009/04/the-10-step-guide-to-being-a-uk-contractor/#comments</comments>
		<pubDate>Wed, 22 Apr 2009 12:48:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Contracting & Freelancing]]></category>

		<guid isPermaLink="false">http://www.pinkpetrol.com/?p=146</guid>
		<description><![CDATA[A quick run down guide on how to start and become a UK Contractor


1. Raise some funds!
Before I thought about contracting I was doing freelance on the side and saving from my permanent job. This helped me raise a buffer of 4k to enable me in essence to quit my job sit on my backside [...]]]></description>
			<content:encoded><![CDATA[<p><strong>A quick run down guide on how to start and become a UK Contractor</strong></p>
<p><strong><img class="alignnone size-full wp-image-314" title="Briefcase" src="http://www.pinkpetrol.com/wp-content/uploads/2009/04/briefcase.jpg" alt="Briefcase" width="577" height="200" /></strong></p>
<h3 style="MARGIN: auto 0cm"></h3>
<h3 style="MARGIN: auto 0cm">1. Raise some funds!</h3>
<p>Before I thought about contracting I was doing freelance on the side and saving from my permanent job. This helped me raise a buffer of 4k to enable me in essence to quit my job sit on my backside for 3-6 months and still pay my bills and live my lifestyle. Agencies are really interested in getting a contract in 1 or 2 months it’s usually weeks. In my case I quit my job and didn’t have a contract lined up as I was on a 2 month notice period. That money would help me pay my bills whilst I searched for my contract. 2 weeks left of my notice period I had secured myself a contract and started the day after I left my permanent role! I didn’t need that money in my buffer so I have put it in an account to sit for a rainy day or the next time I am looking for a contract.</p>
<h3 style="MARGIN: auto 0cm">2. Register your business</h3>
<p><strong>Limited Company</strong></p>
<p>The vast majority of IT contractors work through their own Limited Company.</p>
<p>If you wish to set up your own Limited Company, you can use the ContractorUK Company formation service which enables you to complete the whole process on line within a matter of minutes, and have your brand new Company ready to trade within a few hours. You can check to see if the name you require is available here also. Alternatively, you can apply for a limited company direct from Companies House (but this will take longer).</p>
<p><strong>Umbrella Company</strong></p>
<p>An Umbrella Company provides a readymade invoicing vehicle for contractors whilst also removing the administrative duties normally associated with contracting in the form of a Personal Service Company. The Umbrella Company normally issues invoices on the contractors behalf, collects payments from clients/agencies, calculates tax and N.I contributions and pays the contractor their net pay direct to their personal bank account.</p>
<p><strong>PAYE through the Agency</strong></p>
<p>Some agencies allow you to become “PAYE” through their own payroll service.</p>
<p>This is the least tax beneficial option available to a contractor as you pay full tax and national insurance (NI) contributions on all your earnings. In addition this option does not allow you to claim valid business expenses which would help to reduce your tax and NI liabilities.</p>
<h3 style="MARGIN: auto 0cm">3. Get yourself an Accountant</h3>
<p>I personally don’t fancy doing tax returns, sorting out VAT (if applicable), setting up tax and all that stuff! So get someone to do it for you who is specialised in the subject. I’m lucky to have an accountant that has knowledge of small businesses and contracting. Price wise your looking at around £80 pound a month and depending on how up to date and clear you Business Briefcase is this can be reduced.</p>
<p>Little Tip &#8211; this relationship between you and your accountant isn’t like your friend is helping you out when he can -so get your accountant to earn this money, as you are paying him! If there are ANY questions or anything you may no understand then ask them. They are there to help if they aren’t helping you &#8211; like a real business. Sack them.</p>
<h3 style="MARGIN: auto 0cm">4. Build up a CV and your online portfolio!</h3>
<p>It is very important to have a clear CV that has a list of skills that can be clearly seen. My advice is to have the skills on the front page when recruitment agencies are looking at CV they don’t have a clue what this acronym means they just see if you have XHTML and see if the acronym is in your CV!</p>
<p>Depending on if you are a coder or a designer having an online portfolio may or may not be needed. Designers will read his and know the importance of having a visual representation of your amazing work. Get yourself a portfolio ready and working for your potential employers to look at!</p>
<h3 style="MARGIN: auto 0cm">5. Register with recruitment agencies and get your name around!</h3>
<p>Once you get into the loop of things you will no doubt start getting a lot of phone calls asking about your availability which is really good but its the norm. Below is a list of some good job boards offering contract and permament posts. You can register and upload your CV I recommend this as recruiters tend to search these based on your CV so using the acronyms and keywords detailed in 4. Build up a CV and your online portfolio!</p>
<ul type="disc">
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt"><a href="http://www.cwjobs.co.uk/">http://www.cwjobs.co.uk/</a></li>
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt"><a href="http://www.itjobswatch.co.uk/">http://www.itjobswatch.co.uk/</a></li>
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt"><a href="http://www.monster.co.uk/">http://www.monster.co.uk/</a></li>
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt"><a href="http://www.jobserve.com/">http://www.jobserve.com/</a></li>
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt"><a href="http://www.jobsite.co.uk/">http://www.jobsite.co.uk/</a></li>
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt"><a href="http://www.computingcareers.co.uk/">http://www.computingcareers.co.uk/</a></li>
</ul>
<h3 style="MARGIN: auto 0cm">6. Build up your Business Briefcase</h3>
<p>The ‘Business Briefcase’ as I call it is a list of important documents you need to keep safe and update to help you run your business smoothly and reduce your accountant costs. In my ‘business briefcase’ I have the following :-</p>
<ul type="disc">
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l3 level1 lfo2; tab-stops: list 36.0pt"><a href="http://www.pinkpetrol.com/blog/uploads/template_invoice.doc">An invoice template</a> &#8211; this is a copy of an invoice that you will need to use to invoice your agency at the end of the month to ensure you get paid!</li>
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l3 level1 lfo2; tab-stops: list 36.0pt"><a href="http://www.pinkpetrol.com/blog/uploads/template_allsalesinvoiceledger.xls">A sales ledger</a> &#8211; this is list of all the ’sales’ you’ve done. For example, 22 days work of work on a rate is a sale. Which you will need to note down and supply to your accountant. I submit this to my accountant ever 3 months to calculate my tax and vat.</li>
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l3 level1 lfo2; tab-stops: list 36.0pt">Bank statement &#8211; these will need to be generated and supplied to your account as he wont have access to your bank account, usually a CSV format is suffice.</li>
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l3 level1 lfo2; tab-stops: list 36.0pt"><a href="http://www.pinkpetrol.com/blog/uploads/template_timesheet.doc">Time sheet template</a> &#8211; most agencies supply thier own time sheet but incase they don’t here is an example of a time sheet</li>
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l3 level1 lfo2; tab-stops: list 36.0pt"><a href="http://www.pinkpetrol.com/blog/uploads/template_expenseledger.xls">Expense ledger</a> &#8211; this is all the expenses that you can charge back to the company such as rail tickets, parking tickets. Remember depending on how your business is setup(Limited, Umbrella, PAYE etc) you can charge back for lunch that would normally have anyway.</li>
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l3 level1 lfo2; tab-stops: list 36.0pt"><a href="http://www.pinkpetrol.com/blog/uploads/template_loantransferdetails.xls">Loan and transfer ledger</a> &#8211; when starting out you will need things like software, laptop, desk etc. If you buy this with your own money you can charge this back to the company.</li>
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l3 level1 lfo2; tab-stops: list 36.0pt"><a href="http://www.pinkpetrol.com/blog/uploads/template_mileageexpensetracker.xls">Mileage expense ledger</a> &#8211; depending on your company set up you can charge up to 40p for the first 60k miles! Speak to your accountant about this.</li>
</ul>
<h3 style="MARGIN: auto 0cm">7. Get your Business a bank account.</h3>
<p>Below are a list of UK banks that offer business banking, there are many banks out there that offer different services such as online banking. Remember to read the small print and the charging chart that they will have, this will show if they charge for the little things you use ever day in your personal accounts such as paying a cheque in etc.</p>
<ul type="disc">
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l1 level1 lfo3; tab-stops: list 36.0pt"><a href="http://www.lloydstsbbusiness.com/">http://www.lloydstsbbusiness.com/</a></li>
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l1 level1 lfo3; tab-stops: list 36.0pt"><a href="http://www.hsbc.co.uk/1/2/business/accounts/current-account">http://www.hsbc.co.uk/1/2/business/accounts/current-account</a></li>
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l1 level1 lfo3; tab-stops: list 36.0pt"><a href="http://www.barclays.co.uk/business/">http://www.barclays.co.uk/business/</a></li>
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l1 level1 lfo3; tab-stops: list 36.0pt"><a href="http://www.anbusiness.com/business_account/">http://www.anbusiness.com/business_account/</a></li>
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l1 level1 lfo3; tab-stops: list 36.0pt"><a href="http://www.halifax.co.uk/onlineservices/bosBusiness.asp">http://www.halifax.co.uk/onlineservices/bosBusiness.asp</a></li>
</ul>
<p>Little tip &#8211; when you have set up your online business bank account setup 2 additional accounts giving you your current account, tax and vat. By getting your account to give your quarterly updates in regards how much tax, vat you may have to pay you can transfer this money into those accounts ready for when the taxman comes knocking!</p>
<h3 style="MARGIN: auto 0cm">8. IR35 Contract</h3>
<p>The IR35 legislation is designed to increase the NIC revenue from the service industry, which on the whole has found it more tax efficient to distribute income as dividends, usually subject to the payment of a small salary. To this end, it introduces the concept of “deemed salary” which will be taxed and subject to NIC as if it has been paid as a salary.</p>
<p>In terms of contracting I went to a solicitor and paid to get a contract written up. I advise you do this as well. Some agencies contracts are IR35 friendly, you need to get this checked and in writing.</p>
<p>For more information check out the Inland Revenue at &#8211; <a href="http://www.hmrc.gov.uk/ir35/index.htm">http://www.hmrc.gov.uk/ir35/index.htm</a>.</p>
<h3 style="MARGIN: auto 0cm">9. Negotiate your rate</h3>
<p>Negotiating your rate is probably the most important thing to do. This will determine a few things such as how happy you’ll be for the next few months and how happy you’ll be at the end of the month. Agencies can be little blighters in terms of rates, for example they will lower your rate to increase their profits, let me explain. When you first speak to an agency it is important to ask what rate they are charging out at just because they are paying you say £300 per day doesn’t mean they are charging that back to the company &#8211; why would they do that they wont be making a profit! What agencies tend to do it pay you £300 a per day but charge you back to the company you are working for at maybe £350 or even £400, making a profit from you for doing NOTHING and I mean NOTHING. Agencies will even sometimes say that the company are not prepared to pay you £300 and want to pay you £250 &#8211; STAND YOUR GROUND &#8211; as they are probably lying to lower your rate, but still charge you out at £350+ making them the profit.</p>
<p><a href="http://www.itjobswatch.co.uk/">IT Jobs Watch</a> is a website that shows the industry rates for IT contractors and permanent staff, the rates are based on london and outside of london rates and the trends for the industry you are in. Website can be found at &#8211; <a href="http://www.itjobswatch.co.uk/">http://www.itjobswatch.co.uk/</a></p>
<p>Little Tip &#8211; ask for a london rate and depends on there reaction lower, if you ask for a london rate and they hesitate or sound like they dont want to pay that. State you are willing to negotiate and thats a rate you work off, you may even get it!</p>
<h3 style="MARGIN: auto 0cm">10. Do the job and little tips and hints for being a good contractor.</h3>
<p>Through my experience as a contract and talking to many contractors I have learnt and created a few tips that can help you and make you a better contractor!</p>
<ul type="disc">
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l2 level1 lfo4; tab-stops: list 36.0pt">Go for drinks! Its a great excuse but it is really good, you don’t want to be known as the geek that doesn’t speak. Go for drinks and join in with the social activities and really look to become one of the team. That way when they want you back they will remember you as ‘that great guy’ and not that ‘boring chap’</li>
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l2 level1 lfo4; tab-stops: list 36.0pt">Monthly review meetings! In my contracts I request them at the end the month. Its a great chance to remind your boss about the great things you’ve done and re jog their memory when its comes up contract talks!</li>
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l2 level1 lfo4; tab-stops: list 36.0pt">Play the recruitment game! If you are lucky enough to be in a contract and loving it you will no doubt get loads of phone calls from recruitments looking for there next kill, which is great, but watch out for them scouting for business. A common question you will get is ‘can you recommend someone’ feeling nice you may know someone and may want to recommend them. But theres a little secret you may not know &#8211; recruitment agents get bonuses for getting people in and you’ve just given them a nice little bonus and what have they don’t for you? Nothing. Not a great deal. What I tend to say is in a nut shell, get me some work and ill recommend all my friends to you. Little tip &#8211; recommending friends to the company you may working for may give you a bonus!</li>
<li class="MsoNormal" style="MARGIN: auto 0cm; mso-list: l2 level1 lfo4; tab-stops: list 36.0pt">Reputation is key &#8211; contractors talk and talk and talk. Having a bad rep can spread like wildfire. Honour your contracts and you’ll be just fine.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.pinkpetrol.com/blog/2009/04/the-10-step-guide-to-being-a-uk-contractor/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
