|
|
Re: Wrap text around images [message #164064 is a reply to message #164063] |
Sun, 02 January 2011 16:05 |
Ernesto
Messages: 413 Registered: August 2005
Karma: 0
|
Senior Member |
|
|
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>
Ginnunga Gaming
[Updated on: Sun, 02 January 2011 16:10] Report message to a moderator
|
|
|
|
|
Re: Wrap text around images [message #164070 is a reply to message #164069] |
Sun, 02 January 2011 17:10 |
The Witcher
Messages: 675 Registered: May 2009 Location: USA
Karma: 3
|
Senior Member |
|
|
naudefj wrote on Sun, 02 January 2011 11:08Come 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 17:25 |
The Witcher
Messages: 675 Registered: May 2009 Location: USA
Karma: 3
|
Senior Member |
|
|
naudefj wrote on Sun, 02 January 2011 09:48We 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 #164112 is a reply to message #164111] |
Tue, 04 January 2011 05:04 |
Ernesto
Messages: 413 Registered: August 2005
Karma: 0
|
Senior Member |
|
|
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
|
|
|
|
Aw: Re: Wrap text around images [message #165880 is a reply to message #164117] |
Fri, 19 August 2011 13:45 |
JanRei
Messages: 361 Registered: October 2005 Location: Germany
Karma: 0
|
Senior Member Contributing Core Developer Translator |
|
|
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 13:46] Report message to a moderator
|
|
|
|
|
|