Before you can share your photos in your bio, you must first upload them to a public server (such as a photo sharing website) on the world wide web where other people can view them. Once you have uploaded your photos to the web where other people can see them you are ready to add pictures to your bio.
Note there are a few other web image hosting sites out there, that will let you upload photos, but you have to be logged into an account on their site to view the photos. These websites will not work for hosting bio images, because they are private and unless the person viewing your bio is logged into an account with these websites, they will not be able to view your image and will see a red x in place of your image. Also some photo sharing website prevent hot linking (viewing an image inside of a web page that is not hosted on their server). They require you to view the image from web pages hosted on their server, and won't work for bios. It is recommended that you upload one or two photos first and publish a small bio to make sure your image hosting site will support your bio before you put too much effort into using an image host that won't ever work.
Back to FAQ List
First make sure you have uploaded your photos to a public image hosting site on the world wide web so other people can view them. If your picture is not on an existing webpage or image hosting site, see 'How do I upload photos?'
Once your photo is online make sure you are looking at the full sized image you wish to add to your bio. Many of the image hosting sites will display a preview page with numerous image 'thumbnails' that may look something like this:
 IMG_1290.jpg |
 IMG_1296.jpg |
 IMG_1338.jpg |
 IMG_1360.jpg |
 IMG_1362.jpg |
 IMG_1365.jpg |
 IMG_1367.jpg |
 IMG_1378.jpg |
