<?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>SharePoint &#187; SharePoint branding</title>
	<atom:link href="http://www.sharepointboris.net/category/sharepoint-branding/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.sharepointboris.net</link>
	<description>and Boris Gomiunik</description>
	<lastBuildDate>Thu, 22 Dec 2011 11:45:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Decorate SharePoint HomePage for Christmas</title>
		<link>http://www.sharepointboris.net/2009/12/decorate-sharepoint-homepage-for-christmas/</link>
		<comments>http://www.sharepointboris.net/2009/12/decorate-sharepoint-homepage-for-christmas/#comments</comments>
		<pubDate>Sat, 26 Dec 2009 13:58:51 +0000</pubDate>
		<dc:creator>Boris Gomiunik</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[SharePoint branding]]></category>
		<category><![CDATA[Decoration]]></category>
		<category><![CDATA[Season]]></category>

		<guid isPermaLink="false">http://www.sharepointboris.net/2009/12/decorate-sharepoint-homepage-for-christmas/</guid>
		<description><![CDATA[How about spicing up company’s intranet for the season? Here’s a neat little trick you can make for adding season’s spirit&#160; to your SharePoint homepage. We’ll add some decoration to page’s head. The first thing you need is the images for the decoration. Don’t make them too big, because you can’t click on anything below [...]]]></description>
			<content:encoded><![CDATA[<p>How about spicing up company’s intranet for the season? Here’s a neat little trick you can make for adding season’s spirit&#160; to your SharePoint homepage. We’ll add some decoration to page’s head.</p>
<p><a href="http://boris.gomiunik.net/wp-content/uploads/2009/12/image6.png" rel="lightbox[528]" title="image"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://boris.gomiunik.net/wp-content/uploads/2009/12/image_thumb6.png" width="615" height="218" /></a> </p>
<p>The first thing you need is the images for the decoration. Don’t make them too big, because you can’t click on anything below images. Below is a simple example I got from <a href="http://office.microsoft.com" target="_blank">Office Online</a>, merged it, removed background and reduced its size. Make sure you have a transparent image (a .GIF or .PNG with transparent background).</p>
<p><a href="http://boris.gomiunik.net/wp-content/uploads/2009/12/christmas.gif" rel="lightbox[528]" title="christmas"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="christmas" border="0" alt="christmas" src="http://boris.gomiunik.net/wp-content/uploads/2009/12/christmas_thumb.gif" width="128" height="92" /></a> </p>
<p>The first step is to upload the image to site’s document or picture library and copy the original image’s URL to clipboard. (don’t copy the SharePoint thumbnail or web preview image, as they tend to get white background instead of original transparent).</p>
<p><a href="http://boris.gomiunik.net/wp-content/uploads/2009/12/image7.png" rel="lightbox[528]" title="image"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://boris.gomiunik.net/wp-content/uploads/2009/12/image_thumb7.png" width="244" height="140" /></a> </p>
<p>Next on your homepage add a <strong>Content Editor Webpart</strong> into any zone and edit its source.</p>
<p><a href="http://boris.gomiunik.net/wp-content/uploads/2009/12/image8.png" rel="lightbox[528]" title="image"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://boris.gomiunik.net/wp-content/uploads/2009/12/image_thumb8.png" width="244" height="108" /></a> <a href="http://boris.gomiunik.net/wp-content/uploads/2009/12/image9.png" rel="lightbox[528]" title="image"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://boris.gomiunik.net/wp-content/uploads/2009/12/image_thumb9.png" width="138" height="128" /></a> </p>
<p>And in the source simply type the following code:</p>
<p><strong>&lt;img src=&quot;[your-coppied-image-url]&quot; style=&quot;position:absolute; top: 0px; left: 48%; z-index: 99;&quot; /&gt;</strong></p>
<p><a href="http://boris.gomiunik.net/wp-content/uploads/2009/12/image10.png" rel="lightbox[528]" title="image"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://boris.gomiunik.net/wp-content/uploads/2009/12/image_thumb10.png" width="244" height="205" /></a> </p>
<p>After you click &quot;Save&quot; and &quot;Apply&quot; the page in edit mode will have the decoration in a wrong place. </p>
<p><a href="http://boris.gomiunik.net/wp-content/uploads/2009/12/image11.png" rel="lightbox[528]" title="image"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://boris.gomiunik.net/wp-content/uploads/2009/12/image_thumb11.png" width="244" height="76" /></a> </p>
<p>But not to worry, after you exit edit mode, the image will be in the right position. So final result might look something like below:</p>
<p><a href="http://boris.gomiunik.net/wp-content/uploads/2009/12/image12.png" rel="lightbox[528]" title="image"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://boris.gomiunik.net/wp-content/uploads/2009/12/image_thumb12.png" width="244" height="148" /></a> </p>
<p>There are numerous variations. You can change the position, you can even use a div with a repeating background image,…</p>
<p>Merry Christmas and a Happy New Year to all SharePoint users and admins!</p>
<p>P.S. If you have any good image (appropriate for transparent background and not violating any copyright rules) for season&#8217;s decoration, please drop me a link in this post&#8217;s comments.</p>
<div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:0767317B-992E-4b12-91E0-4F059A8CECA8:621a89fd-abbb-48f2-946a-71a0102154cf" class="wlWriterEditableSmartContent">Oznake ponudnika Technorati: <a href="http://technorati.com/tags/holiday" rel="tag">holiday</a>,<a href="http://technorati.com/tags/decoration" rel="tag">decoration</a>,<a href="http://technorati.com/tags/intranet" rel="tag">intranet</a>,<a href="http://technorati.com/tags/SharePoint" rel="tag">SharePoint</a>,<a href="http://technorati.com/tags/CSS" rel="tag">CSS</a>,<a href="http://technorati.com/tags/CSS+trick" rel="tag">CSS trick</a></div>
<p><!-- PHP 5.x --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.sharepointboris.net/2009/12/decorate-sharepoint-homepage-for-christmas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Highlight weekends in list view</title>
		<link>http://www.sharepointboris.net/2009/08/highlight-weekends-in-list-view/</link>
		<comments>http://www.sharepointboris.net/2009/08/highlight-weekends-in-list-view/#comments</comments>
		<pubDate>Sat, 29 Aug 2009 08:54:37 +0000</pubDate>
		<dc:creator>Boris Gomiunik</dc:creator>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[SharePoint branding]]></category>

		<guid isPermaLink="false">http://www.sharepointboris.net/2009/08/highlight-weekends-in-list-view/</guid>
		<description><![CDATA[This trick works with a list view (not calendar view) of any list that has dates. It doesn’t work in a calendar view of a list. We’ll need jquery for this script to work. So if you don’t have jquery uploaded you can download it from jquery.com. The way I usually add it to the [...]]]></description>
			<content:encoded><![CDATA[<p>This trick works with a list view (not calendar view) of any list that has dates. It doesn’t work in a calendar view of a list. We’ll need jquery for this script to work. So if you don’t have jquery uploaded you can download it from <a href="http://jquery.com/" target="_blank">jquery.com</a>. The way I usually add it to the site is by creating a document library for “system” files in this demo I’ll create a llibrary called sys.</p>
<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://boris.gomiunik.net/wp-content/uploads/2009/08/image.png" width="203" height="294" />&#160; <img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://boris.gomiunik.net/wp-content/uploads/2009/08/image1.png" width="400" height="139" /> </p>
<p>When the .js file is uploaded copy its location. Easiest is by right-clicking the document link and selecting “Copy Shortcut”.</p>
<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://boris.gomiunik.net/wp-content/uploads/2009/08/image2.png" width="208" height="185" /> </p>
<p>Now let’s open the list view of the calendar.</p>
<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://boris.gomiunik.net/wp-content/uploads/2009/08/image3.png" width="544" height="215" /> </p>
<p>Now we create an additional column for displaying day of the week. The details are described in <a href="http://www.sharepointboris.net/2009/05/get-the-month-name-in-calculated-column/" target="_blank">this post</a> only using the day name. The formula is </p>
<p><strong>=TEXT([DateField],&quot;ddd&quot;) </strong></p>
<p>In the example above in locales where you use decimal comma, use the semicolon as parameters separator. </p>
<p>Next add the created column to the view.</p>
<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://boris.gomiunik.net/wp-content/uploads/2009/08/image4.png" width="438" height="255" /> </p>
<p>Now using the method from <a href="http://www.sharepointboris.net/2008/02/adding-webparts-to-other-sharepoint-pages-than-homepage-and-webpart-page/" target="_blank">this post</a> drag the <strong>Content editor webpart </strong>to after the list view</p>
<p>&#160;<img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://boris.gomiunik.net/wp-content/uploads/2009/08/image5.png" width="509" height="280" /> </p>
<p><font color="#000000">Open the webpart’s ToolPane and edit the source code.</font></p>
<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://boris.gomiunik.net/wp-content/uploads/2009/08/image6.png" width="218" height="172" /> </p>
<p>First insert the uploaded jquery script (which’s shortcut you’ve coppied to Clipboard)</p>
<p><strong>&lt;script type=”text/javascript” src=”http://[site][/web]/sys/jquery-1.3.2.min.js&gt;&lt;/script&gt;</strong></p>
<p><font color="#000000">in the code above replace the src parameter with the url of the uploaded jquery.</font></p>
<p><font color="#000000">Next add the following code:</font></p>
<p><font color="#000000"><strong>&lt;script type=”text/javascript”&gt;       <br />$(&quot;table.ms-listviewtable tr:contains(&#8216;Sat&#8217;) td, table.ms-listviewtable tr:contains(&#8216;Sun&#8217;) td, table.ms-listviewtable tr:contains(&#8216;Sat&#8217;) td a, table.ms-listviewtable tr:contains(&#8216;Sun&#8217;) td a&quot;).attr({ style: &quot;color: red;&quot; });        <br /></strong></font><font color="#000000"><strong>&lt;/script&gt;</strong></font></p>
<p>The code above will color all the texts and all the llinks in weekends in red. The full code is shown in the screenshot below:</p>
<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://boris.gomiunik.net/wp-content/uploads/2009/08/image7.png" width="575" height="163" /> </p>
<p><font color="#000000"></font>And the result is:</p>
<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://boris.gomiunik.net/wp-content/uploads/2009/08/image8.png" width="603" height="150" /></p>
<p><!-- PHP 5.x --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.sharepointboris.net/2009/08/highlight-weekends-in-list-view/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Utility to quickly reapply themes in all subwebs</title>
		<link>http://www.sharepointboris.net/2009/05/utility-to-quickly-reapply-themes-in-all-subwebs/</link>
		<comments>http://www.sharepointboris.net/2009/05/utility-to-quickly-reapply-themes-in-all-subwebs/#comments</comments>
		<pubDate>Mon, 11 May 2009 05:49:47 +0000</pubDate>
		<dc:creator>Boris Gomiunik</dc:creator>
				<category><![CDATA[CodePlex]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[SharePoint branding]]></category>

		<guid isPermaLink="false">http://boris.gomiunik.net/2009/05/utility-to-quickly-reapply-themes-in-all-subwebs/</guid>
		<description><![CDATA[If you’re in SharePoint branding, this small command-line utility might come in handy. If you have a custom template made and deployed to server and after a while you need to make a small modification, you can already be stuck with hundreds of subwebs using your custom template. If you make a change to the [...]]]></description>
			<content:encoded><![CDATA[<p>If you’re in SharePoint branding, this small command-line utility might come in handy. If you have a custom template made and deployed to server and after a while you need to make a small modification, you can already be stuck with hundreds of subwebs using your custom template. If you make a change to the existing template, the change won’t be visible in the existing templates until you apply another theme and apply the same theme again to each of those webs. </p>
<p>Because this can be a painstaking job, I’ve composed a simple command-line utility to cycle through all of the webs in a site collection and apply default theme and reapply existing theme. </p>
<p>You can download it from <a href="http://gomiunik.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=27145" target="_blank">CodePlex</a>.</p>
<p>Usage is simple. Download it to the server running Windows SharePoint Services site you wish to reTheme. Open command prompt in the download folder and run command <strong>retheme http://site_collection_url. </strong></p>
<div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:0767317B-992E-4b12-91E0-4F059A8CECA8:aae30fba-34ad-4f32-9c74-c9f0c61636fb" class="wlWriterEditableSmartContent">Technorati Tags: <a href="http://technorati.com/tags/SharePoint+branding" rel="tag">SharePoint branding</a>,<a href="http://technorati.com/tags/CSS" rel="tag">CSS</a>,<a href="http://technorati.com/tags/SharePoint+Theme" rel="tag">SharePoint Theme</a></div>
<p><!-- PHP 5.x --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.sharepointboris.net/2009/05/utility-to-quickly-reapply-themes-in-all-subwebs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

