Embedding images in text

[Biggles]

Anyone know how to embed images in text? Maybe there's a mod here that facilitates this but I haven't found one.

What I mean is: using the default BB code [IMG], I get images that sit on a line of text and push everything else out of the way of the image. What I'm after is the way to have text flow around the image - like they do, for example in magazines and newspapers.

I'd be grateful if someone could point me in the right direction please.

Biggles

[King Kovifor]

Custom [img] tags that use divs and floats. This is a simple one. I think I set up the option and param correctly.

<div style="float:left"><img src="{option}" alt="{param}" /></div>

Of course, you could switch "float:left" to "float:center" or "float:right" depending on how you wanted it positioned and you must not use img as your tag.

[Biggles]

Wow! That was a real fast reply. Thank you, your Majesty.

Let me try to understand what you've said (sorry, King Kovifor, but I'm not a coder's bootlace). If I am typing text for a post, I simply insert the code you've posted above, placing the URL to the required image where {option} is and the alternate accompanying text where it reads {param}. Is that correct or am I still way off the mark?

Thanks again. :up:

Biggles

[King Kovifor]

Originally Posted by Biggles

Wow! That was a real fast reply. Thank you, your Majesty.

Let me try to understand what you've said (sorry, King Kovifor, but I'm not a coder's bootlace). If I am typing text for a post, I simply insert the code you've posted above, placing the URL to the required image where {option} is and the alternate accompanying text where it reads {param}. Is that correct or am I still way off the mark?

Thanks again. :up:

Biggles

Sorry, way off. And I am liking the "Your majesty" remark. LOL. I haven't gotten that one before. But I understand not being a "coder's bootlace". Here is the steps that you want to go to.

1. Enter ACP.
2. Go into the BBCode manager.
3. Add a new BBCode.
4. Chose a tag name, like img2.
5. Add the code I gave you into the replacement field.
6. Set "Use option" to yes.
7. Click save.

Now you will use something like [img2="link/to/image.jpg"]this is where the alt goes[/img2] for your posts.

[Biggles]

Ah, now I follow - I think. Thank you kindly, your Royal Highness.

I will try that out on the morrow and let your Majesty know if I've got it to work.

Many thanks, King Kovifor. I am deeply grateful.

Your humble servant, Sire

Biggles

[King Kovifor]

Ok. That is a bit overboard... lol. But I don't care... lol. Your welcome. If you need any more help, I got no life so I will be here to help!

[Biggles]

Originally Posted by King Kovifor

Ok. That is a bit overboard... lol. But I don't care... lol. Your welcome. If you need any more help, I got no life so I will be here to help!

No offence meant King Kovifor. Just light-hearted camaraderie, I assure you.

Thanks very much for trying to help me. I'll have a go in the morning as I'm about to hit the hay. It's almost midnight on this side of the pond - and I need my beauty sleep. G'night for now.

Best wishes :up:

Biggles

[King Kovifor]

Night. And I have no offense was taking! I just thought it was really funny. Even the squire part.

[Biggles]

Originally Posted by King Kovifor

Night. And I have no offense was taking! I just thought it was really funny. Even the squire part.

Thank goodness for that, King K

Communications are often misunderstood in this medium, I find. Especially humour, or attempts to be humorous. I have a very dry humour that sometimes gets me into unwanted trouble.

I am going to try your suggestion shortly. I'll get back to you on it. Maybe we should set up a section for new BB Code for those of us who aren't good with coding.

Regards :up:

Biggles

--------------- Added [DATE]1206100811[/DATE] at [TIME]1206100811[/TIME] ---------------

Hello again all

I've managed to make this work for me, with grateful thanks to my friend and yours, King Kovifor.

However, it didn't quite work out until I fiddled with the code above just a little.

This is the final code that worked for me:

<div style="float:left"><img src="{option}" alt="{param}"></div>

As you can see, I removed just the space and the forward slash after {param}" and then everything seemed fine. Oh, and for some reason I couldn't get this type of code to work using 'float:center' but it worked fine for 'float:right'.

Thanks a million King Kovifor. You're a star! :up:

Biggles

[Boofo]

There is no 'float:center'.