Insert Pictures and how!
And pictures, please love to add pictures for it. I never go wider than the
site rules on signatures, which is 400 pixels width. and I often do not make them higher than 200 high, because otherwise, it will fill up a whole page. For height, there isn't really a maximum but I never really advise to go bigger than 500px.
The following are a few examples and how they will look like once being used. The text generated by a Latin text generator just to display how things would look. I will post here, the code before the examples used with images before that get's lost. And do mind, the text placement trick also works with images!
BB-code |
---|
Code:
[img]INSERT URL HERE[/img]
[center][img]INSERT IRL HERE[/img]
|
pixels use:400x200
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in nunc felis. Aenean consectetur augue id odio commodo, ut lacinia quam congue. Sed nisi lorem, interdum sed cursus id, faucibus a dolor. Nunc egestas accumsan nisl, id pharetra est pulvinar vel. Cras libero tellus, blandit in finibus porta, placerat ac est. Nam iaculis nibh arcu, a blandit urna vulputate ac. Mauris et sollicitudin tellus. Duis condimentum quam ac quam luctus fermentum. Vestibulum vel ipsum turpis.
Vestibulum a rhoncus sapien. Donec vitae sodales eros. Pellentesque faucibus mauris quis lectus ullamcorper, eu porta neque faucibus. Vestibulum congue massa sed aliquet lobortis. Duis sit amet dignissim nunc. Duis a venenatis est. Nulla elementum enim nec libero pellentesque, eget semper urna bibendum. Donec venenatis id sapien vitae tristique. Vestibulum at purus id ex laoreet posuere. Mauris vestibulum massa velit, porta faucibus erat gravida non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum bibendum fermentum accumsan. Nunc convallis consectetur nunc nec lacinia.
pixels use:200x400
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in nunc felis. Aenean consectetur augue id odio commodo, ut lacinia quam congue. Sed nisi lorem, interdum sed cursus id, faucibus a dolor. Nunc egestas accumsan nisl, id pharetra est pulvinar vel. Cras libero tellus, blandit in finibus porta, placerat ac est. Nam iaculis nibh arcu, a blandit urna vulputate ac. Mauris et sollicitudin tellus. Duis condimentum quam ac quam luctus fermentum. Vestibulum vel ipsum turpis.
Vestibulum a rhoncus sapien. Donec vitae sodales eros. Pellentesque faucibus mauris quis lectus ullamcorper, eu porta neque faucibus. Vestibulum congue massa sed aliquet lobortis. Duis sit amet dignissim nunc. Duis a venenatis est. Nulla elementum enim nec libero pellentesque, eget semper urna bibendum. Donec venenatis id sapien vitae tristique. Vestibulum at purus id ex laoreet posuere. Mauris vestibulum massa velit, porta faucibus erat gravida non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum bibendum fermentum accumsan. Nunc convallis consectetur nunc nec lacinia.
----------------------------------------------------------------------------------------------------
So... as you have seen, the second example looks rather off... This is an easy fix for us, we have something that is a fimg. A fimg lets you place an image left or right of the text.

pixels use:200x400
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in nunc felis. Aenean consectetur augue id odio commodo, ut lacinia quam congue. Sed nisi lorem, interdum sed cursus id, faucibus a dolor. Nunc egestas accumsan nisl, id pharetra est pulvinar vel. Cras libero tellus, blandit in finibus porta, placerat ac est. Nam iaculis nibh arcu, a blandit urna vulputate ac. Mauris et sollicitudin tellus. Duis condimentum quam ac quam luctus fermentum. Vestibulum vel ipsum turpis.
Vestibulum a rhoncus sapien. Donec vitae sodales eros. Pellentesque faucibus mauris quis lectus ullamcorper, eu porta neque faucibus. Vestibulum congue massa sed aliquet lobortis. Duis sit amet dignissim nunc. Duis a venenatis est. Nulla elementum enim nec libero pellentesque, eget semper urna bibendum. Donec venenatis id sapien vitae tristique. Vestibulum at purus id ex laoreet posuere. Mauris vestibulum massa velit, porta faucibus erat gravida non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum bibendum fermentum accumsan. Nunc convallis consectetur nunc nec lacinia.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in nunc felis. Aenean consectetur augue id odio commodo, ut lacinia quam congue. Sed nisi lorem, interdum sed cursus id, faucibus a dolor. Nunc egestas accumsan nisl, id pharetra est pulvinar vel. Cras libero tellus, blandit in finibus porta, placerat ac est. Nam iaculis nibh arcu, a blandit urna vulputate ac. Mauris et sollicitudin tellus. Duis condimentum quam ac quam luctus fermentum. Vestibulum vel ipsum turpis.
----------------------------------------------------------------------------------------------------
So now it looks a whole lot better! To do this you simply do FIMG instead of IMG then place an = behind and type left or right, just where you want to have the image to be.
Code:
Left: [Fimg=left][/fimg]
Right: [fimg=right][/fimg]
In the next one, we will be covering tables and what you can do with those! stay tuned!