Difficulty: Medium.
Step 1: Have image url's ready and place them in the order you want on the forum
- Pretty self explanatory. Using the [Img ] command, you can change the url of a image to display an image, as seen below:
- Code: Select all
[img]http://i.imgur.com/3lq3OOT.gif[/img]
[img]http://i.imgur.com/z5nFp49.gif[/img]
Step 2: Adding the first list command
- Part one of this will be adding a list command around the code. To do this, highlight the code and enclose it with a list command. It should look like the code below. You will notice that this pushes the image over somewhat. There is no way of disabling this from happening as far as I am aware.
- Code: Select all
[list][img]http://i.imgur.com/3lq3OOT.gif[/img]
[img]http://i.imgur.com/z5nFp49.gif[/img][/list]
Step 3: Adding the second list command
- Second part of adding commands to the image is adding a second list command, however not to the whole code. Only do this to the second image so it is captured in a list command itself.
- Code: Select all
[list][img]http://i.imgur.com/3lq3OOT.gif[/img]
[list][img]http://i.imgur.com/z5nFp49.gif[/img][/list][/list]
Question most likely to be asked: Is that meant to happen, why is it wonky?
Because list is a command that pushes the margin of text over one column. Think of it as the TAB button's purpose when you use a word document.
Step 4: Tidying the code up
- It isn't going to look wonky forever I assure you. To fix it up, all you need to do is surround the text with a font size command. Once you have done that, change the font size to '1' and it should look like this:
- Code: Select all
[size=1][list][img]http://i.imgur.com/3lq3OOT.gif[/img]
[list][img]http://i.imgur.com/z5nFp49.gif[/img][/list][/list][/size]
And there you have it, it is wizardry I swear, but I hope this helps somewhat. I saw this back a few pages previously and thought to add this in addition to ensure this would be at least tutorialized.
Note: If you put a URL code around the image, it combines both pictures to the point when if you drag the image with your pointer, it looks like one image.
Note 2: A post I did previously on how to implement this technique above so that there was text next to an image
As you can see this is somewhat
Interesting to do. It isn't practical if you
Plan on doing a super tight signature but
It is amazing what coding can do when
you think about it. img ©jyushimatsu.
Interesting to do. It isn't practical if you
Plan on doing a super tight signature but
It is amazing what coding can do when
you think about it. img ©jyushimatsu.
- Code: Select all
[left][right]As you can see this is somewhat
Interesting to do. It isn't practical if you
Plan on doing a super tight signature but
It is amazing what coding can do when
you think about it. [url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=345464]img ©jyushimatsu.[/url][/right][right][size=1][list][img]http://i.imgur.com/J2yHXER.png?1[/img][/right]
[list][img]http://i.imgur.com/M50EW9q.png?1[/img][/list][/list][/size][/left]