forums
new posts
donate
UER Store
events
location db
db map
search
members
faq
terms of service
privacy policy
register
login




1 2 3 4 5  
UER Forum > Rookie Forum > A Rookie Guide to Posting Images on UER (Viewed 80168 times)
Intrinsic 


Location: Collingwood
Gender: Male
Total Likes: 412 likes




 |  | 
A Rookie Guide to Posting Images on UER
< on 9/30/2008 3:57 AM >
Reply with Quote
Posted on Forum: UER Forum
A Rookie Guide to Posting Images on UER

Changelog:
- Revised section 6 (HTML)
- Revised section 7 (External image hosting)

1) ATTACHING A SINGLE IMAGE (THUMBNAIL METHOD)
2) Attaching multiple images (the thumbnail method)
3) Attaching multiple images (the gallery method)
4) Attaching multiple images (Quick Gallery Creator)
5) Attaching full-size images (using AVGalleryCreator)
6) Attaching full-size images (using HTML)
7) Sharing photos from external sites
- Tinypic
- Postimage
- Flickr
- Photobucket
- Imagebeam
- 500px
- Imagevenue


Preamble

For the highest quality images, you should link your images remotely. While it is possible to upload directly to UER, there will be a slight loss in quality due to the components used to handle these images.


PART A – How to post images


There are a few ways to share your photos with the other members of UER. The method you choose depends on how you want the photos to appear when others view your message.

1) ATTACHING A SINGLE IMAGE (THUMBNAIL METHOD)

When you use the UER editor to create a new post or to respond to previously made posts, you may click the “Attach an Image” button to include a photo. The photo must be less than 100k in size. You may attach more than one photo in your message, however they can only be uploaded one at a time.


Photos that are successfully attached will appear as text within your message. The text appears as “pic=” followed by a code. This text is then surrounded by square brackets.

Example:
[pic=24b65f388c1abaafa505cdf53d98c674]

This line of code may be cut and pasted anywhere within your message. You will not see an actual photo in your message unless you select the “Spellcheck and Preview” button.

Text may be inserted before and/or after lines containing your photo.

Example 1 (text appearing after the photo)
[pic=24b65f388c1abaafa505cdf53d98c674]
Hey guys the photo ABOVE is of an old house I found.

Example 2 (text appears above the photo)
Hey guys the photo BELOW is of an old house I found.
[pic=24b65f388c1abaafa505cdf53d98c674]

When you preview or post your message, you will find that the [pic] tag disappears and a nice thumb-nailed photo takes its place. It’s that easy!


2) Attaching multiple images (the thumbnail method)

If you use the built in “Attach an Image” method to post multiple images, you will find the result looks like this within your message (remember the numbers will be different):

[pic=24b65f388c1abaafa505cdf53d98c674]
[pic=24b65f388c1abaafa505cdf53d98c675]
[pic=24b65f388c1abaafa505cdf53d98c676]

When previewed or posted, this code will make your images appear stacked on top of one another in thumbnail format.

Note: You may insert text before or after the images.

The photo below is a really neat house.
[pic=24b65f388c1abaafa505cdf53d98c674]
This is a view of inside the house.
[pic=24b65f388c1abaafa505cdf53d98c675]
This is me being chased by the owner of the house.
[pic=24b65f388c1abaafa505cdf53d98c676]

Again, this is very easy for a beginner to learn to do.


3) Attaching multiple images (the gallery method)

If you had multiple photos that you wanted to share with UER members, you could post them one-by-one using the “Attach an Image” button. This would result in ten photos that would appear stacked top to bottom.

What would you do if you wanted to post photos but not have them stacked? You would simply use the GALLERY tag. The GALLERY tag takes your photos and places them in rows (left to right) instead of stacking them from top to bottom.

Simply insert this line of code before your images: [gallery]
and this line of code after your images: [/gallery]

Using our ongoing example from above, your final message would appear like this:
[gallery]
[pic=24b65f388c1abaafa505cdf53d98c674]
[pic=24b65f388c1abaafa505cdf53d98c675]
[pic=24b65f388c1abaafa505cdf53d98c676]
[/gallery]

This is what a gallery looks like when viewed by others:

110303.jpg (29 kb, 727x233)
click to view


You can see how the photos appear more pleasant to the eye in rows rather than stacked from top to bottom.


4) Attaching multiple images (Quick Gallery Creator)

Avatar-X has developed a utility to simplify the entire gallery creation process. If you have Flash enabled in your browser, you will see this utility just below where you are typing text into your message:



