FUDforum
Fast Uncompromising Discussions. FUDforum will get your users talking.

Home » FUDforum » FUDforum Suggestions » Wrap text around images
Show: Today's Messages :: Unread Messages :: Show Polls :: Message Navigator
| Subscribe to topic | Bookmark topic 
Switch to threaded view of this topic Create a new topic Submit Reply
Wrap text around images [message #164061] Sun, 02 January 2011 10:07 Go to next message
The Witcher is currently offline  The Witcher   United States
Messages: 662
Registered: May 2009
Location: USA
Karma: 2
Senior Member
add to buddy list
ignore all messages by this user
Wrap text around images
Is there any hope that wrapping text around images will actually be incorporated in ver 3.0.2? Or will it be left to the users to know how and manually use the proper BBcode?

At the very least it should be easy enough to add it to the Help menu!
http://fudforum.org/forum/index.php?t=msg&th=119362&goto=162813& ;#msg_162813




"I'm a Witcher, I solve human problems; not always using a sword!"
Re: Wrap text around images [message #164063 is a reply to message #164061] Sun, 02 January 2011 10:48 Go to previous messageGo to next message
naudefj is currently offline  naudefj   South Africa
Messages: 3632
Registered: December 2004
Karma: 17
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.
Re: Wrap text around images [message #164064 is a reply to message #164063] Sun, 02 January 2011 11:05 Go to previous messageGo to next message
Ernesto is currently offline  Ernesto   Sweden
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.gifhttp://image.ginnunga.org/forums/theme/modern2/images/b_image.gifhttp://image.ginnunga.org/forums/theme/modern2/images/b_imager.gif


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

Report message to a moderator

Re: Wrap text around images [message #164066 is a reply to message #164064] Sun, 02 January 2011 11:30 Go to previous messageGo to next message
naudefj is currently offline  naudefj   South Africa
Messages: 3632
Registered: December 2004
Karma: 17
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.
Re: Wrap text around images [message #164069 is a reply to message #164066] Sun, 02 January 2011 12:08 Go to previous messageGo to next message
naudefj is currently offline  naudefj   South Africa
Messages: 3632
Registered: December 2004
Karma: 17
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.
Re: Wrap text around images [message #164070 is a reply to message #164069] Sun, 02 January 2011 12:10 Go to previous messageGo to next message
The Witcher is currently offline  The Witcher   United States
Messages: 662
Registered: May 2009
Location: USA
Karma: 2
Senior Member
add to buddy list
ignore all messages by this user
naudefj wrote on Sun, 02 January 2011 11:08
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.


Now that's a stroke of genius there!


"I'm a Witcher, I solve human problems; not always using a sword!"
Re: Wrap text around images [message #164100 is a reply to message #164063] Mon, 03 January 2011 12:25 Go to previous messageGo to next message
The Witcher is currently offline  The Witcher   United States
Messages: 662
Registered: May 2009
Location: USA
Karma: 2
Senior Member
add to buddy list
ignore all messages by this user
naudefj wrote on Sun, 02 January 2011 09:48
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.


Would this work for you?
<!--Start Wrapping text around Images -->

<a name="img"><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>[imgl]</b></font><br /><font color="#060">http://www.prohost.org/img/pro_logo.gif<br 

/></font><font color="#f00"><b>[/imgl]</b></font></td>
    <td valign="middle" align="center"><img src="http://www.prohost.org/img/pro_logo.gif" alt="image With Text Wrapped Around it" width="204" 

height="31" /></td>
  </tr>
</table>

<br />    
<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 /><br />


<!--End Wrapping text around images -->




"I'm a Witcher, I solve human problems; not always using a sword!"
Re: Wrap text around images [message #164110 is a reply to message #164100] Mon, 03 January 2011 21:29 Go to previous messageGo to next message
naudefj is currently offline  naudefj   South Africa
Messages: 3632
Registered: December 2004
Karma: 17
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.
Re: Wrap text around images [message #164111 is a reply to message #164110] Mon, 03 January 2011 21:56 Go to previous messageGo to next message
The Witcher is currently offline  The Witcher   United States
Messages: 662
Registered: May 2009
Location: USA
Karma: 2
Senior Member
add to buddy list
ignore all messages by this user
naudefj wrote on Mon, 03 January 2011 20:29
The next challenge is to replace the ugly markup (tables and font tags) with DIV's and semantically correct HTML.


If I understood, what you want I would try, but all I understand is that you want it to look pretty! Confused


"I'm a Witcher, I solve human problems; not always using a sword!"
Re: Wrap text around images [message #164112 is a reply to message #164111] Tue, 04 January 2011 00:04 Go to previous messageGo to next message
Ernesto is currently offline  Ernesto   Sweden
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


Re: Wrap text around images [message #164117 is a reply to message #164112] Tue, 04 January 2011 07:07 Go to previous messageGo to next message
naudefj is currently offline  naudefj   South Africa
Messages: 3632
Registered: December 2004
Karma: 17
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.
Aw: Re: Wrap text around images [message #165880 is a reply to message #164117] Fri, 19 August 2011 09:45 Go to previous messageGo to next message
JanRei is currently offline  JanRei   Germany
Messages: 361
Registered: October 2005
Location: Germany
Karma: 0
Senior Member
Contributing Core Developer
Translator
add to 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

Re: Aw: Re: Wrap text around images [message #165882 is a reply to message #165880] Fri, 19 August 2011 09:46 Go to previous messageGo to next message
naudefj is currently offline  naudefj   South Africa
Messages: 3632
Registered: December 2004
Karma: 17
Senior Member
Administrator
Core Developer
add to buddy list
ignore all messages by this user
Go ahead, please commit.
Aw: Re: Aw: Re: Wrap text around images [message #165885 is a reply to message #165882] Fri, 19 August 2011 10:03 Go to previous messageGo to next message
JanRei is currently offline  JanRei   Germany
Messages: 361
Registered: October 2005
Location: Germany
Karma: 0
Senior Member
Contributing Core Developer
Translator
add to buddy list
ignore all messages by this user
Ok, this should be done.
Re: Aw: Re: Aw: Re: Wrap text around images [message #165887 is a reply to message #165885] Fri, 19 August 2011 12:30 Go to previous message
naudefj is currently offline  naudefj   South Africa
Messages: 3632
Registered: December 2004
Karma: 17
Senior Member
Administrator
Core Developer
add to buddy list
ignore all messages by this user
Beautiful. Thank you so much!
Quick Reply
Formatting Tools:   
  Switch to threaded view of this topic Create a new topic
Previous Topic: Undelete a deleted message
Next Topic: Avatars issue
Goto Forum:
  

-=] Back to Top [=-
[ Syndicate this forum (XML) ] [ RSS ]

Current Time: Tue Dec 12 17:00:36 EST 2017

Total time taken to generate the page: 0.00571 seconds