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 thread to start out [...]
Here is how to change the duration for the slideshow. In the body tag put this:
<body onload="updateSS();"> </body>
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;
if [...]
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 = redoCart;
function redoCart() {
[...]
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;
position: relative;
}
.journal_entry .caption {
[...]
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 navigation hidden at the bottom [...]
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 address we found - making [...]
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 body tags classes, if it [...]
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;
}
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 = ‘http://www.dgrin.com’;
}
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 use:
.journal .title {
[...]