This is a very simple to use method to post thumbnail galleries into your messages.
1) Click the Add file(s) button
2) Select the photo(s) that you would like to add. You may select more than one file.
3) The filenames of the photos will appear within the box.
4) You may remove files using the Remove Selected File (selected files appear in green).
5) Once you have chosen all of the photos that you would like to add, simply click on Start Upload.
6) The image code is inserted right into your message.


The above image shows you what code the AVGalleryCreator places in your message.
Notice that it is no different than the method mentioned in chapter 3 of this FAQ. This utility automates it for you.


5) Attaching full-size images (using AVGalleryCreator)
If you would prefer to show full sized photos instead of thumbnails, this is possible. Please remember that if you have numerous (over a dozen) images, you may want to use thumbnails instead.

To include full sized images, we use the AVGalleryCreator once again. The difference is that this time we will UNCHECK the “Create pop-up images” button.


After you have started the upload, you should see text similar to the following in your message:

1.
[inp=3d1ce848ba6df1be39c69ac73a1e3dbd]

TIP: You may swap the 'pic' and 'inp' tags for the same photo.

The AVGalleryCreator even numbers the images for you. How handy is that?


6) Attaching full-size images (using HTML)

If you have an image hosted elsewhere (a website, FTP site, Imageshack, Flickr) then you may be interested in this section.

To insert images from external sites, you will need to know the URL for that image. The URL would be the Uniform Resource Locator that is most likely shown at the top of your browser when the image is displayed.

Example (with proper image URL shown in the browser):


A properly formatted URL will look like this:

[eimg]http://upload.wikimedia.org/wikipedia/commons/2/22/Turkish_Van_Cat.jpg[/eimg]

We simply wrap IMG tags around a proper link. A standard image tag is [ IMG ] and [ /IMG ] (without the spaces). The two numbers after the first tag are automatically inserted into the tag and represent the X and Y widths.

The above link (of a cat) is too large to display on the UER forum. If you wanted to add a very large image to UER, you might form your tag like this:

[img=400,300]http://upload.wikimedia.org/wikipedia/commons/2/22/Turkish_Van_Cat.jpg[/img]

which will display a 400 pixel wide by 300 pixel high result as shown below:



7) Sharing photos from external sites

7.1) Tinypic


- Upload your image to Tinypic
- Copy and paste the code for "IMG code for forums & Message boards" into your post on UER
- Note that the code is the same as discussed in section 6.


7.2) Postimage (http://postimage.org/)

- Select and upload your image
- Select the Hotlink for Forums and paste it into your UER post
- You may also copy and paste the "Direct Link" into your post and place IMG tags around it.









7.3) Flickr

- Select the photo to share from your images
- Click on the Share icon



- Select the BBCODE sharing method


- Select the resolution to share your image with


-Highlight the code from the second box (click it 3 times) - it may already be highlighted for you in which case go to next step.


- Right click and select COPY

- Paste the BBCODE into your UER post


7.4) Photobucket

- Click on the image to be shared
- Click on the code as found in the IMG box to the right of your photo, it should be copied to your clipboard automatically. It is found under the "Share Links" heading (see image below)
- Paste the code into your UER post



7.5) Imagebam

- Select the files using the "Select Files" button
- Designate whether image is "Family safe" or "Adult"
- Click "Upload Now"
- Copy and paste the BBCODE into your UER post



7.6) 500px

- It's possible to share an image from 500px however it requires a bit of effort. Select your image.
- From the top right of the page select the EMBED options



- Highlight all of the code displayed underneath your photo and copy it. You can do this by pressing CTRL-A and then CTRL-Insert.



I've blurred out the code because it's one of my own images but your code should look similar to this:


<div class="pixels-photo">
<p><img src="https://drscdn.500px.org/photo/100918499/m%3D900/80d2e1923f4e887e745e041c4b9b5b1f" alt="My Fantastic Exploration by Explorations on 500px"></p>
<a href="https://500px.com/photo/100918499/myfantasticexplore-by-explorations">My Fantastic Exploration by Explorations on 500px</a>
</div>
<script type="text/javascript" src="https://500px.com/embed.js"></script>

- Paste the code into your UER post (Shift-Insert keys). Now, you want to remove everything EXCEPT for some code contained after the < P >. Copy everything from "https" to just before the quotation mark.


You should have something like this highlighted:
https://drscdn.500px.org/photo/100918499/m%3D900/80d2e1923f4e887e745e041c4b9b5b1f

