<?xml version="1.0" encoding="UTF-8"?><!-- generator="WordPress/2.6-bleeding2" -->
<rss version="0.92">
<channel>
	<title>smugblog: Web Tricks</title>
	<link>http://blogs.smugmug.com/web-tricks</link>
	<description>what, you don't like the way it works already?</description>
	<lastBuildDate>Mon, 14 Jul 2008 21:42:56 +0000</lastBuildDate>
	<docs>http://backend.userland.com/rss092</docs>
	<language>en</language>
	
	<item>
		<title>Customizing over on Dgrin</title>
		<description>Want more web tricks?  Head on over to Digital Grin - it's our photography, support, and customizing forum. It's easy to join, free, and you get amazing help there, from dedicated Smuggers and photography pros.  Here's the direct link to the customizing forum  and here's a great ...</description>
		<link>http://blogs.smugmug.com/web-tricks/2008/07/14/closing-up-shop/</link>
			</item>
	<item>
		<title>Changing slideshow options</title>
		<description>Here is how to change the duration for the slideshow. In the body tag put this:

 

In the javascript section, put this:

function updateSS() {
     // look at the body tags classes, if it is the homepage then swap
     bodyClass = document.getElementsByTagName("body")[0].className;
  ...</description>
		<link>http://blogs.smugmug.com/web-tricks/2005/09/19/changing-slideshow-options/</link>
			</item>
	<item>
		<title>Changing shopping cart action text</title>
		<description>We came up with our "this photo" and "multiple photos" after much thought - but we understand that everyone has their own idea of perfection. Here is how you could change what the cart action text says for the top nav (feel free to swap out albumNav_top with albumNav_bottom):

onload  ...</description>
		<link>http://blogs.smugmug.com/web-tricks/2005/09/06/changing-shopping-cart-action-text/</link>
			</item>
	<item>
		<title>Squaring up Bio and Journal Text</title>
		<description>Some of you don't prefer the new wrapping of the text around the bio image; here is some code to get it to be squared up again:

#userBio {
     width: 550px;
     display: inline;
     float: left;
     ...</description>
		<link>http://blogs.smugmug.com/web-tricks/2005/09/02/squaring-up-bio-and-journal-text/</link>
			</item>
	<item>
		<title>Hidden captions and navigation</title>
		<description>So every gallery style on the site now has a caption above and below the photo; here is how to turn off the caption below and turn on the caption above:

#caption_top {
     display: block;
}
#caption_bottom {
     display: none;
}


Also, smugmug and smugmug small have ...</description>
		<link>http://blogs.smugmug.com/web-tricks/2005/09/02/hidden-captions-and-navigation/</link>
			</item>
	<item>
		<title>Using HTML in your bio, caption or description</title>
		<description>So for a while now we have let you use HTML in some areas and not others, and even where you could put HTML up - we tweaked it for you because not everyone knows HTML. We would auto convert linebreaks to  tags and auto-link any website or email ...</description>
		<link>http://blogs.smugmug.com/web-tricks/2005/09/02/using-html-in-your-bio-caption-or-description/</link>
			</item>
	<item>
		<title>Swapping homepage boxes</title>
		<description>So let's say you want friends and family down at the bottom of the page and you galleries up higher. This code will do it for you:

// look to swap after the page is loaded
onload = swapFF;
// the swap function
function swapFF() {
     // look at the ...</description>
		<link>http://blogs.smugmug.com/web-tricks/2005/09/01/swapping-homepage-boxes/</link>
			</item>
	<item>
		<title>Green borders</title>
		<description>To change the borders for the images; use this code in your style section:

.imgBorderOn {
     border-color: red;
}


If you want to change what the default border color is; use this:

.imgBorder {
     border-color: blue;
}
 </description>
		<link>http://blogs.smugmug.com/web-tricks/2005/08/23/green-borders/</link>
			</item>
	<item>
		<title>Changing the homepage link</title>
		<description>Some of you have figured out that you can change the smugmug logo in the top left to something that suits your site.

But did you know that with some javascript you can also change what the image is linked to:

onload = changeHomelink;
function changeHomelink () {
     document.getElementById('homelink').href ...</description>
		<link>http://blogs.smugmug.com/web-tricks/2005/08/23/changing-the-homepage-link/</link>
			</item>
	<item>
		<title>Styling individual pages</title>
		<description>With the release of the last of the gallery templates, I want to share with you some new functionality that you can use. You can now target your style to individual templates and/or specific galleries.

To make the green text red for only the journal pages on your site you could ...</description>
		<link>http://blogs.smugmug.com/web-tricks/2005/08/18/styling-individual-pages/</link>
			</item>
</channel>
</rss>