But if you click on the image you wish to add it will usually open a larger version of that image like this:
IMG_1360.jpg
Right click on the full sized image and select properties from the popup menu as show below.
Next select the Address URL as show below.
To select the URL click to the right of the 'http:', and hold your button down while you move your mouse down to reach the end of the address. Another way to select the entire image URL is to click your mouse on the URL where you see the 'http:' and then press the 'Ctrl' key on your keyboard while you press the letter 'A' to "select all" of the URL. Image URL's often end in '.gif', '.jpg', '.jpeg', or '.bmp', but this is not always the case.
Now that you have selected the entire image URL, copy the selected URL. To copy the selected text either right-click on the highlighted text and select 'Copy' from the popup menu, or press the 'Ctrl' key on your keyboard while pressing the 'C' key. Click here for a detailed lesson on Copying and Pasting text
Now you are ready to paste the image URL into the bio builder. Click in the box shown below and remove the existing 'http://' text. Now paste the URL into the box by either right-clicking in the box and selecting 'Paste' from the popup menu, or press the 'Ctrl' key on your keyboard while pressing the 'V' key. If you want to double check the URL click the 'Verify URL' button to make sure you got it right.
You may also enter a caption to go with the image in the other field shown below.
Back to FAQ List
There are two possible causes for this issue:
- If you can see the images in your bio, but your friends can't, then you probably need to upload your photos
to a public server on the world wide web. Click to find out how to upload your photos where people can see them.
Don't forget that some image hosting sites will prevent you from hot linking to images on their site, so you may need to try a different image hosting website. - If you are unable to see your photos when you preview your bio, then you probably aren't using the right URL or you have a typo. You may be using the URL of the web page that contains the image instead of the URL for the image itself. For example the following URL: http://www.stlwed.com/ is the URL for the page that contains an image. The URL for the image it contains is actually: http://www.stlwed.com/images/white_banner.jpg Image URL's should start with 'http' and often (but not always) end with '.gif', '.jpg', '.jpeg', or '.bmp'. Click here for a detailed lesson on finding the complete URL of the image.
Back to FAQ List
Perhaps you right-clicked on the thumbnail (tiny image preview) to get your image URL instead of right-clicking on the full sized image. Most image hosting websites will have a preview image page that looks something like this:
|
IMG_1290.jpg |
IMG_1296.jpg |
IMG_1338.jpg |
IMG_1360.jpg |
|
IMG_1362.jpg |
IMG_1365.jpg |
IMG_1367.jpg |
IMG_1378.jpg |
But if you click on the image you wish to add it will usually open a larger version of that image like this:
IMG_1360.jpg
Make sure you are on the full sized image, when you right click to get the URL for the image.
Back to FAQ List
Reordering and inserting images is easy in the STLWed Bio Builder. On the right hand side of the page next to the Verify URL button you will see a bunch of stars and arrows. The stars are used to insert new images, and the arrows are used to swap the order of your existing images.
If you click on the star, we search down the list looking for an available blank image. When we find a blank image we remove it and we shift everything from the current image on down one line to fill the void. Then the current image is left blank so you are ready to insert the URL of your new image. This allows you to insert a new image anywhere, while maintaining the current order of all of the images in your list. Note if there aren't any available blank images below the current image, we will also try searching up the list to find a blank image. If we are unable to find an available blank image, you will see an error message.
If you just want to reorder existing images, the arrows on will let you swap existing values up or down in the list. If you hover your mouse over one of the arrows you should see that arrow plus another arrow next to the image above or below turn red. The red highlighted arrows indicate that if you click your mouse on the selected arrows the image information (both the caption and the URL) for those two images will swap. By swapping images with the arrows it is very easy to reorder your images.
| Live Demo with
Reordering Images |
Back to FAQ List
You already have the option to enter the name of several main titles including: Main Title (for your entire bio), Main Photos Title, Main Wedding Title, Main Post Wedding Title. However you now have the option to add additional Main titles, and even Subtitles beneath the Main titles to help organize your bio. To create a new Main Title, use the keyword 'MainTitle' in one of the image caption boxes, and then place the text you wish to display as the title in the corresponding image URL box. To add a subtitle beneath an existing 'MainTitle', use the keyword 'Subtitle' in the image caption, and then place the text you wish to display as the subtitle in the corresponding image URL blank. Use the Demo below to help you better understand the use of MainTitles and Subtitles.
| Live Demo with MainTitles and Subtitles |
Back to FAQ List
To group images on the same line use one of the following as the image caption: 'GROUP_BOTTOM', 'GROUP_MIDDLE', 'GROUP_TOP', or 'GROUP'. When you have reached the last image you wish to group on the line, use a caption to describe all of the images in the field for the last image's caption. Warning: if you group too many images together, or if you group large images, it can make your bio very wide. It can actually get wider than your monitor screen. Since text (such as image captions) will stretch to fit the width of your bio it could force you to scroll your bio window to the right and left just to read your image captions. Please use the groups wisely and limit their total width. If you do want to group numerous images side by side, but don't want them to get too wide, we have a tool you can use to resize your images here: http://www.stlwed.com/bio/builder/resize.html If you limit the total width of all images grouped together on one row to less than 700 pixels you should be ok.
| Live Demo with Groups |
Back to FAQ List
Image Slideshows can be added to any of the image URL blanks in the STLWed Bio Builder.
Before you can add a slideshow, first make sure that you have several images that have the same dimensions. To check the dimension of an image right click on an image and view the properties.
If you use images that do not have the same dimensions, the transitions between one image and the next is unpredictable (see examples below).
Now that you have found a few images that have the same dimensions, you are ready to add your slideshow. Assume that you are going to use image A, image B and image C (you can use as many images as you like -- keep in mind the more images you add the slower it is to download and start rotating the images). In the URL field for the 'Main Picture' type SLIDE_SHOW( "URL for image A", "URL for image B", "URL for image C")
Note: 'SLIDE_SHOW' is Case Sensitive and the image URL's must be marked by quotation marks ( " ) not apostrophes ( ' )
We also have a SlideShow Builder available to help you build the SLIDE_SHOW code required by the bio builder
For Example:
Will create the following slideshow:
|
Here's an Example of a Slideshow with Mismatched Dimensions:
Notice the difference when we use images with different dimensions (watch as this text below the slideshow moves up and down to make room for the taller image)
Back to FAQ List