Flourish Forum

Forum Info & Support => Technical Support & Feedback => Topic started by: ewigginton on December 11, 2013, 03:43:36 PM

Title: A test to insert a photo into a post
Post by: ewigginton on December 11, 2013, 03:43:36 PM
Here's where I'll add my photo -------->(https://theflourishforum.com/forum/proxy.php?request=http%3A%2F%2Fwww.flickr.com%2Fphotos%2F35686012%40N02%2F11326708503%2F&hash=18bf466178a16b5f1efbc9eedefc427c)

1. Went to Flickr and copied the link to the photo.
2. Clicked on the "Mona Lisa" above and pasted the link between (https://theflourishforum.com/forum/proxy.php?request=http%3A%2F%2F&hash=c3fbc5a272b45266cbf8b727a09de0d8)
3. Tested it in "Preview" below.
4. Shows the screen where I entered the code blank in Preview.

 >:(

Title: Re: A test to insert a photo into a post
Post by: Erica McPhee on December 11, 2013, 03:50:16 PM
Hmmm... it's like magic ... haha!

Can you paste the link without the codes around it?
Title: Re: A test to insert a photo into a post
Post by: ewigginton on December 11, 2013, 07:25:25 PM
http://www.flickr.com/photos/[email protected]/11326708503/
Title: Re: A test to insert a photo into a post
Post by: Erica McPhee on December 11, 2013, 09:59:10 PM
As far as I can tell, the answer lies in how the photo is set up in flickr. I think it is possible the photo is not set up to share? They said they include BBcode which is for bulletin boards.

Here is their FAQ on the topic:

The HTML code to embed a photo in a web page that you used to find on the All Sizes page is now only in the Share menu on the photo, to the left of the More menu. We now also include BBCode! (standard message board code)

There are a few cases where the code may not be available: 1) If the photo is restricted. 2) If that person has turned off "Share this" or access to original files.

The direct link to a photo file is no longer shown on the page. Per the Flickr Community Guidelines "pages on other websites that display content hosted on flickr.com must provide a link from each photo or video back to its page on Flickr." Linking directly to the photo file doesn't do this.
Title: Re: A test to insert a photo into a post
Post by: ewigginton on December 12, 2013, 08:41:08 AM
Hmmm. I'll look into that but my Flickr pics show on my blog via Flickr so maybe they've changed something I'm not aware of. This doesn't explain the photos I tried to share via Paper and Inks website. Normally you just insert the web address and it would show up.

Has anyone else on here been able to share photos using the icon?

Thanks, Erica.

Adding the BB Code:

(https://theflourishforum.com/forum/proxy.php?request=http%3A%2F%2F%26lt%3Ba+href%3D%26quot%3Bhttp%3A%2F%2Fwww.flickr.com%2Fphotos%2F35686012%40N02%2F11326708503%2F%26quot%3B+title%3D%26quot%3BIMG_0887+by+NouveauStitch%2C+on+Flickr%26quot%3B%26gt%3B%26lt%3Bimg+src%3D%26quot%3Bhttp%3A%2F%2Ffarm8.staticflickr.com%2F7362%2F11326708503_ae41cbf51a.jpg%26quot%3B+width%3D%26quot%3B374%26quot%3B+height%3D%26quot%3B500%26quot%3B+alt%3D%26quot%3BIMG_0887%26quot%3B%26gt%3B%26lt%3B%2Fa%26gt%3B&hash=71a23789a080c9f01d87c000223e54ab)

Shoot! It didn't work!

All my photos are set to be viewable by anyone.
Title: Re: A test to insert a photo into a post
Post by: Erica McPhee on December 12, 2013, 04:09:44 PM
Hmmm... Linda Y. did. I don't know what her photosharing site is. I will look at this some more.  :o
Title: Re: A test to insert a photo into a post
Post by: Erica McPhee on December 12, 2013, 05:04:08 PM
Emily did as well... still working on it!  :-\
Title: Re: A test to insert a photo into a post
Post by: Estefa on December 12, 2013, 05:14:05 PM
I tried the same as Ellen, I also use flickr and have the settings on public Maybe it really doesn't work with flickr. But thanks for all your time

Stefanie
Title: Re: A test to insert a photo into a post
Post by: Erica McPhee on December 12, 2013, 05:25:08 PM
Thank you Stefanie, I am going to check with Linda Y and Emily to see who they used...
Title: Re: A test to insert a photo into a post
Post by: Linda Y. on December 12, 2013, 05:56:16 PM
Hi guys!

I use Flickr. I've been using BB forums for 15+ years so I'm able to troubleshoot Ellen's post - the issue here is, the [ img][/img] BBCode can only be used to point to an actual .jpg file, and not the Flickr page URL as she had it (http://www.flickr.com/photos/[email protected]/11326708503/), so that's why it's not showing up.

Here's how I did mine - have 2 windows/tabs open, one on your Flourish Forum post, and one on your Flickr image page.

(https://theflourishforum.com/forum/proxy.php?request=http%3A%2F%2Ffarm4.staticflickr.com%2F3684%2F11344801483_b1f3d22c92_z.jpg&hash=1b3fae8740b96f77b202158996869637)

Go to the Flickr image page.

Go to your Flourish Forum post, and paste directly into the text box. No need to click on any icons.

Hit Preview, and if you're happy with how it looks, post away!
Title: Re: A test to insert a photo into a post
Post by: Erica McPhee on December 12, 2013, 06:01:06 PM
Thank you Linda! I was posting the same thing at the same time! You are a peach for posting that! Thank you!

I think there is a mod for the forum to include the flickr sharing button at the top when you are creating your message. So I will work on that.
Title: Re: A test to insert a photo into a post
Post by: Erica McPhee on December 12, 2013, 06:07:30 PM
For some reason it is not working for me. I will keep trying!

Linda, thank you so much for taking the time to post that great tutorial!  :)
Title: Re: A test to insert a photo into a post
Post by: Erica McPhee on December 12, 2013, 06:08:27 PM
(https://theflourishforum.com/forum/proxy.php?request=http%3A%2F%2Ffarm8.staticflickr.com%2F7317%2F11344672395_192468d6a2_o.jpg&hash=b17b32267ceadbf7eaa4d9c82e76f1ca) (http://www.flickr.com/photos/[email protected]/11344672395/)
2013tdaytable_0053web (http://www.flickr.com/photos/[email protected]/11344672395/) by flourishforum (http://www.flickr.com/people/[email protected]/), on Flickr
Title: Re: A test to insert a photo into a post
Post by: Erica McPhee on December 12, 2013, 06:09:36 PM
OK, I figured it out! I should have read Linda's tutorial closer! You do not have to click on the "Mona Lisa" button before pasting the link. Just paste the link directly into the message and it should work!
Title: Re: A test to insert a photo into a post
Post by: Linda Y. on December 12, 2013, 07:06:01 PM
Glad to help! I just edited my post to say "post directly into the text box."

And what a beautiful place setting. It looks "picture perfect!" ;)
Title: Re: A test to insert a photo into a post
Post by: ewigginton on December 12, 2013, 07:53:18 PM
YAY!! Thank you so much!! I was able to post both small and medium sized photos of my Word of the Day just to check it out.

Now, Linda, I have another question. Is there a way we can post photos directly into the text box from a website?

Thank you both!!!!

Ellen
Title: Re: A test to insert a photo into a post
Post by: Linda Y. on December 12, 2013, 09:22:31 PM
Is there a way we can post photos directly into the text box from a website?

Yes, although it's sort of a gray area. Some websites don't allow direct linking, and the image will appear broken when viewed elsewhere. My usual route is share the image but also share its origin, so I'll post a link of where the image came from.

I'll use my Tumblr as an example:

1. Let's say I want to share the image on this page (http://lindayoshida.tumblr.com/post/68952514548/sending-out-some-calligraphy-samples).

3. Mouse-over the image, and then "right-click," and you'll see a bunch of options. Depending on your browser/platform, there should be an option that says "Copy Image Link," "Copy Image URL," or something similar to that. Mine says "Copy Image URL," I'm on a Mac using Chrome.

4. Come back to your Flourish Forum post, and click the "Mona Lisa" icon to share an image (the one under the B for bold." You'll see some BBCode inserted: [ img][/img]

5. Paste the link you've just copied in-between the tags like so:
[ img]http://24.media.tumblr.com/14a933e9f26d88fda5af7148cb3ce6f0/tumblr_mx9nt3y7dZ1sz92x0o1_1280.jpg[/img]
Make sure it ends with .jpg, .gif, .png, or something that signifies it's an image file.


6. You should probably post where the image came from too, to give the webpage credit.


7. Preview your post and your image should appear.


So my image would look like:
(https://theflourishforum.com/forum/proxy.php?request=http%3A%2F%2F24.media.tumblr.com%2F14a933e9f26d88fda5af7148cb3ce6f0%2Ftumblr_mx9nt3y7dZ1sz92x0o1_1280.jpg&hash=35e5e066e444b9f389bfa6fc426319bc)
(From http://lindayoshida.tumblr.com/post/68952514548/sending-out-some-calligraphy-samples)
Title: Re: A test to insert a photo into a post
Post by: Emily on December 12, 2013, 10:00:33 PM
Ok, testing here, too... I was using the website Erica recommended, postimg.org, which is great - but I already post to Flickr, so this would cut out a step.


(https://theflourishforum.com/forum/proxy.php?request=http%3A%2F%2Ffarm3.staticflickr.com%2F2805%2F11346070395_bd1b85ecbd_n.jpg&hash=96c4c1eceec940b3b3df275889155b58) (http://www.flickr.com/photos/evfdesigns/11346070395/)
Ubiquitous. #wordflourish #calligraphy #pointedpen (http://www.flickr.com/photos/evfdesigns/11346070395/) by evfdesigns (http://www.flickr.com/people/evfdesigns/), on Flickr


Woohoo, thank you Linda!  ;D
Title: Re: A test to insert a photo into a post
Post by: Erica McPhee on December 12, 2013, 11:48:35 PM
Hooray! Mission accomplished! Thanks Linda!!!  :D
Title: Re: A test to insert a photo into a post
Post by: Linda Y. on December 13, 2013, 12:29:58 AM
Woohoo! High-fives all around!  :D