You don't need anything from the quotation mark onwards. Now highlight the entire thing and click on the 10th icon from the left in the UER editor. It looks like a green forest.

https://drscdn.500px.org/photo/100918499/m%3D900/80d2e1923f4e887e745e041c4b9b5b1f


The image below shows what you should be seeing in the UER editor before you click the IMG icon. (ignore the quote at the end - my mistake)




And the image below is what you should see after clicking the green IMG icon:







7.7) Imagevenue

- Select and upload your files
- Copy and paste the code found in the "Link clickable thumbnails on a Forum or Message Board" box.





[last edit 3/13/2015 12:05 AM by Astro - edited 4 times]

argonian 


Location: Toronto, ON
Gender: Female
Total Likes: 6 likes


"Now with added cats!"

 |  | 
Re: A Rookie Guide to Posting Images on UER
< Reply # 1 on 9/30/2008 3:58 AM >
Reply with Quote
Posted on Forum: UER Forum
Thank you so much for doing this.




Que pasa, baby?
willskith 


Location: Boston, MA
Gender: Male
Total Likes: 5 likes




 |  |  | AIM Message | Future Impaired
Re: A Rookie Guide to Posting Images on UER
< Reply # 2 on 9/30/2008 5:28 AM >
Reply with Quote
Posted on Forum: UER Forum
And if you attach a ridiculous amount of images in a single post you'll get you're face ripped off. For reals. Please pick and choose you're favorites, for all of our sakes.



[last edit 9/30/2008 5:30 AM by willskith - edited 1 times]

grit your teeth in the face of fear. self repression is the true sign of a coward, toss your inhibitions to the wind.
goblinmerchant 


Location: Clapham, London, England
Gender: Male
Total Likes: 1 like


Somebody make something happen

 |  |  | Hacking Place
Re: A Rookie Guide to Posting Images on UER
< Reply # 3 on 10/13/2008 9:35 AM >
Reply with Quote
Posted on Forum: UER Forum
Thank you so much for this - that obviously took a long time to put together!




Goblinmerchant

'Place is the first of all beings, since everything that exists is in a place and cannot exist without a place.' http://www.placehacking.co.uk - Archytas, as cited by Simplicius
That Old Janx Spirit 


Location: Rochester NY
Gender: Male
Total Likes: 1 like


Bigger than The Beatles, and bigger than breast implants.

 |  |  | My Photography Site
Re: A Rookie Guide to Posting Images on UER
< Reply # 4 on 10/31/2008 3:43 AM >
Reply with Quote
Posted on Forum: UER Forum
Thank you. Though I am definitely going to resize next time. I posted a few images and they were a bit obnoxious. Lol.




Any man who can hitch the length and breadth of the galaxy, rough it, slum it, struggle against terrible odds, win through, and still know where his towel is, is clearly a man to be reckoned with.

"Ah, this is obviously some strange usage of the word 'safe' that I wasn't previously aware of."
MutantMandias 

Perverse and Often Baffling


Location: Atlanta, GA
Gender: Male
Total Likes: 268 likes


Are you a reporter? Contact me for a UE interview! Also not averse to the the idea of group/anal.

 |  |  | Old Creeper
Re: A Rookie Guide to Posting Images on UER
< Reply # 5 on 10/31/2008 2:45 PM >
Reply with Quote
Posted on Forum: UER Forum
Of course, as is the nature of the Internet and Avatar-X's generous bounty that is UER, things change.

Av has added a feature that wasn't included in the above write up. Falling under item #6, for displaying images hosted elsewhere.

The IMG tag includes some size attributes, which you can use to your advantage to resize the display size of an image on the page. They don't automatically appear until you press SpellCheck and Preview, but I image you can add them manually.

I am not feeling nearly as altruistic as sudbury, so I will leave it as an exercise for the reader to figure it out, or to write it up themselves.




mutantMandias may cause dizziness, sexual nightmares, and sleep crime. ++++ mutantMandias has to return some videotapes ++++ Do not taunt mutantMandias

mutantMandias is something more than human, more than a computer. mutantMandias is a murderously intelligent, sensually self-programmed, non-being
Opheliaism 

Moderator


Location: Out on the border of everything and nothing, TN
Total Likes: 31 likes


Ophie

 |  |  | AIM Message
Re: A Rookie Guide to Posting Images on UER
< Reply # 6 on 10/31/2008 4:35 PM >
Reply with Quote
Posted on Forum: UER Forum
You are very verbose today.




Show up at 9:30 with 15 dollars cash and your fingers crossed.

