Attaching and Posting Images on the Forum

Home Forums Astral Meta Forum FAQ and Guides Guides and Manuals Attaching and Posting Images on the Forum

This topic contains 0 replies, has 1 voice, and was last updated by Profile photo of Admin Admin 1 year, 4 months ago.

Topic Rating:
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #892
    Profile photo of Admin
    Admin
    Keymaster

    This manual will teach you how to attach and post images on the Forum. Before you can post any images on any of Astral Meta’s Forum, you need to have a place to store them. Currently, Astral Meta does not allow image uploads so you may have to find another site that can store them for you.

    Host your Picture

    There are many sites that offer picture/image hosting, to name a few:

    1. TinyPic.com – you can store your pictures/images in here right away. No sign up or login needed. All you have to do is upload a picture then get the url of the picture.

    2. PhotoBucket.com – Sign Up/Login required. But it runs on a fast server.

    3. Google Photos – Google’s very own photo/picture hosting service. It used to be Picasa Web. It stores your picture in a cloud. All you have to do is sign in using your Google account and you can get unlimited storage space.

    4. Archive.Org – requires Sign up and login. But it’s totally free.

    5. PostImage.org – just like tinypic.

    6. Share.pho.to – same with tinypic.

    Now, once you have a Photo storing host, upload the picture in that host, then make sure to copy the url of the picture.

    The sample above is from tinypic.com, right after uploading a picture. The image URL there is the one under Direct Link for Layouts.

    Attach/Post Image using Text Editor

    Once you have the url of the picture, it’s time to attach it. There are different ways to attach the picture. The most basic perhaps is to use the Forum’s Text Editor and using the Image attachment tool. See picture below:

    Clicking it will open a subwindow that asks you to Enter the URL of the image. See picture below:

    Enter/Paste the URL of the image on the form field and then select OK. This will open another dialog window that asks you to enter a description. You can leave this blank or you can enter some texts to describe the image. There will also be a checkbox that says “Prevent this page from creating additional dialogs”. Do not check this box, otherwise, no more dialog windows will open, leaving the IMG button useless.

    When done, simply click OK and the code for the image will be automatically generated on the Text Area.

    Attach/Post Image using Visual Editor

    Another way to attach the picture is using the Visual Editor’s Picture Attachment Tool. Note, however, that this feature is disabled when you view this page under small resolution. Once you have the url of the picture, click on the Picture attachment tool. See picture below:

    Clicking that tool will open a window. In the window (see picture below), paste the copied url to the form under Source. You can also add a description if you want or add a caption that will show underneath the picture. However, you may leave them blank, same with the image size. Only the source url is what’s really important. Constrain Proportions is enabled by default, this will allow the picture to maintain its proportion regardless of the picture size.

    When done, press OK, and it should insert the picture for you.

    Now, all that’s left is to pick an alignment. Align Left makes your picture float to the left, Align Center positions it to the center of the page, and Align Right makes it float to the right. None, on the other hand, will remove any float attributes, so when you type a text, the text will move down instead of floating to the left or right of the picture.

    And that’s it!

    Attach/Post using BBCode and HTML

    Now, for those who knew BBCode and HTML, you can use the Text Editor and use the following codes to attach the picture:

    For BBCode:
    Insert the picture url in between the opening and closing brackets as shown below:

    [img]picture_url[/img]

    For HTML:
    Insert the picture url in between the opening and closing quotation mark of img src as shown below:

    <img src=”picture_url”>

Viewing 1 post (of 1 total)

The forum ‘Guides and Manuals’ is closed to new topics and replies.