Need help on my Guest Book page

[ChrisTee]

Well I think I made it pretty far in customizing "christiant.smugmug.com" without having to ask any questions...but the time has come!

Using the example from the SM Customizing FAQ I've defined a gallery in "journal mode" to try to get something like Andy's MoonRiver guest book.

In using a gallery as a guest book, I'd like to know how to:
a) get rid of the box that appears on hover over the image,
b) turn off the left mouse click on the image, and
c) I'd like to format the text so it doesn't start so high (and prevent it from wrapping under the image if I want to write more).

Would greatly appreciate any help on this...and would welcome any comments on the site itself!

Thanks and cheers!
CT

[jfriend]

Well I think I made it pretty far in customizing "christiant.smugmug.com" without having to ask any questions...but the time has come!

Using the example from the SM Customizing FAQ I've defined a gallery in "journal mode" to try to get something like Andy's MoonRiver guest book.

In using a gallery as a guest book, I'd like to know how to:
a) get rid of the box that appears on hover over the image,

Try this CSS:

.gallery_6398834 a img.imgBorder:hover {border-color: white !important;}


b) turn off the left mouse click on the image, and
To remove clickability, see item #50 in the FAQ here (http://www.dgrin.com/showthread.php?t=52811). You can ignore the first part about the border because I think the CSS I just listed above works and is simpler.

c) I'd like to format the text so it doesn't start so high (and prevent it from wrapping under the image if I want to write more).

Would greatly appreciate any help on this...and would welcome any comments on the site itself!

Thanks and cheers!
CT
Change this CSS you have:
.gallery_6398834 .caption {margin-top: -37px; _margin-top: -30px; ~margin-top: -30px;font-size: 16px; text-align: justify; font-weight: normal;}

to this:

.gallery_6398834 #journal .caption {padding-top:0; font-size: 16px; text-align:justify; font-weight:normal;}
.gallery_6398834 #journal .journal_entry .photo {height:400px;}

Set the 400px height to whatever you want to keep your text from wrapping under the image.

[ChrisTee]

Thanks! Everything works as intended...

There's just one thing left:

When you mouse over the image (in my Guestbook) a yellow dialogue box appears which repeats the photo text written at the right.

Is there a way to disable that?

Cheers!
CT

[jfriend]

Thanks! Everything works as intended...

There's just one thing left:

When you mouse over the image (in my Guestbook) a yellow dialogue box appears which repeats the photo text written at the right.

Is there a way to disable that?

Cheers!
CT

Hmmm. That one's not so easy. That text comes from the title attribute on the image and Smugmug puts it there automatically from your caption. It isn't controllable by CSS in all browsers. The only way I know of to kill it is to clear the title attribute at run-time using javascript.

You could do that with this piece of javascript in your bottom javascript:

YE.onContentReady("image_413388928", function () {this.title=""; this.alt="";});

[ChrisTee]

Hmmm. That one's not so easy. That text comes from the title attribute on the image and Smugmug puts it there automatically from your caption. It isn't controllable by CSS in all browsers. The only way I know of to kill it is to clear the title attribute at run-time using javascript.


Well that works! Now that (IMHO) I've got a half-decent site I can go back to working on my photographs!

Many thanks!
CT