<Mandias> I think she's gonna slug that cop. -------------------------------------------------------- <Axle> "She's just not a farmer Owen, she has too much of her Father in her." <Axle> Death by Hut
MutantMandias 

Perverse and Often Baffling


Location: Atlanta, GA
Gender: Male
Total Likes: 268 likes


Are you a reporter? Contact me for a UE interview! Also not averse to the the idea of group/anal.

 |  |  | Old Creeper
Re: A Rookie Guide to Posting Images on UER
< Reply # 7 on 10/31/2008 5:18 PM >
Reply with Quote
Posted on Forum: UER Forum
Yup.




mutantMandias may cause dizziness, sexual nightmares, and sleep crime. ++++ mutantMandias has to return some videotapes ++++ Do not taunt mutantMandias

mutantMandias is something more than human, more than a computer. mutantMandias is a murderously intelligent, sensually self-programmed, non-being
That Old Janx Spirit 


Location: Rochester NY
Gender: Male
Total Likes: 1 like


Bigger than The Beatles, and bigger than breast implants.

 |  |  | My Photography Site
Re: A Rookie Guide to Posting Images on UER
< Reply # 8 on 11/1/2008 1:01 PM >
Reply with Quote
Posted on Forum: UER Forum
I will look into that. TY




Any man who can hitch the length and breadth of the galaxy, rough it, slum it, struggle against terrible odds, win through, and still know where his towel is, is clearly a man to be reckoned with.

"Ah, this is obviously some strange usage of the word 'safe' that I wasn't previously aware of."
cereal83 


Location: BC
Gender: Male
Total Likes: 0 likes




 |  | 
Re: A Rookie Guide to Posting Images on UER
< Reply # 9 on 11/1/2008 8:25 PM >
Reply with Quote
Posted on Forum: UER Forum
What if you want to post lots of pics from Flickr but you don't want for all of them to be 800x600? Like can you gallery with external pics?

Thanks




MutantMandias 

Perverse and Often Baffling


Location: Atlanta, GA
Gender: Male
Total Likes: 268 likes


Are you a reporter? Contact me for a UE interview! Also not averse to the the idea of group/anal.

 |  |  | Old Creeper
Re: A Rookie Guide to Posting Images on UER
< Reply # 10 on 11/2/2008 2:29 AM >
Reply with Quote
Posted on Forum: UER Forum




So, yeah. I couldn't get the "gallery" tag to work, so I just used what I normally do, which is the image (within IMG tags) and then, wrapped around that, some "URL" tags, pointing to the larger image.

