Hi Sandy,
I'm sorry we've confused you.
The instructions Kathryn gave you are the generic version...(right-click, etc.) based on what will work on every other web site (steps 4-8 in Kathryn's instructions--the first 3 steps are just to get you to the image you should "right-click" on
, since they disable right-clicking on the first copy of the image you see
). For instance, those are the directions (steps 4-8) that you would use if you were wanting to show an image from Louise's website here. The format for the code you get when you do that is:
[img]IMAGEURL[/img]where the IMAGE URL is what you get by "right-clicking." For instance:
And it's what I do when I'm posting from elsewhere and don't want the image to be "clickable" allowing the viewer to be taken to another website...however Flickr has user terms that require a link taking the viewer back to Flickr. Adding the code for such a link isn't hard, just a little fiddle-y. So Flickr supplies the code for you. They, apparently, want to make it easy for people to comply with their user terms.
It might be easier to see why the Flickr code is the way it is if we look at it's format. By comparison, the image above doesn't include a link back to Louise's website. For an image that includes a link, the format is a little more complicated (but not much!). It combines two different code strings. You know the image format now (the code format I showed you above the image)--the other format you need is the format for a named link. To name a link, you:
1. highlight a word that you would like to have be a link.
2. click the "Insert Hyperlink" button above (looks like a globe and is the 2nd button in the 2nd row above the editing window). That puts url tags around your word.
3. put your cursor between the "l" and the "]" in the opening url tag, and add an equal sign and the web address you want the link to take you to (be sure there are no spaces there). That's it. As an example, I'll make the word "name" take you to google.
The code looks like this:
[url=www.google.com]name[/url]which gets you this:
name. If you click on that word, you'll be taken to Google.
So to get a picture that links to a website, you treat the code string for the image like the word "name" in our example. So the code format looks like this:
[url=PAGEURL][img]IMAGEURL[/img][/url]As an example, the code for the image above looks like this:
[img]http://www.fabriccollections.com/images/patterns/a-cute-angle.jpg[/img]If I want to link the image to the web page it came from, it looks like this:
[url=http://webstore.quiltropolis.net/stores_app/Browse_Item_Details.asp?Store_id=516&page_id=23&Item_ID=1289]
[img]http://www.fabriccollections.com/images/patterns/a-cute-angle.jpg[/img]
[/url]I've added some returns so that it's easier to see the code elements...but it doesn't matter if you have the elements on separate lines or not...just don't add extra spaces. When I resolve that, it looks like this (and if you click on the image, you'll go to the website--which is the effect the Flickr code is intended to give you).
DSCN1105 by
Sandy sews1So, back to the Flickr code, which looks like this:
[url=PAGEURL][img]IMAGEURL][/img][/url]
[url=PAGEURL]Image Caption][/url] by [url]PAGEURL2]Flickr Username[/url]Note that the first link is all that you need to be in compliance with Flickr's user terms. The second line is composed of two named links. The first one uses the Flickr caption for your image as the name of a link back to the image page--it goes to the same place as if you click on the picture. The second one uses your Flickr Username as the name of a link that take you back to your Flickr profile.
So when you get the BBCode from Flickr, you can safely delete the caption/username links--the whole second line in the format code above. Please play around with it here a bit more.
HTH,
Lisa
