FAQtoid

LCI · Feb-06-2010, 03:36 PM #1

Hi,

I would like to have the row of photos (in "all thumbs" format) placed above my Wufoo contact form. Here's the link:

http://lci.smugmug.com/Stock-Photography/Travel/Contact/10832174_vTqeJ

How do I accomplish this?

Thanks!

RogersDA · Feb-06-2010, 08:40 PM #2

Quote:

Originally Posted by LCI

Hi,

I would like to have the row of photos (in "all thumbs" format) placed above my Wufoo contact form. Here's the link:

http://lci.smugmug.com/Stock-Photography/Travel/Contact/10832174_vTqeJ

How do I accomplish this?

Thanks!

I do not think it is possible to do this since the Wufoo form is in your gallery description. One could make two galleries: one for comments and one for contact. Might look a lot better, too, IMO.

LCI · Feb-07-2010, 04:49 AM #3

Quote:

Originally Posted by RogersDA

I do not think it is possible to do this since the Wufoo form is in your gallery description. One could make two galleries: one for comments and one for contact. Might look a lot better, too, IMO.

Thanks, Dave. I'll consider that option.

Andy · Feb-07-2010, 04:52 AM #4

Why not embed 5 thumbs in the description, below the form?

LCI · Feb-07-2010, 06:26 AM #5

Quote:

Originally Posted by Andy

Why not embed 5 thumbs in the description, below the form?

I want to have the images (thumbs) above the form. Is this possible and, if so, how? Also, how do I embed images in the description?

RogersDA · Feb-07-2010, 09:49 AM #6

Quote:

Originally Posted by LCI

I want to have the images (thumbs) above the form. Is this possible and, if so, how? Also, how do I embed images in the description?

You can't move the thumbs that are currently there. You can create an image in Photoshop or other photo-editing software with the right dimensions, say 500px x 200px (just an example) and copy/resize the photos you want onto this new image and create the layout you want. Save and upload to SmugMug to any gallery. I personally use a few unlisted galleries to store all my site-related images.

In the description of the current gallery you can include a link to your new image along with the text/form. Some code along the lines of the following will embed your new image. This still requires that your gallery be listed so that the comments section shows I believe.

Code:

<html>
Your text
<img src="your_image_link">
<iframe>
Form code
</iframe>
</html>

LCI · Feb-07-2010, 12:19 PM #7

Quote:

Originally Posted by RogersDA

You can't move the thumbs that are currently there. You can create an image in Photoshop or other photo-editing software with the right dimensions, say 500px x 200px (just an example) and copy/resize the photos you want onto this new image and create the layout you want. Save and upload to SmugMug to any gallery. I personally use a few unlisted galleries to store all my site-related images.

In the description of the current gallery you can include a link to your new image along with the text/form. Some code along the lines of the following will embed your new image. This still requires that your gallery be listed so that the comments section shows I believe.

Code:

<html>
Your text
<img src="your_image_link">
<iframe>
Form code
</iframe>
</html>

Can you expound a bit please? I've done limited things in PS (created watermarks) and am unsure what you mean by create an image there. Do you mean simply a new file - transparent or otherwise or...? How do I copy & re-size photos the onto this new image? The remaining steps seem clear.

denisegoldberg · Feb-07-2010, 12:39 PM #8

Quote:

Originally Posted by LCI

Can you expound a bit please? I've done limited things in PS (created watermarks) and am unsure what you mean by create an image there. Do you mean simply a new file - transparent or otherwise or...? How do I copy & re-size photos the onto this new image? The remaining steps seem clear.

You actually can just use multiple <img src= statements to show thumbs across the top of your gallery.

Code:

 
<html><img src="image 1 url"><img src="image 2 url"> etc.
wufoo code
</html>

You can use standard smug image sizes, or you can make up your own custom size. You can see an example of a gallery built this way here - http://www.denisegoldberg.com/Other/...19431248_3Bxad. I actually used a table to display the images. I'll attach a copy of the html just in case it is helpful.

The photos that go across the width of the browser window (and beyond) were place with <img src= statements. In this case I used custom sizes.

See http://www.smugmug.com/help/custom-photo-sizes.

--- Denise

LCI · Feb-07-2010, 02:59 PM #9

Quote:

Originally Posted by denisegoldberg

You actually can just use multiple <img src= statements to show thumbs across the top of your gallery.

Code:

 
<html><img src="image 1 url"><img src="image 2 url"> etc.
wufoo code
</html>

You can use standard smug image sizes, or you can make up your own custom size. You can see an example of a gallery built this way here - http://www.denisegoldberg.com/Other/...19431248_3Bxad. I actually used a table to display the images. I'll attach a copy of the html just in case it is helpful.

The photos that go across the width of the browser window (and beyond) were place with <img src= statements. In this case I used custom sizes.

See http://www.smugmug.com/help/custom-photo-sizes.

--- Denise

Denise,

Thanks for the tip. When I pasted that code into my page description, I got a blank rectangular box that was captioned, "Wufoo text" or something to that effect. The location of the images remained the same. As I'm not at all HTML literate, could you please provide specifics on what I need to do to move the Contact box to the bottom and the images to the top of the page in question? What do I do with this, for example?: <img src= statements

Is what I want to do at all possible?

Many thanks!

denisegoldberg · Feb-07-2010, 04:20 PM #10

Quote:

Originally Posted by LCI

...What do I do with this, for example?: <img src= statements

You grab the URLs for the photos that you want to user from the share link.

Take a look at the text file I attached to my last post. No, it doesn't use wufoo, but it should give you an idea of the structure.

You will also need to hide the photos in the gallery with CSS.

--- Denise

LCI · Feb-11-2010, 11:35 AM #11

Quote:

Originally Posted by Andy

Why not embed 5 thumbs in the description, below the form?

Andy,

I can upload the images simply enough for placement at the bottom of the form. But just how do I embed them above the form? Is this even possible? Specific code - if applicable - and directions appreciated!

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

FAQtoid

Dgrin Challenges

Need some help with Accessories?

Tutorials

The Hot Seat

Africa!

SmugMug How To:

SmugMug News:

SmugMug Status

Feb-06-2010, 03:36 PM #1
LCI ^OP LCI Join Date: Jan 2010 Location: bikeeire@yahoo.com Posts: 53	Wufoo Contact Form Placement Hi, I would like to have the row of photos (in "all thumbs" format) placed above my Wufoo contact form. Here's the link: http://lci.smugmug.com/Stock-Photography/Travel/Contact/10832174_vTqeJ How do I accomplish this? Thanks!

Feb-07-2010, 04:52 AM #4
Andy panasonikon Join Date: Dec 2003 Location: New York Posts: 59,971	Why not embed 5 thumbs in the description, below the form? __________________ Andy Moon River Photography • Workshops • Google+ • Facebook • Twitter


Tell The World!

Tweet