Working with Images on the forum | photos, screenshots, pictures



Rep: (0)
  • Work with attachments on the computer
    • How to upload files to the forum (images, archives, etc.)
      Photoinstruction
      • In the form of the answer click on "Attach"
        Attached Image

        File Download Panel appears
        Attached Image

      • Select the files on the computer that we want to download.
        Attached Image
      • Drag and drop files to the file upload panel
        Attached Image


      Animation instruction
      Attached Image

      (click on the image to view the animation)

    • Work with downloaded files
      • How to insert downloaded files in a specific place of the message
        Photoinstruction
        • Put the mouse cursor on the place in the message where we want to insert the file
          Attached Image

        • Click on the "+" button on the toolbar
          Attached Image

        • As a result, the file will be inserted into the place we specified:
          Attached Image


        Animation instruction
        Attached Image

        (click on the image to view the animation)

      • If you do not see where your file was inserted, click on the magnifying glass button :
        Attached Image

        (click on the image to view the animation)

      • To delete a file, click the trash button :
        Attached Image


    • How to clean the material under the spoiler (make the text collapsible)
      How to create a spoiler on the computer
      1. Highlight the material you want to add to the spoiler
        Attached Image

      2. Click on the spoiler icon in the toolbar:
        Attached Image

        Where
        • Attached Image- make the text collapsible (spoiler without title)
        • Attached Image- make the text collapsible and add a title (spoiler with a title)
      3. As a result, depending on which button you clicked, a code will be added to the material you selected earlier:
        • [spoiler] - at the beginning
          [/ spoiler] - at the end
          Attached Image

          Or
        • [spoiler = NAME HEADER] - at the beginning
          [/ spoiler] - at the end
          Attached Image


      4. Click the "Send" message - if the message is new, "Edit message" - if you edited an existing message.
        We get the result:
        Attached Image


  • Work with investments in the official client
    Instruction
    While in the editor window, click the clip
    Attached Image

    In the window that appears, click the icon to add attachments
    Attached Image

    A system window will appear in which we select through what and which file we want to upload to the forum. After selecting a file in the Attachments file will appear. The download process is displayed in a bar under the file.
    After our picture has loaded it needs to be “laid out” in the post.

    Option One:
    We make a tap on the file in the attachments window
    Attached Image

    The file will appear in the message editor. In order for our image to be in the spoiler, we scroll the bb code panel to the plus icon

    (panel bb-codes scroll horizontally)

    and click on it. Attach must be selected
    Attached Image

    After the tap on the plus, spoiler codes appear on both sides of the selected attachment
    Attached Image

    Everything. You can send a message. The image will be under the spoiler.

    Option two:
    Immediately click on the spoiler icon. The cursor will already be inside the code. Then you just have to click on the clip and insert the attachments.

  • Note : If you attach an image and do not add the code [attachment = "Image_Name.jpg"] to the message, the image will be automatically removed to the spoiler "Attached images"
    • We write the message
    • Upload a photo
      Attached Image

    • Click the "Send" button and see that the spoiler was created automatically in the sent message
      Attached Image


You can practice in the subject We try to upload files and images to the forum.



Rep: (551)
Alternative instructions How to clean up the image under the spoiler
Short lesson "How to clean images under spoiler".

Surely you have repeatedly encountered the requirements of the rules of some sections to hide images under the spoiler. But how to do it?
Below I will try to tell about it in detail.

So, you resized the images you want to add to the message. What's next?
1. And then click the "Answer" button.
Attached Image
Enter the message text.
2. Having reached the place of the text where you plan to insert the image, click "Select files".
Attached Image
3. Select the desired image and click "Open."
Attached Image

4. You will return to the browser window.
5. Click "Download."
Attached Image
6. After the file is loaded, it will be added to the "Manage current files" window.
Attached Image
7. In the text entry field, press "ENTER", the cursor will move to a new line.
Attached Image

8. Further, according to the following figure:
Attached Image

9. File successfully added to message:
Attached Image
If you need to add another photo, repeat the steps with2. by 9. After each file added be sure to remove the selection from it by clicking the mouse to the right of the closing square bracket
(such )!

Attached Image
10. Select the file (s) and click the "Make text collapsible" button.
Attached Image

11. You will see that before and after your files tags "Spoiler" have been added.
Attached Image

12. Click "Send", the result is your image under the spoiler!
Attached Image


Thanks to our admins, the task of creating named spoilers has been simplified, since one more button was added:
Attached Image

The process of creating named spoilers differs only from the 10th step.
So:
10. Pressing the left mouse button, select the files and click the button "Make text collapsible and add a title."
Attached Image

11. Enter the name of the spoiler (for example, "Photo")
Attached Image
and click "OK".
Attached Image
12. Click "Send" and see the result - your files under the named spoiler.
Attached Image



P.S. When publishing images from the mobile version of the forum, tags will have to be manually entered before the attached image.
[spoiler]
after
[/ spoiler]
in the end, the spoiler with the attached image will look like this:
[SPOILER] [attachment = name of your file.jpg] [/ SPOILER]


P.P.S.
Tags are case-insensitive, i.e. no difference you wrote
[spoiler]
or
[SPOILER]
However, both before and after the inserted image, the tags must be in one register! Those. or
[spoiler] image [/ spoiler]
either
[SPOILER] image [/ SPOILER]

How to hide images under spoilermobile version of the site(oldirrelevantversion)
Mobile version has a limited set of bb-code buttons. So how do you make the text collapsible?
The method is well described at the very end.previous spoiler. I want to add how to use the button itself in the editor.
Attached Image

So:
- load the picture;
Attached Image

- press the "Spoiler" button and see that the opening tag appears;
Attached Image

- Next, click "Add Attach" to add the image code in the input field;
Attached Image
Attached Image

- click again on the "Spoiler" button and see that the closing tag has appeared.
Attached Image

That's all - our picture has become collapsible.

The author of the instructionsAbbat1985
How to hide images under spoilermobile version of the site (current version)
Mobile version has a limited set of bb-code buttons. So how do you make the text collapsible?
The method is well described at the very end.previous spoiler. I want to add how to use the button itself in the editor.
Attached Image

Choose a file
Attached Image

After downloading the file appears in the list as an attachment. Select a place in the code for insertion and click on the "+", after which it is inserted immediately selected text code. We leave in this form and proceed to the next picture.
Attached Image

Click on the spoiler button. The highlighted fragment of the code automatically puts the opening and closing tags of the spoiler.
Attached Image



Full version    

Help     rules

Time is now: 30/06/20, 4:29