Home Theater Forum  ›  Wiki  ›  Image And Video Tutorial
This wiki is locked! Editing has been disabled.

Image And Video Tutorial

Subscribe History View Discuss

Learn how to:

   1.  Add Images To Posts And Wikis

   2.  Add or Edit Your Image's Description

   3.  Tag An Image

   4.  Delete An Image

   5.  Add Videos To Posts And Wikis

 

 

Add Images To Posts And Wikis

Upload and Embed an Image from Your Computer

  1. In a forum post or wiki article, find the Image button which appears as a yellow square with mountains and a moon.  Click the button to open the Image Tool.

  2. To upload and insert an image saved on your computer, click "Browse."  This open is set as the default when you open the Image Tool.

  3. You will be able to browse your computer to find the image you would like to upload.  Simply highlight your desired image and click "Open." 
  4. After you select the image, you can adjust the file name as you like before hitting "OK." 
  5. You can also add a Description for your image.  This Description will appear on the Image Info page and it will appear in a lightbox popover when the image is accessed from a forum post.  At any point in time, you can edit the Description of the image from the Image Info page.
  6. Click "OK" to upload the image and insert it into your post or wiki.
  7. Once your image is inserted, you can change its size or position.  Right click the image and select "Image Properties."  Once in the "Image Properties" tool, you can edit the width, height, and the alignment of the image.

 

Embed Images From Another Site Using The On Site Image Tool

  1. Click the Insert/Upload Image button.The Image Tool will open.  At the top of the tool, click the "Existing Image" tab.

  2. To embed an image file from another site, paste in the URL to an image in the top field.  This URL should end in .jpg, .jpeg, .gif, or .png. From Photobucket copy and paste the "Direct Link".  From most other sites, copy the address from the address bar of your browser.
  3. Click "OK" and the image will be inserted into your post or wiki.  You also have the option to paste the URL of an image on another site.

 

Note: You may also embed an image that already has been uploaded to Home Theater Forum.  On the "Existing Image" tab, simply paste in the name of the image (which should end in .jpg, .jpeg, .gif, or .png) and click "OK."

 

Embed Images From Another Site Using Cut And Paste

  1. On any website, open the page with the image of your choice.  Highlight the image.  In some browsers, you will need to start with the cursor outside of the image and then drag it over the image to select the image.

  2. Use your keyboard Copy function (Ctrl+C on PC computers, Cmd-C or Apple-C on a Mac) to copy the image.
  3. In an open forum thread reply box or Wiki article, place your cursor within the text box.  Use your keyboard Paste function (Ctrl+V on PC computers, Cmd-V or Apple-V on a Mac) to paste the image into the window.

 

 

Embed Whole Albums from Photobucket

 

If you have already uploaded an album to Photobucket.com, you can easily embed the whole album in a forum post or wiki article using "Source" mode. Just as Photobucket creates [IMG] tags for embedding images in vBulletin, they also create HTML tags that work on the Huddler Platform.

 

  1. Scroll to the bottom of your album, click "Select All" on the left hand side, then click the "Generate HTML and IMG code" button

  2. On the next page, you can select whether you'd like to embed individual thumbnails, or the full size images. Most often, you will use the code under the heading "HTML images for Ebay, Livejournal, MySpace, etc."

  3. Copy the appropriate code, then in the Home Theater Forum text editor, click the "Source" button at the top left. This will enable you to view the underlying HTML. Paste the Photobucket generated code into Source mode.

  4. Click the "Source" button again to return to the editor and VOILA - your album is there.

 

 

Add or Edit Your Image's Description

  1. Visit the Image Info page of the Image.  You can access this page either from the Gallery on your Profile page or via any lightbox popover (you will see the Image Info link in the bottom of the popover).

  2. On the Image Info scroll down to the Description section.  At the right above the current Description, you will see the "Edit" button.  Click here.  Enter your plain text in the Description field.

  3. Click "Save" when you are finished.

 

Tag An Image

  1. Visit the Image Info page of the Image.  You can access this page either from the Gallery on your Profile page or via any lightbox popover (you will see the Image Info link in the bottom of the popover).

  2. To the right hand side, you'll see the Image Tags box.  Click the "Add/Remove Tags" button.
  3. Use the Tag Tool to locate the appropriate tag.  Click "Add Tags From Queue"

 

Delete An Image

  1. Visit the Image Info page of the Image.  You can access this page either from the Gallery on your Profile page or via any lightbox popover (you will see the Image Info link in the bottom of the popover).
  2. At the bottom of the Image Info page, you will see the "Delete Image" button.  Click here.  Note: You will NOT receive a confirmation before you do this.  The image will be permanently deleted.


Add Videos To Posts And Wikis 

Currently, we support video embedding for YouTube, Vimeo, and Google Video.
 

  1. In a forum post or a wiki article, you will see a blue film reel button. Click the button to open the video tool.

  2. In another window, navigate to the desired YouTube, Vimeo, or Google video.  On the left hand side, you will find the video URL and the embed code.  Copy the text of one of those.

  3. Back in your wiki article or forum post, paste the URL or embed text into the blank field on the video tool.

  4. Click "OK" and your video will appear embedded.