FUDforum: FUDforum Suggestions » Wrap text around images

Home » FUDforum » FUDforum Suggestions » Wrap text around images

Show: Today's Messages :: Unread Messages :: Polls :: Message Navigator
| Subscribe to topic | Bookmark topic

Message by The Witcher is ignored [reveal message] [reveal all messages by The Witcher] [stop ignoring this user]

Re: Wrap text around images [message #164063 is a reply to message #164061]

Sun, 02 January 2011 10:48

naudefj

Messages: 3771
Registered: December 2004

Karma: 28

Senior Member
Administrator
Core Developer

add to buddy list
ignore all messages by this user

We can update the help (someone will have to write the text - I cannot).

Changing the html from LI to DIV is probably unnecessary. The same can be achieved by updating forum.css.tmpl.

Report message to a moderator

Rate author: +1 -1

Re: Wrap text around images [message #164064 is a reply to message #164063]

Sun, 02 January 2011 11:05

Ernesto

Messages: 413
Registered: August 2005

Karma: 0

Senior Member

add to buddy list
ignore all messages by this user

What he wants are images/buttons for the FUD_CODE in post_common.tmpl to "automatically" insert [imgl] and [imgr] tags.

You can take the images I posted and cut away the background, or you can make your own.

Here is the code that goes into post_common.tmpl -> fud_code_icons

<a onclick="surroundText('[imgl]', '[/imgl]', document.post_form.msg_body); return false;" href="javascript:void(0);" title="Image Left">

<img src="{THEME_IMAGE_ROOT}/b_imagel.gif" alt="Image Left">

</a>

<a onclick="surroundText('[imgr]', '[/imgr]', document.post_form.msg_body); return false;" href="javascript:void(0);" title="Image Right">

<img src="{THEME_IMAGE_ROOT}/b_imager.gif" alt="Image Right">

</a>

http://image.ginnunga.org/forums/theme/modern2/images/b_imagel.gif

http://image.ginnunga.org/forums/theme/modern2/images/b_image.gif

http://image.ginnunga.org/forums/theme/modern2/images/b_imager.gif

Ginnunga Gaming

[Updated on: Sun, 02 January 2011 11:10]

Report message to a moderator

Rate author: +1 -1

Re: Wrap text around images [message #164066 is a reply to message #164064]

Sun, 02 January 2011 11:30

naudefj

Messages: 3771
Registered: December 2004

Karma: 28

Senior Member
Administrator
Core Developer

add to buddy list
ignore all messages by this user

Ah, I understand. However, I don't think we should add it to the base package.
It's quite easy to add and everyone would probably want to have different buttons anyway.

Report message to a moderator

Rate author: +1 -1

Re: Wrap text around images [message #164069 is a reply to message #164066]

Sun, 02 January 2011 12:08

naudefj

Messages: 3771
Registered: December 2004

Karma: 28

Senior Member
Administrator
Core Developer

add to buddy list
ignore all messages by this user

Come to think of it, if someone prepares buttons that look similar to the exiting ones, we can add it, but leave it commented out.
To enable additional buttons would then be a matter of un-commenting what you need.

Report message to a moderator

Rate author: +1 -1

Message by The Witcher is ignored [reveal message] [reveal all messages by The Witcher] [stop ignoring this user]

Re: Wrap text around images [message #164110 is a reply to message #164100]

Mon, 03 January 2011 21:29

naudefj

Messages: 3771
Registered: December 2004

Karma: 28

Senior Member
Administrator
Core Developer

add to buddy list
ignore all messages by this user

Perfect!
Changes committed as per http://fudforum.svn.sourceforge.net/viewvc/fudforum?view=revision&revis ion=5097

The next challenge is to replace the ugly markup (tables and font tags) with DIV's and semantically correct HTML.

Report message to a moderator

Rate author: +1 -1

Message by The Witcher is ignored [reveal message] [reveal all messages by The Witcher] [stop ignoring this user]

Re: Wrap text around images [message #164112 is a reply to message #164111]

Tue, 04 January 2011 00:04

Ernesto

Messages: 413
Registered: August 2005

Karma: 0

Senior Member

add to buddy list
ignore all messages by this user

I have been planning that for quite some time naudjef, but every time you poke at that stuff you get problems with old edits and get a pile of "quote_old" quote"" etc laying around in your post_proc

But yes, it should most definitely be fixed with proper classes at least hehe

Ginnunga Gaming

Report message to a moderator

Rate author: +1 -1

Re: Wrap text around images [message #164117 is a reply to message #164112]

Tue, 04 January 2011 07:07

naudefj

Messages: 3771
Registered: December 2004

Karma: 28

Senior Member
Administrator
Core Developer

add to buddy list
ignore all messages by this user

I'm referring to the HTML in the help files, which is pretty isolated.
The rest also needs updating, but will be a huge undertaking.

Report message to a moderator

Rate author: +1 -1

Aw: Re: Wrap text around images [message #165880 is a reply to message #164117]

Fri, 19 August 2011 09:45

JanRei

Messages: 361
Registered: October 2005
Location: Germany

Karma: 0

Senior Member
Contributing Core Developer
Translator

remove from buddy list
ignore all messages by this user

I have seen the added help section and would like to suggest a slightly improved explanation:

<a name="imglr"><b>Wrap text around images</b></a>
<br />

<table>
  <tr>
    <td width="300" align="center" valign="middle"><b>BBcode</b></td>
    <td width="300" align="center" valign="middle"><b>Result</b></td>
  </tr>
  <tr>
    <td valign="middle" align="center"><font color="#f00"><b>[imgr]</b></font><br /><font color="#060">http://fudforum.org/forum/images/fudlogo.gif<br /></font><font color="#f00"><b>[/imgr]</b></font><br />Some text to the left.</td>
    <td valign="middle" align="center"><img class="r" src="http://fudforum.org/forum/images/fudlogo.gif" alt="Image with text wrapped around it" width="140" height="49" />Some text to the left.</td>
  </tr>
</table>
<i>Explanation:</i> You can use BBcode to wrap text smoothly around images by enclosing the image url within [imgl][/imgl] "image left" or [imgr][/imgr] "image right" tags. These may also be used in conjunction with other text alignment and styling tags.
<br /><br />

Locally I also have a German translation for this. And I have fixed the URL to the FUDforum logo for all languages. But I thought I ask you before committing it.

[Updated on: Fri, 19 August 2011 09:46]

Report message to a moderator

Rate author: +1 -1