[url=http://www.flickr.com/photos/mutantmandias/2986174805/]
[img=160,240]http://farm4.static.flickr.com/3009/2986174805_3f0bd8930f_m.jpg[/img][/url]
[url=http://www.flickr.com/photos/mutantmandias/2986871904/]
[img=160,240]http://farm4.static.flickr.com/3050/2986871904_21e1882ce2_m.jpg[/img][/url]
[url=http://www.flickr.com/photos/mutantmandias/2988838859/]
[img=180,240]http://farm4.static.flickr.com/3070/2988838859_9abb8b1ecb_m.jpg[/img][/url]




mutantMandias may cause dizziness, sexual nightmares, and sleep crime. ++++ mutantMandias has to return some videotapes ++++ Do not taunt mutantMandias

mutantMandias is something more than human, more than a computer. mutantMandias is a murderously intelligent, sensually self-programmed, non-being
don_corleyone 


Location: F/RoX
Gender: Male
Total Likes: 11 likes


I have abandonment issues

 |  | 
Re: A Rookie Guide to Posting Images on UER
< Reply # 11 on 11/13/2008 5:27 PM >
Reply with Quote
Posted on Forum: UER Forum
you're scaring away the n00bs!




leave the gun. take the cannoli.

MutantMandias 

Perverse and Often Baffling


Location: Atlanta, GA
Gender: Male
Total Likes: 268 likes


Are you a reporter? Contact me for a UE interview! Also not averse to the the idea of group/anal.

 |  |  | Old Creeper
Re: A Rookie Guide to Posting Images on UER
< Reply # 12 on 11/13/2008 5:45 PM >
Reply with Quote
Posted on Forum: UER Forum
My ulterior motives have been identified.





mutantMandias may cause dizziness, sexual nightmares, and sleep crime. ++++ mutantMandias has to return some videotapes ++++ Do not taunt mutantMandias

mutantMandias is something more than human, more than a computer. mutantMandias is a murderously intelligent, sensually self-programmed, non-being
Blackmetal_demon666 


Gender: Male
Total Likes: 0 likes


Arch-Vile

 |  | 
Re: A Rookie Guide to Posting Images on UER
< Reply # 13 on 11/15/2008 4:09 AM >
Reply with Quote
Posted on Forum: UER Forum
Thanks for the generosity. I couldn't have posted without it!




Shinigami Jyusan
mowthelawn 


Location: last one out of michigan please turn off the lights
Gender: Male
Total Likes: 2 likes




 |  | 
Re: A Rookie Guide to Posting Images on UER
< Reply # 14 on 12/16/2008 3:10 AM >
Reply with Quote
Posted on Forum: UER Forum
i've tried to post images using the avatar -x box and the quick gallery creator and when i try either one firefox instantly closes on me. any ideas on what i'm doing wrong?



[last edit 12/16/2008 3:11 AM by mowthelawn - edited 1 times]

DrRJones 


Location: Hayward Ca
Gender: Male
Total Likes: 0 likes


I am become death

 |  |  | AIM Message
Re: A Rookie Guide to Posting Images on UER
< Reply # 15 on 3/19/2009 12:11 AM >
Reply with Quote
Posted on Forum: UER Forum
u need more power. excellent thread by teh way very helpful




I wish i was underground, that's where the love is.
Mr. "D" 


Location: East Toronto, Ontario, Canada
Gender: Male
Total Likes: 4 likes




 |  | 
Re: A Rookie Guide to Posting Images on UER
< Reply # 16 on 7/16/2009 8:21 AM >
Reply with Quote
Posted on Forum: UER Forum
Ah very good to know. Thanks for the helpful information!




"If you don't believe your country should come before yourself. Ya can better serve your country, by living somewhere else" - Stompin' Tom Connors

splumer 


Location: Cleveland, Ohio
Gender: Male
Total Likes: 201 likes




 |  | 
Re: A Rookie Guide to Posting Images on UER
< Reply # 17 on 12/2/2009 2:15 PM >
Reply with Quote
Posted on Forum: UER Forum
The Photobucket instructions don't work for me. I can only get images to imbed if I use the IMG code and not the Direct Link option.




“We are not going to have the kind of cooperation we need if everyone insists on their own narrow version of reality. … the great divide in the world today … is between people who have the courage to listen and those who are convinced that they already know it all.”

-Madeline Albright
Impfac 


Location: Atlanta, Ga
Gender: Male
Total Likes: 73 likes




 |  |  | Yahoo! IM | My photostream, click albums to see a sorted gallery.
Re: A Rookie Guide to Posting Images on UER
< Reply # 18 on 4/9/2010 7:32 AM >
Reply with Quote
Posted on Forum: UER Forum
Thank you =)

I might rethink my "try it and see how it comes out" approach =P




MutantMandias 

Perverse and Often Baffling


Location: Atlanta, GA
Gender: Male
Total Likes: 268 likes


Are you a reporter? Contact me for a UE interview! Also not averse to the the idea of group/anal.

 |  |  | Old Creeper
Re: A Rookie Guide to Posting Images on UER
< Reply # 19 on 4/9/2010 12:47 PM >
Reply with Quote
Posted on Forum: UER Forum
You might have to make sure that it is all on the same line:


[img=500,270]
http://i137.photobucket.com/albums/q207/mutantmandias/tumblr_koe5aaYXzP1qzc4eao1_500 .gif [/img]
gets




[img=500,270]http://i137.photobucket.com/albums/q207/mutantmandias/tumblr_koe5aaYXzP1qzc4eao1_500.g if [/img]
gets




mutantMandias may cause dizziness, sexual nightmares, and sleep crime. ++++ mutantMandias has to return some videotapes ++++ Do not taunt mutantMandias

mutantMandias is something more than human, more than a computer. mutantMandias is a murderously intelligent, sensually self-programmed, non-being
UER Forum > Rookie Forum > A Rookie Guide to Posting Images on UER (Viewed 80168 times)
1 2 3 4 5  


Add a poll to this thread



This thread is in a public category, and can't be made private.



All content and images copyright © 2002-2024 UER.CA and respective creators. Graphical Design by Crossfire.
To contact webmaster, or click to email with problems or other questions about this site: UER CONTACT
View Terms of Service | View Privacy Policy | Server colocation provided by Beanfield
This page was generated for you in 125 milliseconds. Since June 23, 2002, a total of 737035706 pages have been generated.